JSON QR-Codegenerator in einem echten Workflow einsetzen

Anleitung

1. Holen Sie den Rohwert aus seiner Quelle — API-Antwort, Konfigurationsdatei, Logzeile oder Datenbankexport.
2. Verarbeiten Sie ihn im Tool und notieren Sie die exakten Optionswerte, damit der Schritt reproduzierbar ist.
3. Fügen Sie die Ausgabe in die nächste Stufe Ihrer Pipeline ein (Request-Header, Manifest, Skriptkonstante).
4. Protokollieren Sie Ein- und Ausgabe zusammen; schlägt die nächste Stufe fehl, erkennen Sie, welche Seite brach.

Beispiele

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

Eingabe

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

Ausgabe — Ergebnisse

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

Ausführen

Beschreibung

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

JSON QR-Codegenerator → · Anleitung → · qr →

Verwandte Tools