Pembuatan QR Code di CI/CD Pipelines

QR Code Generation in CI/CD Pipelines

Automating QR code generation within CI/CD pipelines creates test environment URLs, deployment tracking codes, and release documentation automatically.

Use Cases

Test environment URLs: Each pull request or branch deployment generates a QR code linking to the preview environment. Reviewers scan to test on mobile devices.

Deployment tracking: Each production deployment generates a QR code with module count." data-category="QR Code Structure">version metadata, linking to the release notes or changelog.

Build artifacts: QR codes embedded in build reports or release notes for quick mobile access.

App store links: Generate app download QR codes as part of the release process.

GitHub Actions Example

- name: Generate PR Preview QR Code
  run: |
    pip install segno
    python -c "
    import segno
    qr = segno.make('${{ env.PREVIEW_URL }}', error='m')
    qr.save('preview-qr.png', scale=8)
    "
- name: Comment PR with QR Code
  uses: actions/github-script@v7
  with:
    script: |
      // Upload image and comment on PR

Integration Patterns

PR comments: Automatically comment on pull requests with a QR code linking to the preview deployment.

Release assets: Attach QR code images to GitHub releases.

Deployment notifications: Include QR codes in Slack/Teams deployment notifications.

Documentation: Embed QR codes in auto-generated documentation linking to live examples.

Best Practices

• Generate QR codes at build time (deterministic, cacheable)
• Use SVG format for documentation embedding (scalable)
• Use PNG format for PR comments and notifications (universal rendering)
• Keep QR code data minimal (short URLs) for clean, small codes
• Include the URL as text alongside the QR code for accessibility

Key Takeaways

• CI/CD QR codes automate test environment access and deployment tracking
• GitHub Actions can generate and attach QR codes to PRs and releases
• Use SVG for docs, PNG for notifications and comments
• Keep encoded URLs short for clean, easily scannable codes
• Include text URLs alongside QR codes for accessibility