8 min lasīšana Tutorials API SDK Developer Webhooks

QR kodi izstrādātājiem: REST API, SDK un CLI

Kā programmatiski ģenerēt QR kodus, integrēt tos savā lietotnē un reaģēt uz skenēšanu, izmantojot webhook — tehnisks padziļināts ieskats.

autors qr3.app Team

QR kodi izstrādātājiem: REST API, SDK un CLI

Kā izstrādātājs tu nevēlies veidot QR kodus manuāli, izmantojot vadības paneli — tu vēlies tos ģenerēt automātiski, integrēt savā būvēšanas konveijerā un reaģēt uz skenēšanu, izmantojot webhook. Tieši tam ir radīts qr3.app.

Tehnoloģiju steks

qr3.app ir pilnībā Cloudflare-native:

  • API Worker: Hono uz Cloudflare Workers (V8 izpildvide, nulle Node.js atkarību)
  • Redirect Worker: īpaši vienkāršs worker, KV kešoti pāradresējumi < 5 ms p50
  • Datubāze: Cloudflare D1 (SQLite) ar daudznomnieku atbalstu, izmantojot workspace_id
  • Rinda: skenēšanas notikumi atsaistīti, izmantojot Cloudflare Queues

Autentifikācija

Visiem API pieprasījumiem nepieciešams Bearer marķieris un darbvietas ID:

POST https://qr3.app/v1/codes
Authorization: Bearer qr3_sk_...
Content-Type: application/json

Izveido API atslēgas vietnē app.qr3.app/dashboard/api-keys.

TypeScript SDK

npm install @qr3/sdk
# vai
pnpm add @qr3/sdk
import { QR3 } from "@qr3/sdk";

const client = new QR3({
  apiKey: process.env.QR3_API_KEY!,
  workspaceId: process.env.QR3_WORKSPACE_ID!,
});

// Create a QR code
const { data: code } = await client.codes.create({
  type: "url",
  url: "https://my-shop.com/product/42",
  title: "Product 42",
  tags: ["shop", "product"],
});

console.log(code.short_code);       // "r7f3Kx"
console.log(code.image_svg_url);    // SVG image URL
console.log(code.redirect_url);     // https://qr3.app/r7f3Kx

// Change URL later (dynamic codes only)
await client.codes.update(code.id, {
  url: "https://my-shop.com/product/42-new",
});

// Query analytics
const stats = await client.codes.stats(code.id, {
  from: "2026-01-01",
  to: "2026-03-31",
});
console.log(stats.data.total_scans); // e.g. 1247

REST API tieši

Nav SDK atkarības? REST API ir izmantojams tieši:

# Create a QR code
curl -X POST https://qr3.app/v1/codes \
  -H "Authorization: Bearer $QR3_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{
    "type": "url",
    "url": "https://my-site.com",
    "title": "My Site",
    "is_dynamic": true
  }'

# List all QR codes
curl https://qr3.app/v1/codes?limit=20 \
  -H "Authorization: Bearer $QR3_API_KEY"

# Download QR code as SVG (with logo overlay)
curl "https://qr3.app/v1/codes/r7f3Kx/qr.svg?size=8&logo_url=https://mylogo.com/logo.png" \
  -o qrcode.svg

CLI

Skriptēšanai un CI/CD pieejams @qr3/cli:

npm install -g @qr3/cli
qr3 login

# Create QR code and save as SVG
qr3 codes create --url "https://my-site.com" --title "CI Deploy" --output qr.svg

# Batch creation from CSV
qr3 codes batch import urls.csv --format svg --output ./qr-codes/

Webhook: reaģē uz skenēšanu

Webhook ir visjaudīgākā funkcija: tu vari reāllaikā reaģēt uz katru skenēšanu.

// Register a webhook
const { data: webhook } = await client.webhooks.create({
  url: "https://your-app.com/webhooks/qr3",
  events: ["scan.created", "code.updated"],
});

Webhook lietderīgā slodze

{
  "event": "scan.created",
  "timestamp": "2026-03-15T14:30:00Z",
  "data": {
    "code_id": "code_abc123",
    "short_code": "r7f3Kx",
    "country": "DE",
    "city": "Berlin",
    "device": "mobile",
    "os": "iOS",
    "browser": "Safari"
  }
}

Webhook verifikācija (HMAC)

import { createHmac } from "crypto";

export async function verifyWebhook(
  payload: string,
  signature: string,
  secret: string,
): Promise<boolean> {
  const expected = createHmac("sha256", secret)
    .update(payload)
    .digest("hex");
  return `sha256=${expected}` === signature;
}

Pieprasījumu ierobežošana

Plāns Kodi dienā API pieprasījumi minūtē
Free 10 60
Pro 100 300
Business 1,000 1,200
Enterprise Neierobežots Pielāgots

Pieprasījumu ierobežojuma galvenes katrā atbildē:

X-RateLimit-Limit: 300
X-RateLimit-Remaining: 247
X-RateLimit-Reset: 1710510060

Kļūdu formāts (RFC 7807)

Visas kļūdas atbilst RFC 7807 Problem Details:

{
  "type": "https://docs.qr3.app/errors/validation",
  "title": "Validation Error",
  "status": 422,
  "detail": "url is required for type 'url'",
  "errors": [
    { "field": "url", "message": "Required" }
  ]
}

Noslēgums

qr3.app no paša sākuma ir veidots kā izstrādātāju rīks: atvērts REST API, TypeScript-first SDK, CLI, webhook un pilnīga OpenAPI dokumentācija. Apskati API dokumentāciju vai sāc darbu vadības panelī.