Azure Static web app vs Azure function app

Question

Hie guys, i have a small scenario in which im kinda stuck , as you will see in the photo below, i have an azure static web page running separatly from the azure function app which does the logic, the user case is the client scam the QR code in which an https get request is sent to the azure function , Function app queries the Azure SQL DB for the required parameters and send them to the static web app. I have managed to set this up and its running but not the way i want.

When i get the data from SQL DB i want to send them to the azure static page as parameters but not as url query parameters which is the current setup, i want to hide these parameters so that i dont display them on the url. Current im sending them using Get method and i dont know if i can use POST which send as a request/response body and i dont know how i should retrieve these parameters in html using JS.

So my question is how should i transfer/send my parameters from azure function to azure static web app and how to retrieve them in html page.
Any proposition will be greatly appreciated

I have seen i can work with session in azure function

Answer 1

@BARADZA Jonathan , thank you for reaching out to us. I could not understand the architecture as available in the screenshot above. Can you please review the following image and queries and confirm if this is how it works:-

1. I am assuming that the Http request from scanning the QR code launches a browser which takes you to the Static Web App (SWA) which in turn calls the Azure Function as an API (which queries Azure SQL DB) and returns result back to SWA. The returned result is displayed in the SWA. Please correct me if I missed something.

2. Regarding "...data from SQL DB send them to the azure static page as parameters but not as url query parameters which is the current setup". Can you share more details about it? Please refer to this link for a sample of Azure Function acting as an API to update the content on SWA frontend. It does not show returned data in URL parameter but in the Body of HTML doc.

If you have a working sample to support this question, that should also help us help you. You may share it via GitHub repository (after ensuring that the personal identifiable information are stripped off).
Please let me know if you have any questions.