Usar Gerador de JSON código QR num fluxo de trabalho real

Onde este passo se encaixa num pipeline real: o que o alimenta, o que consome a saída e o que verificar antes de seguir.

Entrada Gerador de JSON código QR Saída Funciona 100% no seu navegador — seus dados nunca saem do dispositivo.
Gerador de JSON código QR — Entrada → Saída. Funciona 100% no seu navegador — seus dados nunca saem do dispositivo.

Como usar

  1. Recolha o valor bruto da origem: uma resposta de API, um arquivo de configuração, uma linha de log ou uma exportação do banco.
  2. Passe pela ferramenta e anote os valores exatos das opções para que o passo seja reproduzível.
  3. Cole a saída na próxima etapa do pipeline (um cabeçalho, um manifesto, uma constante do script).
  4. Registre entrada e saída juntas; se a próxima etapa falhar, você saberá qual lado quebrou.
Como usar · Gerador de JSON código QR 1 Cole os dados na caixade entrada (oucarregue o exemplo). 2 Configure as opçõespara o formatodesejado. 3 Copie, baixe ouinspecione a saída —atualiza ao digitar.
Como usar — 3

Exemplos

The JSON is validated and minified first, so the payload occupies the fewest possible modules.

Entrada

{"name":"26173","tools":["qr","base64"],"count":22}

Saída — Resultados

<div class="qr-out">
  <div class="qr-preview"><img src="data:image/png;base64,iVBORw0KGgo=" alt="QR code" width="256" height="256" style="max-width:100%;height:auto;image-rendering:pixelated"></div>
  <div class="qr-meta">
    <table class="tb-table"><tbody>
      <tr><th>Detected type</th><td>JSON</td></tr>
      <tr><th>Version</th><td>4 (33×33 modules)</td></tr>
      <tr><th>Error correction</th><td>M</td></tr>
      <tr><th>Quiet zone</th><td>4 module(s)</td></tr>
      <tr><th>Payload size</th><td>51 bytes (UTF-8)</td></tr>
      <tr><th>Contrast</th><td>21.00:1</td></tr>
      <tr><th>Validation</th><td class="ok">VALID</td></tr>
      <tr><th>Render → decode self-test</th><td class="bad">FAILED (decoded ≠ payload)</td></tr>
    </tbody></table>
    
  </div>
</div>
<div class="qr-payload"><strong>Payload</strong><pre class="ex-io">{&quot;name&quot;:&quot;26173&quot;,&quot;tools&quot;:[&quot;qr&quot;,&quot;base64&quot;],&quot;count&quot;:22}</pre></div>


<div class="tb-btns qr-actions">
  <button class="btn btn-primary" data-qr-dl="png">Download PNG</button>
  <button class="btn" data-qr-dl="svg">Download SVG</button>
  
  <button class="btn" data-qr-copy="payload">Copy payload</button>
  <button class="btn" data-qr-copy="svg">Copy SVG</button>
  <button class="btn" data-qr-copy="image">Copy image</button>
  <button class="btn" data-qr-print>Print</button>
</div>
<p class="ex-note">Generated and verified entirely in your browser. No data is uploaded.</p>

Executar

Descrição

Validate and minify JSON before encoding it, so the payload fits in the smallest possible QR version.

Gerador de JSON código QR → · Como usar → · qr →

Ferramentas relacionadas