Usar Generador de JSON código QR en un flujo de trabajo real

Dónde encaja este paso en un pipeline real: qué lo alimenta, qué consume la salida y qué comprobar antes de seguir.

Entrada Generador de JSON código QR Salida Funciona 100% en tu navegador: tus datos nunca salen del dispositivo.
Generador de JSON código QR — Entrada → Salida. Funciona 100% en tu navegador: tus datos nunca salen del dispositivo.

Cómo usar

  1. Recoge el valor original de su fuente: una respuesta de API, un archivo de configuración, una línea de log o una exportación de base de datos.
  2. Pásalo por la herramienta y anota los valores exactos de las opciones para que el paso sea reproducible.
  3. Pega la salida en la siguiente etapa del pipeline (una cabecera, un manifiesto, una constante del script).
  4. Registra entrada y salida juntas; si la siguiente etapa falla, sabrás qué lado se rompió.
Cómo usar · Generador de JSON código QR 1 Pega tus datos en lacaja de entrada (ocarga el ejemplo). 2 Ajusta las opciones alformato o escenariodeseado. 3 Copia, descarga orevisa la salida: seactualiza mientrasescribes.
Cómo usar — 3

Ejemplos

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

Entrada

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

Salida — 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>

Ejecutar

Descripción

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

Generador de JSON código QR → · Cómo usar → · qr →

Herramientas relacionadas