Last active
May 14, 2020 08:33
-
-
Save funwithflutter/14a41d40b1b27f3a8a2a3d06fb116964 to your computer and use it in GitHub Desktop.
Flutter web Firebase initialization example
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
<!DOCTYPE html> | |
<html> | |
<head> | |
<meta charset="UTF-8"> | |
<meta content="IE=Edge" http-equiv="X-UA-Compatible"> | |
<meta name="description" content="A new Flutter project."> | |
<!-- STEP 3: ADD YOUR CLIENT ID --> | |
<meta name="google-signin-client_id" content="ADD-HERE.apps.googleusercontent.com"> | |
<!-- iOS meta tags & icons --> | |
<meta name="apple-mobile-web-app-capable" content="yes"> | |
<meta name="apple-mobile-web-app-status-bar-style" content="black"> | |
<meta name="apple-mobile-web-app-title" content="flutter_web_firebase_googe_auth"> | |
<link rel="apple-touch-icon" href="icons/Icon-192.png"> | |
<!-- Favicon --> | |
<link rel="shortcut icon" type="image/png" href="favicon.png" /> | |
<title>flutter_web_firebase_googe_auth</title> | |
<link rel="manifest" href="manifest.json"> | |
</head> | |
<body> | |
<!-- This script installs service_worker.js to provide PWA functionality to | |
application. For more information, see: | |
https://developers.google.com/web/fundamentals/primers/service-workers --> | |
<!-- STEP 1: ADD core Firebase JS SDK --> | |
<!-- The core Firebase JS SDK is always required and must be listed first --> | |
<script src="https://www.gstatic.com/firebasejs/7.14.3/firebase-app.js"></script> | |
<!-- STEP 1: Add SDKs for Firebase products that you want to use | |
https://firebase.google.com/docs/web/setup#available-libraries --> | |
<script src="https://www.gstatic.com/firebasejs/7.14.3/firebase-auth.js"></script> | |
<script src="https://www.gstatic.com/firebasejs/7.14.3/firebase-analytics.js"></script> | |
<!-- STEP 2: Initialize Firebase with configuration --> | |
<script> | |
// Your web app's Firebase configuration | |
// TODO ADD YOUR FIREBASE CONFIG | |
var firebaseConfig = { | |
// ... your application configuration. This is available in your Firebase project settings. | |
}; | |
// Initialize Firebase | |
firebase.initializeApp(firebaseConfig); | |
firebase.analytics(); | |
</script> | |
<!-- Flutter Initialization --> | |
<script> | |
if ('serviceWorker' in navigator) { | |
window.addEventListener('load', function () { | |
navigator.serviceWorker.register('flutter_service_worker.js'); | |
}); | |
} | |
</script> | |
<script src="main.dart.js" type="application/javascript"></script> | |
</body> | |
</html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment