1. GENERATE QR CODE:
Use the "QR Generate" workflow as an action in a workflow step to generate your QR code.
You'll need to specify the text to be turned into a QR code, this text has to be URL encoded. You can do this by using the formatted as.. URL encoded built in bubble feature to encode your text.
You'll need to specify the height and width of your QR code in pixels.
The result will be an image which you can save as an image and store inside bubble. You can save the resulting image in your next workflow step by adding a "change data" workflow and create an image data and reference the Result of Step that you used to generate the code. The result of the Generate workflow will be the image itself.
2. SCAN QR CODE:
Use the Get Data From An External API feature and select the "QR Scan" API as a datasource to scan an image containing a QR code.
You'll need to specify a URL encoded link to your image and the result will include the QR code's data.
The result will give you the following options:
type: this will always result in "qrcode"
symbol (this will include your decoded data)
symbol's data (gives you the actual text from the QR code)
symbol's error message will give you any error messages if applicable
The raw data from the scanning operation looks as follows:
[
{
"type": "qrcode",
"symbol": [
{
"seq": 0,
"data": "HelloWorld",
"error": null
}
]
}
]
When you are scanning a QR code, make sure that your image file is less than 1MB. You may have to resize an image before scanning it.
Link to editor:
https://bubble.io/page?type=page&name=agile-qr&id=agile-qr-code&tab=tabs-1