◼︎ Requisições

• ⓘ URL Pattern: Define a URL que vai ser simulada com um Regex. Se o campo ficar limpo, todas as requisições serão simuladas. Ex.: /endpoint\/id/ {#if !simulateUrlPatternValid && simulateUrlPattern !== ''}
  Expressão inválida
  {/if}
• Código 200 201 202 203 204 400 401 403 404 408 500 504
• ⓘ Corpo da resposta Define um JSON para ser usado como resposta das requisições, tanto sucesso quanto falha. {#if !responseBodyIsValid && responseBody !== ''} <div class="invalid-message">JSON inválido</div> {/if} </li> </ul> <br/> <h6 class="heading">◼︎ Headers customizados</h6> <ul class="controllers"> <li class="custom-headers controller is-full"> <span> <span class="tooltip">ⓘ</span> URL Pattern: <small> Define a URL que vai receber os headers com um Regex. Ex.: <code>/endpoint\/id/</code> </small> </span> <input type="text" spellcheck="false" autocapitalize="off" autocomplete="off" name="header-url-pattern" class="disable-effects" bind:value="simulateHeadersUrlPattern" /> {#if !responseHeadersUrlPatternValid && simulateHeadersUrlPattern !== ''} <div class="invalid-message">Expressão inválida</div> {/if} </li> <li class="custom-headers controller is-full"> <span> <span class="tooltip">ⓘ</span> Headers: <small> Separe os headers com <code>\r</code>.<br/>Ex.: <code>content-encoding: gzip\rcontent-type: text/html; charset=utf-8\r</code> </small> </span> <input type="text" spellcheck="false" autocapitalize="off" autocomplete="off" name="header-prop" class="disable-effects" bind:value="simulateHeaders" /> </li> <br/> <h6 class="heading">Tempos</h6> <li class="controller is-full"> <span> <span class="tooltip">ⓘ</span> Timeout: <small>Define um tempo para disparar um erro de Gateway Time-Out.</small> </span> <input type="number" bind:value="simulateTimeout"/> </li> <li class="controller is-full"> <span> <span class="tooltip">ⓘ</span> Tempo da requisição: <small>Define um tempo para as requisições simuladas quando o timeout for 0.</small> </span> <input type="number" bind:value="simulateRequestTime"/> </li> </ul> {/if} <ul class="controllers"> <li class="controller"> <span>Ativar proxy</span> <Switch bind:checked="activeProxy" /> </li> {#if activeProxy} <li class="controller is-full"> <span>AppKey</span> <input type="text" bind:value="appKey"/> </li> {#each Object.keys(proxyEnvs) as env} <li class="controller"> <span>{env}</span> <Radio name="proxyEnvs" checked="{proxyEnvironment === proxyEnvs[env]}" on:click="setEnv(proxyEnvs[env])" /> </li> {/each} {/if} </ul> </ul> </div> <script> import { Registry } from '../../../index.js'; import { DEFAULT_PANEL_SETTINGS } from '../../../drivers/http.js'; export default { components: { Switch: '@mamba/switch', Radio: '@mamba/radio/Radio.html', }, data() { const { $App: { appKey }, } = Registry.persistent.get(); return { ...Registry.get().$Http.panel, ...Registry.persistent.get().$Http.panel, appKey, proxyEnvs: { Produção: 'poiproxy', Stage: 'poiproxy-stg', Development: 'poiproxy-dev', }, }; }, oncreate() { this.set({ requestMsg: `{"status":200, "msg": "OK"}` }); }, onupdate({ previous, changed, current }) { if (changed.simulateUrlPattern) { try { if (current.simulateUrlPattern !== '') { const obj = new RegExp(current.simulateUrlPattern); this.set({ simulateUrlPatternValid: !!obj, }); } } catch (_) { this.set({ simulateUrlPatternValid: false, }); } } if (changed.simulateHeadersUrlPattern) { try { if (current.simulateHeadersUrlPattern !== '') { const obj = new RegExp(current.simulateHeadersUrlPattern); this.set({ responseHeadersUrlPatternValid: !!obj, }); } } catch (_) { this.set({ responseHeadersUrlPatternValid: false, }); } } if (changed.responseBody) { try { if (current.responseBody !== '') { const obj = JSON.parse(current.responseBody); this.set({ responseBodyIsValid: !!obj, }); } } catch (_) { this.set({ responseBodyIsValid: false, }); } } function setSimulateProperties(resave = false) { const registrySimulateSelected = current.persistSimulateConfig ? Registry.persistent : Registry; registrySimulateSelected.set((draft) => { if (resave) { draft.$Http.panel.simulateTimeout = current.simulateTimeout; draft.$Http.panel.simulateRequest = current.simulateRequest; draft.$Http.panel.requestMsg = current.requestMsg; draft.$Http.panel.responseBody = current.responseBody; draft.$Http.panel.simulateUrlPattern = current.simulateUrlPattern; draft.$Http.panel.simulateHeaders = current.simulateHeaders; draft.$Http.panel.simulateHeadersUrlPattern = current.simulateHeadersUrlPattern; draft.$Http.panel.simulateRequestTime = current.simulateRequestTime; return; } if (changed.simulateTimeout) { draft.$Http.panel.simulateTimeout = current.simulateTimeout; } if (changed.simulateRequest) { draft.$Http.panel.simulateRequest = current.simulateRequest; } if (changed.requestMsg) { draft.$Http.panel.requestMsg = current.requestMsg; } if (changed.responseBody) { draft.$Http.panel.responseBody = current.responseBody; } if (changed.simulateUrlPattern) { draft.$Http.panel.simulateUrlPattern = current.simulateUrlPattern; } if (changed.simulateHeaders) { draft.$Http.panel.simulateHeaders = current.simulateHeaders; } if (changed.simulateHeadersUrlPattern) { draft.$Http.panel.simulateHeadersUrlPattern = current.simulateHeadersUrlPattern; } if (changed.simulateRequestTime) { draft.$Http.panel.simulateRequestTime = current.simulateRequestTime; } }); } if (changed.persistSimulateConfig) { Registry.persistent.set((draft) => { draft.$Http.panel.persistSimulateConfig = current.persistSimulateConfig; }); if (current.persistSimulateConfig === true) { setSimulateProperties(true); } else { Registry.persistent.set((draft) => { draft.$Http.panel = { ...DEFAULT_PANEL_SETTINGS }; }); } } if (previous) { // Simulate changes setSimulateProperties(); Registry.set((draft) => { draft.$Http.panel = current; }); // Proxy changes Registry.persistent.set((draft) => { if (changed.appKey) { draft.$App.appKey = current.appKey; } if (changed.activeProxy) { draft.$Http.panel.activeProxy = current.activeProxy; } if (changed.proxyEnvironment) { draft.$Http.panel.proxyEnvironment = current.proxyEnvironment; } }); Registry.set((draft) => { draft.$Http.panel = current; }); } }, methods: { setEnv(env) { Registry.persistent.set((draft) => { draft.$Http.panel.proxyEnvironment = env; }); }, }, }; </script> <style type="text/postcss"> .title { font-weight: bold; } .invalid-message { color: $red400; font-size: 10px; margin-top: 4px } .simulator-panel-request { input, textarea { font-family: 'Fira Code', 'Courier New', 'Courier', monospace; } textarea { font-size: 12px; } .controller.is-full .tooltip{ display: inline; } .tooltip:hover ~ small { display: block; } small { display: none; line-height: 12px; margin-top: 8px; } } .heading, .invalid-message { font-weight: 600; } :global(.panel) { .custom-headers.controller { .group { padding-top: 8px; margin-top: 8px; } label { display: block; margin-bottom: 4px; } } } </style>