You should have all existing pages as they were and Flutter app on If the page returns 404 on /page-3 but works on /page-3.html then checkout this answer on cleanUrls. Try serving your website locally using firebase serve -only hosting command. That page-3.html file will look for file in the same directory so if you move that JS file to any other directory, let's say, /js/ then don't forget to change that in page-3.html. If you already have a Firebase hosting project, then I assume your public directory looks something like:Īfter copying all files from the Flutter build directory to the public directory, it should look like:ĭo note that I've renamed index.html from Flutter to page-3.html and kept the original index.html as is. It will generate build/web directory and it's content may look something like: You can simply paste all the files that Flutter generates in your Firebase hosting's public directory. Should I be hosting the flutter web app in a different hosting link and load it inside an iFrame within my existing domain page?Īny help or guidance for this will be highly appreciated! Thank you!.
#Flutter firebase hosting how to
#Flutter firebase hosting android
I already have iOS and Android applications built using the same Firebase project as the site being hosted on.I do not want my existing HTML pages to change or be affected by the Flutter single page web application. Imagine /page-3 should load the Flutter Web application only. This is a simple way to distribute apps to testers or. Now I need to build a web application example-web and put it in a page within the already existing site. With Firebase Hosting, there is an easy tool to deploy your Flutter web app and access it in a browser. I already have various HTML pages on the site like /page-1.html or /page-2.html. Java is a registered trademark of Oracle and/or its affiliates.I have a website that I'm already hosting at (custom domain) using Firebase Hosting. For details, see the Google Developers Site Policies.
#Flutter firebase hosting code
Run the initialization command from the CLI and then follow the prompts:Īnswer yes to "Do you want to use a web framework? (experimental)"Ĭhoose your hosting source directory this could be an existing Flutter app.Ĭhange your hosting config in firebase.json to have a source option, ratherĪfter initializing Firebase, you can serve static content with the standardĮxcept as otherwise noted, the content of this page is licensed under the Creative Commons Attribution 4.0 License, and code samples are licensed under the Apache 2.0 License. In the Firebase CLI, enable the web frameworks preview:įirebase experiments:enable webframeworks.Use the Firebase CLI for a new project, or modify firebase.json for anĮxisting project. To get started, initialize Firebase for your framework project. Optional: Billing enabled on your Firebase project.Review the following requirements and options: Release is not subject to any SLA or deprecation policy and may receive limitedīefore you get started deploying your app to Firebase, That the functionality might change in backward-incompatible ways. Note: Framework-aware Hosting is an early public preview. With the Firebase framework-aware CLI, you can deploy your Flutter application
0 kommentar(er)
