--- title: "QR codes pour les développeurs : API REST, SDK et CLI — qr3.app Blog" description: "Comment générer des QR codes par programmation, les intégrer à votre application et réagir aux scans via des webhooks — une plongée technique en profondeur." canonical: "https://qr3.app/fr/blog/qr-codes-for-developers/" lang: "fr" robots: "index,follow,max-image-preview:large,max-snippet:-1" --- # QR codes pour les développeurs : API REST, SDK et CLI — qr3.app Blog > Comment générer des QR codes par programmation, les intégrer à votre application et réagir aux scans via des webhooks — une plongée technique en profondeur. Canonical: [← Blog](/fr/blog/) [Tutoriels](/fr/blog/category/tutorials/) 8 mars 2026 8 min de lecture [Tutoriels](/fr/blog/category/tutorials/) [API](/fr/blog/tag/API/)[SDK](/fr/blog/tag/SDK/)[Developer](/fr/blog/tag/Developer/)[Webhooks](/fr/blog/tag/Webhooks/) # QR codes pour les développeurs : API REST, SDK et CLI Comment générer des QR codes par programmation, les intégrer à votre application et réagir aux scans via des webhooks — une plongée technique en profondeur. par **qr3.app Team** ![QR codes pour les développeurs : API REST, SDK et CLI](https://qr3-blog-agent.meistern.workers.dev/cdn/blog/qr-codes-for-developers/hero.png) En tant que développeur, vous ne voulez pas créer vos QR codes à la main depuis un tableau de bord — vous voulez les générer automatiquement, les intégrer à votre pipeline de build et réagir aux scans via des webhooks. C'est précisément pour cela que qr3.app a été conçu. ## La stack qr3.app est entièrement natif Cloudflare : - **API Worker** : Hono sur Cloudflare Workers (runtime V8, zéro dépendance Node.js) - **Redirect Worker** : worker ultra-léger, redirections mises en cache KV en moins de 5 ms p50 - **Base de données** : Cloudflare D1 (SQLite) avec multi-tenancy via `workspace_id` - **File d'attente** : événements de scan découplés grâce à Cloudflare Queues ## Authentification Toutes les requêtes API exigent un jeton Bearer et un identifiant de workspace : ``` POST https://qr3.app/v1/codes Authorization: Bearer qr3_sk_... Content-Type: application/json ``` Créez vos clés API sur [app.qr3.app/dashboard/api-keys](https://app.qr3.app/dashboard/api-keys). ## SDK TypeScript ``` npm install @qr3/sdk # ou 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 ``` ## API REST en direct Pas de dépendance au SDK ? L'API REST s'utilise directement : ``` # 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" # Upload a logo — embedded automatically in SVG and PNG from here on curl -X POST https://qr3.app/v1/codes/qr_abc123/logo \ -H "Authorization: Bearer $QR3_API_KEY" \ -F "file=@logo.png" # Download QR code as SVG (now includes the logo) curl "https://qr3.app/v1/codes/r7f3Kx/qr.svg?size=8" \ -o qrcode.svg ``` ## CLI Pour vos scripts et votre CI/CD, il y a le `@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/ ``` ## Webhooks : réagir aux scans Les webhooks sont la fonctionnalité la plus puissante : vous pouvez réagir en temps réel à chaque scan. ``` // Register a webhook const { data: webhook } = await client.webhooks.create({ url: "https://your-app.com/webhooks/qr3", events: ["qr.scanned", "qr.updated"], }); ``` ### Payload du webhook ``` { "id": "evt_4f0c2a91d7e84b3c9a1f", "type": "qr.scanned", "created": "2026-03-15T14:30:00.000Z", "data": { "code_id": "qr_abc123", "short_code": "r7f3Kx", "scanned_at": "2026-03-15T14:30:00.000Z", "country": "DE", "device_type": "mobile", "os": "iOS", "browser": "Safari", "language": "de", "ab_variant": null, "redirected_to": "https://example.com/landing" } } ``` ### Vérifier les webhooks (HMAC) ``` import { createHmac, timingSafeEqual } from "crypto"; export async function verifyWebhook( payload: string, signature: string, secret: string, ): Promise { const expected = createHmac("sha256", secret) .update(payload) .digest("hex"); const expectedBytes = Buffer.from(`sha256=${expected}`); const receivedBytes = Buffer.from(signature); return ( expectedBytes.length === receivedBytes.length && timingSafeEqual(expectedBytes, receivedBytes) ); } ``` ## Limitation de débit Chaque clé API peut envoyer 60 requêtes par minute, quel que soit le plan. La création de codes est également soumise à un plafond quotidien par espace de travail, identique pour tous les plans : `POST /v1/codes` accepte de nouveaux codes jusqu'à ce que 200 aient été créés ce jour-là, et `POST /v1/codes/batch` jusqu'à 10 000. Chaque réponse authentifiée contient `X-RateLimit-Limit`. Une réponse `429` indique également le moment où vous pouvez réessayer : ``` X-RateLimit-Limit: 60 X-RateLimit-Remaining: 0 X-RateLimit-Reset: 1710510060 Retry-After: 60 ``` ## Format d'erreur (RFC 7807) Toutes les erreurs respectent le standard [RFC 7807 Problem Details](https://www.rfc-editor.org/rfc/rfc7807) : ``` { "type": "https://docs.qr3.app/errors/validation", "title": "Validation Error", "status": 422, "detail": "url is required for type 'url'", "errors": [ { "field": "url", "message": "Required" } ] } ``` ## Conclusion qr3.app a été conçu dès l'origine comme un outil pour développeurs : API REST ouverte, SDK pensé TypeScript-first, CLI, webhooks et documentation OpenAPI complète. Parcourez la [documentation de l'API](https://docs.qr3.app/en/api/) ou lancez-vous depuis le [tableau de bord](https://app.qr3.app/dashboard). [← Tous les articles](/fr/blog/) [Démarrer gratuitement](https://app.qr3.app/sign-up)