cancel
Showing results for 
Search instead for 
Did you mean: 
Reply
snan004
Helper I
Helper I

Scanning a QR code to open a powerapp

Hello all,

 

I am fairly new to Powerapps and have created a custom check in/check out app for an event. I would like the participants at the event to be able to scan a QR code which takes them to the powerapp. Would this be possible?

 

Currently the only method for their access is by sending them a link to their email (internal staff) but we would have externals as well who will not be able to access this link 

2 ACCEPTED SOLUTIONS

Accepted Solutions

Hi @snan004 ,

Do you want the end user to scan a barcode to open your canvas app?

 

Based on the needs that you mentioned, I think you could generate a QR Code based on your canvas app web url using the Google QR Codes Generation feature:

https://developers.google.com/chart/infographics/docs/qr_codes

 

On your side, you could type the following url address in your browser:

https://chart.googleapis.com/chart?cht=qr&chs=200x200&chl=https://apps.powerapps.com/play/a7f99863-xxxx-4a9e-xxxx-dfebc48171dd?tenantId=9e51064f-xxxx-41a2-xxxx-9785a9d6c706

Note: Please replace the 'https://apps.powerapps.com/play/a7f99863-xxxx-4a9e-xxxx-dfebc48171dd?tenantId=9e51064f-xxxx-41a2-xxx...' with your actual Canvas App Web Url.

Then it could generate a QR Code based on your App Web url as below:

10.JPG

then these end users could scan the QR Code to open your canvas app.

 

Please consider take a try with above solution, check if the issue is solved.

 

Best regards,

Community Support Team _ Kris Dai
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

View solution in original post

Hi @snan004 ,

Do you want to embed this QR Code into a website?

 

If you want to embed this QR Code into a website, I think the <iframe> HTML tag could achieve your needs. You could embed the QR Code through the following HTML syntax:

<iframe width="200" height="200" src="https://chart.googleapis.com/chart?cht=qr&chs=200x200&chl=https://apps.powerapps.com/play/a7f99863-xxxx-4a9e-xxxx-dfebc48171dd?tenantId=9e51064f-xxxx-41a2-xxxx-9785a9d6c706" />

Please check and see if the following article would help in your scenario:

https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/embed-apps-dev#embed-your-app-in-a-webs...

Note: If your website support <iframe> HTML Tag, you could use above solution to achieve your needs.

 

The sample HTML syntax code as below:

<!DOCTYPE html>
<html>
<body>
   <iframe width="200" height="200" src="https://chart.googleapis.com/chart?cht=qr&chs=200x200&chl=https://apps.powerapps.com/play/a7f99863-xxxx-4a9e-xxxx-dfebc48171dd?tenantId=9e51064f-xxxx-41a2-xxxx-9785a9d6c706" />
</body>
</html>

 

If the solution I provided above could achieve your needs, please consider go ahead to click "Accept as Solution" to identify this thread has been solved.

 

Best regards, 

Community Support Team _ Kris Dai
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

View solution in original post

6 REPLIES 6
WarrenBelz
Super User III
Super User III

Hi @snan004 ,

You need the Barcode Scan Control - I am assuming you want to do this from another PowerApp?

 

Please click Accept as solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it Thumbs Up.

 

 

Hi @WarrenBelz ,

 

Thanks for getting back to me!

 

No, I don't want to do it from another Powerapp. I would like to do it from a website where we will the QR code available for participants and they can scan it at the event on the day. I don't need the QR code built in to the powerapp

Hi @snan004 ,

The issue here is not the PowerApp, but putting the PowerApp URL into a barcode and then getting something to launch it.

The minimum address length is in this syntax 
https://apps.powerapps.com/play/xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx

You could probably automate the first bit, but you still have a 36 character string to store.

 

Please click Accept as solution if my post helped you solve your issue. This will help others find it more readily. It also closes the item. If the content was useful in other ways, please consider giving it Thumbs Up.

Hi @snan004 ,

Do you want the end user to scan a barcode to open your canvas app?

 

Based on the needs that you mentioned, I think you could generate a QR Code based on your canvas app web url using the Google QR Codes Generation feature:

https://developers.google.com/chart/infographics/docs/qr_codes

 

On your side, you could type the following url address in your browser:

https://chart.googleapis.com/chart?cht=qr&chs=200x200&chl=https://apps.powerapps.com/play/a7f99863-xxxx-4a9e-xxxx-dfebc48171dd?tenantId=9e51064f-xxxx-41a2-xxxx-9785a9d6c706

Note: Please replace the 'https://apps.powerapps.com/play/a7f99863-xxxx-4a9e-xxxx-dfebc48171dd?tenantId=9e51064f-xxxx-41a2-xxx...' with your actual Canvas App Web Url.

Then it could generate a QR Code based on your App Web url as below:

10.JPG

then these end users could scan the QR Code to open your canvas app.

 

Please consider take a try with above solution, check if the issue is solved.

 

Best regards,

Community Support Team _ Kris Dai
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

View solution in original post

@v-xida-msft thanks! This is exactly what I want..

 

How can I embed this qr code to a website? Would that be possible?

Hi @snan004 ,

Do you want to embed this QR Code into a website?

 

If you want to embed this QR Code into a website, I think the <iframe> HTML tag could achieve your needs. You could embed the QR Code through the following HTML syntax:

<iframe width="200" height="200" src="https://chart.googleapis.com/chart?cht=qr&chs=200x200&chl=https://apps.powerapps.com/play/a7f99863-xxxx-4a9e-xxxx-dfebc48171dd?tenantId=9e51064f-xxxx-41a2-xxxx-9785a9d6c706" />

Please check and see if the following article would help in your scenario:

https://docs.microsoft.com/en-us/powerapps/maker/canvas-apps/embed-apps-dev#embed-your-app-in-a-webs...

Note: If your website support <iframe> HTML Tag, you could use above solution to achieve your needs.

 

The sample HTML syntax code as below:

<!DOCTYPE html>
<html>
<body>
   <iframe width="200" height="200" src="https://chart.googleapis.com/chart?cht=qr&chs=200x200&chl=https://apps.powerapps.com/play/a7f99863-xxxx-4a9e-xxxx-dfebc48171dd?tenantId=9e51064f-xxxx-41a2-xxxx-9785a9d6c706" />
</body>
</html>

 

If the solution I provided above could achieve your needs, please consider go ahead to click "Accept as Solution" to identify this thread has been solved.

 

Best regards, 

Community Support Team _ Kris Dai
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

View solution in original post

Helpful resources

Announcements
PA User Group

Welcome to the User Group Public Preview

Check out new user group experience and if you are a leader please create your group

Power Apps Community Call

Monthly Power Apps Community Call

Did you miss the call?? Check out the Power Apps Community Call here!

secondImage

Experience what’s next for Power Apps

See the latest Power Apps innovations, updates, and demos from the Microsoft Business Applications Launch Event.

Power Platform ISV STudio

Power Platform ISV Studio

ISV Studio is the go-to Power Platform destination for ISV’s to monitor & manage applications post-AppSource publish.

Top Solution Authors
Top Kudoed Authors
Users online (12,684)