For at lege lidt med Google AI studio besluttede jeg mig for at lave en QR-generator.
Kravene til generatoren:
- Mulighed for at lave overlay med runde/firkantede logoer
- Forskellige former koder: Tekst, links, visitkort, osv, men også en mulighed for at lave MobilePay-koder til erhvervsnumre.
- Overholde standarderne for QR-koder (bl.a. quiet zone og error correction)
- Mulighed for at downloade koden som PNG-billede eller SVG-vektor.
Jeg skriver (for det meste) på dansk, når jeg prompter, så første skud til Gemini i Google AI Studio lød:
Avanceret QR generator, med fuld implementering af fx bwipjs.
Mulighed for at lave overlays (både firkantede og runde) på QR-koder.
Mulighed for at uploade logo til overlay.
Mulighed for alle "typer" af QR-koder (wifi, contacts, url, tel, og alle de andre).
Download som SVG eller PNG.For at tilføje MobilePay tog jeg linket den “gamle” QR-generator hos MobilePay genererede og bad Gemini lave en kode-generator udfra den:
Tilføj muligheden for at lave et MobilePay-link (til erhvervsnumre).
Brug denne URL som skabelon:
https://qr.mobilepay.dk/paymentlink?phone=111111&amount=99.99&comment=Just%20testing&lock=1
phone=6 cifre
amount=beløb i kroner
comment=Tekst/Kommentar (valgfrit)
lock=1/0 (gør det muligt at låse beløb og kommentar)Efter lidt sludren frem og tilbage (en hurtig optælling siger 8 prompts totalt) er jeg endt med en generator, der kan hvad jeg bad den om.
Men det er jo ikke så sjovt, hvis jeg er den eneste, der kan få glæde af den, så for at dele den med andre, skal den på en server, hvor den kan køre. Fra AI Studio kan du deploye din app på Googles servere og lade den leve videre der.
Apps lavet i Google AI Studio kan køre på Google Cloud Run (kræver en betalingskonto). Min app blev deployet på adressen:
qr-generator-510735677258.us-west1.run.app
Hvis det hele skal gøres ekstra lækkert – og det skal det – kan man bruge sit eget domæne, så app’en kan få en lidt pænere URL.
Det gøres med Domain mappings i Google Cloud Console:
For at kunne bruge eget domæne eller subdomæner, i mit tilfælde whatever.christianjohannesen.app, skal det være verificeret af Google. Det gøres via Google Search Console.
Efter domain mapping’en er sat op hos Google, skal subdomænet oprettes som CNAME (i mit tilfælde) hos Cloudflare og peges mod Google-land.
Efter kort tid er alt på plads, og app’en kører på adressen:
Her er hvad jeg har brugt for at lave app’en og gøre den offentlig tilgængelig:
* Relateret til domain mapping – ikke nødvendigt