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

7 REPLIES 7
WarrenBelz
Super User
Super User

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.

@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.

@v-xida-msft ,

 

Im facing a similar case. In the ideal situation i would like to have a QR Code scanning feature in my Portal App. It is a concept for an event where a lot of external people would come and network. Every person has a personal QR Code and when you scan someone's QR code it gives a simple text underneath the scanner with some basic info about that person. It's also linked to a small game with a few questions about this person. -> see the picture below.

 

Anthony_Dob_0-1634710651767.png

Would this whole concept be possible in a Portal App and how do i get started with this?

 

Best Regards,

Anthony

 

Helpful resources

Announcements
Microsoft 365 Conference – December 6-8, 2022

Microsoft 365 Conference – December 6-8, 2022

Join us in Las Vegas to experience community, incredible learning opportunities, and connections that will help grow skills, know-how, and more.

Top Solution Authors
Top Kudoed Authors
Users online (1,538)