Flutter Web: How to create a flutter web app which opens when a QR code is scanned

Question

I am developing a QR menu app using Flutter. A Flutter mobile app will handle the part of uploading menus. Each menu's data is uploaded to the Firestore database. And each and every menu will have a menu_id to identify the menu.

I am hoping to use flutter web for the part when a user scans the QR code which has a generated specific URL using menu data (I think I can use the menu_id to query the menu data), open a website that shows menu data.

My concerns are

1. How can I build a flutter web app which has a unique URL for every menu?
2. How can I generate that URL in flutter mobile?

Answer 1

give names to all routes

ex:

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (context) => Page(),
    settings: RouteSettings(name: "page")),
);

and you can access there in the browser:

http://localhost:12345/page

or


https://yourActualWebserverAddress/page