add firebase configs for flutter-web

X-Wei · X-Wei · commit 8808fbb95320 · 2021-03-06T16:10:55.000+01:00
following https://firebase.flutter.dev/docs/installation/web
diff --git a/.firebaserc b/.firebaserc
@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "flutter-catalog"
+  }
+}
diff --git a/.gitignore b/.gitignore
@@ -76,3 +76,4 @@ build/
 ios/Flutter/flutter_export_environment.sh
 .flutter-plugins-dependencies
 .fvm/flutter_sdk
+.firebase/*.cache
diff --git a/firebase.json b/firebase.json
@@ -0,0 +1,16 @@
+{
+  "hosting": {
+    "public": "build/web",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  }
+}
diff --git a/lib/constants.dart b/lib/constants.dart
@@ -1,5 +1,6 @@
 import 'dart:io' show Platform;
 
+import 'package:flutter/foundation.dart';
 import 'package:flutter/material.dart';
 
 // ignore_for_file: constant_identifier_names
@@ -18,4 +19,5 @@ const GITHUB_URL = 'https://github.com/X-Wei/flutter_catalog';
 const AUTHOR_SITE = 'http://x-wei.github.io';
 
 // Whether the app is running on mobile phones (Android/iOS)
-final kIsOnMobile = Platform.isAndroid || Platform.isIOS;
+// ! `Platform` is not available on web !
+final kIsOnMobile = kIsWeb || Platform.isAndroid || Platform.isIOS;
diff --git a/pubspec.yaml b/pubspec.yaml
@@ -23,18 +23,23 @@ dependencies:
   cached_network_image: ^2.5.0
   charts_flutter: 0.9.0
   cloud_firestore: ^0.16.0+1
+  cloud_firestore_web:
   convex_bottom_bar: ^2.7.1+2
   day_night_switcher: ^0.2.0
   edge_detection: ^1.0.5
   english_words: 3.1.5
-  extended_image: 1.5.0-dev # cf. https://github.com/fluttercandies/extended_image/issues/310
+  extended_image: 1.5.0-dev
   feature_discovery: ^0.13.0+2
   firebase_analytics: ^7.0.1
+  firebase_analytics_web:
   firebase_auth: ^0.20.1
+  firebase_auth_web:
   firebase_core: ^0.7.0
+  firebase_core_web:
   firebase_database: ^6.0.0
   firebase_ml_vision: ^0.11.0
   firebase_storage: ^7.0.0
+  firebase_storage_web:
   fl_chart: ^0.20.1
   flutter_bloc: ^6.1.3
   flutter_gallery_assets: ^0.2.6
diff --git a/web/index.html b/web/index.html
@@ -30,6 +30,30 @@
   <link rel="manifest" href="manifest.json">
 </head>
 <body>
+  <!-- The core Firebase JS SDK is always required and must be listed first -->
+  <script src="https://www.gstatic.com/firebasejs/7.20.0/firebase-app.js"></script>
+  <!--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.20.0/firebase-analytics.js"></script>
+  <script src="https://www.gstatic.com/firebasejs/7.20.0/firebase-auth.js"></script>
+  <script src="https://www.gstatic.com/firebasejs/7.20.0/firebase-firestore.js"></script>
+  <script src="https://www.gstatic.com/firebasejs/7.20.0/firebase-storage.js"></script>
+
+  <script>
+    // Your web app's Firebase configuration
+    var firebaseConfig = {
+      apiKey: "AIzaSyAlngHUW_mWw0G9mVX9_tw2nqKdPepqyBU",
+      authDomain: "flutter-catalog.firebaseapp.com",
+      databaseURL: "https://flutter-catalog.firebaseio.com",
+      projectId: "flutter-catalog",
+      storageBucket: "flutter-catalog.appspot.com",
+      messagingSenderId: "785184947614",
+      appId: "1:785184947614:web:4d5471b36872c2dbf3aa8f"
+    };
+    // Initialize Firebase
+    firebase.initializeApp(firebaseConfig);
+  </script>
+
   <!-- 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 -->
