SharePoint Framework · Testentwicklung
SPFx QR-Code-Generator
Als Übung in der KI-gestützten Programmierung entstand mit ChatGPT und Codex in VS Code ein QR-Code-Generator als SharePoint-Framework-WebPart. Benutzer können eine vollständige HTTP- oder HTTPS-URL eingeben, den erzeugten QR-Code als Vorschau ansehen und als PNG-Datei herunterladen. Die QR-Code-Erzeugung erfolgt vollständig clientseitig im Browser.
Optional wird ein zuvor vom Entwickler hinterlegtes Firmenlogo automatisch in den QR-Code integriert. Ein eigener Logo-Upload durch Benutzer ist nicht vorgesehen.
Die technische Basis bilden SharePoint Framework 1.23.2, TypeScript, SCSS, das npm-Paket qrcode und die HTML Canvas API. Die Entwicklungsumgebung nutzt ein SPFx-Docker-Image unter WSL mit Node.js 22 und Heft als Buildsystem.
- SPFx 1.23.2
- TypeScript
- Node.js 22
- HTML Canvas API
- SCSS
- Docker (WSL)
- ChatGPT
- Codex (VS Code)