Fix opening website sub routes using the URL (#1326)

You couldn't call "https://sharezone.net/imprint" but when you opened "https://sharezone.net" and clicked the "Imprint" button, you could navigate to "https://sharezone.net/imprint". The issue was the missing `<base href="$FLUTTER_BASE_HREF">` tag in `index.html`. I added it by deleting the old `index.html` and re-create it by running `flutter create .`.
SharezoneApp · Feb 29, 2024 · a4845db · a4845db
1 parent 7292760
commit a4845db
Show file tree

Hide file tree

Showing 4 changed files with 75 additions and 49 deletions.
diff --git a/.github/workflows/unsafe_website_ci.yml b/.github/workflows/unsafe_website_ci.yml
@@ -155,7 +155,8 @@ jobs:
         working-directory: website
         run: |
           flutter build web \
-            --web-renderer canvaskit
+            --web-renderer canvaskit \
+            --pwa-strategy none
 
       - name: Deploy to Firebase Hosting (sharezone-debug)
         uses: FirebaseExtended/action-hosting-deploy@120e124148ab7016bec2374e5050f15051255ba2

diff --git a/.github/workflows/website_cd.yml b/.github/workflows/website_cd.yml
@@ -58,7 +58,8 @@ jobs:
           # buggy.
           flutter build web \
             --web-renderer canvaskit \
-            --dart-define=FLAVOR=${{ matrix.environment.flavor }}
+            --dart-define=FLAVOR=${{ matrix.environment.flavor }} \
+            --pwa-strategy none
 
       - uses: FirebaseExtended/action-hosting-deploy@v0
         with:

diff --git a/website/.metadata b/website/.metadata
@@ -4,7 +4,7 @@
 # This file should be version controlled and should not be manually edited.
 
 version:
-  revision: "78666c8dc57e9f7548ca9f8dd0740fbf0c658dc9"
+  revision: "abb292a07e20d696c4568099f918f6c5f330e6b0"
   channel: "stable"
 
 project_type: app
@@ -13,11 +13,11 @@ project_type: app
 migration:
   platforms:
     - platform: root
-      create_revision: 78666c8dc57e9f7548ca9f8dd0740fbf0c658dc9
-      base_revision: 78666c8dc57e9f7548ca9f8dd0740fbf0c658dc9
-    - platform: macos
-      create_revision: 78666c8dc57e9f7548ca9f8dd0740fbf0c658dc9
-      base_revision: 78666c8dc57e9f7548ca9f8dd0740fbf0c658dc9
+      create_revision: abb292a07e20d696c4568099f918f6c5f330e6b0
+      base_revision: abb292a07e20d696c4568099f918f6c5f330e6b0
+    - platform: web
+      create_revision: abb292a07e20d696c4568099f918f6c5f330e6b0
+      base_revision: abb292a07e20d696c4568099f918f6c5f330e6b0
 
   # User provided section
 

diff --git a/website/web/index.html b/website/web/index.html
@@ -1,6 +1,6 @@
 <!DOCTYPE html>
 <!--
- Copyright (c) 2023 Sharezone UG (haftungsbeschränkt)
+ Copyright (c) 2024 Sharezone UG (haftungsbeschränkt)
  Licensed under the EUPL-1.2-or-later.
 
  You may obtain a copy of the Licence at:
@@ -12,49 +12,73 @@
 <html>
 
 <head>
-    <meta charset="UTF-8">
-    <meta content="IE=Edge" http-equiv="X-UA-Compatible">
-
-    <!-- Caching of HTML for about 6 hours-->
-    <meta http-equiv="cache-control" content="max-age=21600" />
-
-    <!-- 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="sharezone_website">
-    <link rel="apple-touch-icon" href="/icons/Icon-192.png">
-
-    <!-- Favicon -->
-    <link rel="shortcut icon" type="image/png" href="/favicon.png" />
-
-    <!-- Theme -->
-    <meta name="theme-color" content="#40c4ff">
-
-    <!-- SEO and SMO -->
-    <meta name="description" content="Sharezone ist ein vernetzter Schulplaner, um sich gemeinsam zu organisieren. Eingetragene Inhalte, wie z.B. Hausaufgaben, werden blitzschnell mit allen anderen geteilt. So bleiben viele Nerven und viel Zeit erspart.">
-    <meta name="keywords"
-        content="Sharezone, Schulplaner, Schulplaner Digital, Digitaler Schulplaner, Schulplaner App, Gemeinsamer Schulplaner, Geteilter Schulplaner, Online Schulplaner, Smarter Schulplaner, Hausaufgabenheft, Hausaufgabenheft Digital, Digitales Hausaufgabenheft, Hausaufgabenheft App, Geteiltes Hausaufgabenheft, Online Hausaufgabenheft, Smartes Hausaufgabenheft, Hausaufgaben, Hausaufgaben App, Hausaufgaben Online, Stundenplan, Stundenplan Digital, Digitaler Stundenplan, Stundenplan Online, Stundenplan App, Kalender, Terminplaner, Online, Digital, App, Applikation, Download, App Download, Mobil, Handy, Android, iOS, iPhone, iPad, Tablet, App Schule Lehrer, App Schule Schüler, Schüler App, Lehrer App, Eltern App, App Schule Eltern, Schul-App, Schulapp, Google Flutter, Programmieren, Programmierung, Entwicklung, Softwareentwicklung, Schule, School, Note, Noten, Cloud, Cloud-Funktion, Schulplaner mit Cloud, Schulplaner mit Teil-Funktion">
-
-    <!-- Social Networks -->
-    <meta property="og:title" content="Sharezone - Vernetzter Schulplaner">
-    <meta property="og:type" content="website">
-    <meta property="og:description" content="Sharezone ist ein vernetzter Schulplaner, um sich gemeinsam zu organisieren. Eingetragene Inhalte, wie z.B. Hausaufgaben, werden blitzschnell mit allen anderen geteilt. So bleiben viele Nerven und viel Zeit erspart.">
-    <meta property="og:locale" content="de_DE" />
-    <meta property="og:site_name" content="Sharezone">
-    <meta property="og:url" content="https://sharezone.net/">
-    <meta property="og:image" content="https://sharezone.net/og-image">
-
-    <title>Startseite - Sharezone</title>
-    <link rel="manifest" href="/manifest.json">
-    <link rel="stylesheet" href="index.css" type="text/css" media="screen,projection">
+  <base href="$FLUTTER_BASE_HREF">
+
+  <meta charset="UTF-8">
+  <meta content="IE=Edge" http-equiv="X-UA-Compatible">
+
+  <!-- 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="sharezone_website">
+  <link rel="apple-touch-icon" href="/icons/Icon-192.png">
+
+  <!-- Favicon -->
+  <link rel="icon" type="image/png" href="favicon.png" />
+
+  <!-- Theme -->
+  <meta name="theme-color" content="#40c4ff">
+
+  <!-- SEO and SMO -->
+  <meta name="description"
+    content="Sharezone ist ein vernetzter Schulplaner, um sich gemeinsam zu organisieren. Eingetragene Inhalte, wie z.B. Hausaufgaben, werden blitzschnell mit allen anderen geteilt. So bleiben viele Nerven und viel Zeit erspart.">
+  <meta name="keywords"
+    content="Sharezone, Schulplaner, Schulplaner Digital, Digitaler Schulplaner, Schulplaner App, Gemeinsamer Schulplaner, Geteilter Schulplaner, Online Schulplaner, Smarter Schulplaner, Hausaufgabenheft, Hausaufgabenheft Digital, Digitales Hausaufgabenheft, Hausaufgabenheft App, Geteiltes Hausaufgabenheft, Online Hausaufgabenheft, Smartes Hausaufgabenheft, Hausaufgaben, Hausaufgaben App, Hausaufgaben Online, Stundenplan, Stundenplan Digital, Digitaler Stundenplan, Stundenplan Online, Stundenplan App, Kalender, Terminplaner, Online, Digital, App, Applikation, Download, App Download, Mobil, Handy, Android, iOS, iPhone, iPad, Tablet, App Schule Lehrer, App Schule Schüler, Schüler App, Lehrer App, Eltern App, App Schule Eltern, Schul-App, Schulapp, Google Flutter, Programmieren, Programmierung, Entwicklung, Softwareentwicklung, Schule, School, Note, Noten, Cloud, Cloud-Funktion, Schulplaner mit Cloud, Schulplaner mit Teil-Funktion">
+
+  <!-- Social Networks -->
+  <meta property="og:title" content="Sharezone - Vernetzter Schulplaner">
+  <meta property="og:type" content="website">
+  <meta property="og:description"
+    content="Sharezone ist ein vernetzter Schulplaner, um sich gemeinsam zu organisieren. Eingetragene Inhalte, wie z.B. Hausaufgaben, werden blitzschnell mit allen anderen geteilt. So bleiben viele Nerven und viel Zeit erspart.">
+  <meta property="og:locale" content="de_DE" />
+  <meta property="og:site_name" content="Sharezone">
+  <meta property="og:url" content="https://sharezone.net/">
+  <meta property="og:image" content="https://sharezone.net/og-image">
+
+  <title>Startseite - Sharezone</title>
+
+  <link rel="manifest" href="manifest.json">
+  <link rel="stylesheet" href="index.css" type="text/css" media="screen,projection">
+
+  <script>
+    // The value below is injected by flutter build, do not touch.
+    const serviceWorkerVersion = null;
+  </script>
+  <!-- This script adds the flutter initialization JS code -->
+  <script src="flutter.js" defer></script>
 </head>
 
 <body>
-    <div class="spinner">
-        <div class="double-bounce1"></div>
-        <div class="double-bounce2"></div>
-    </div>
-    <script src="main.dart.js" type="application/javascript"></script>
+  <div class="spinner">
+    <div class="double-bounce1"></div>
+    <div class="double-bounce2"></div>
+  </div>
+
+  <script>
+    window.addEventListener('load', function (ev) {
+      // Download main.dart.js
+      _flutter.loader.loadEntrypoint({
+        serviceWorker: {
+          serviceWorkerVersion: serviceWorkerVersion,
+        },
+        onEntrypointLoaded: function (engineInitializer) {
+          engineInitializer.initializeEngine().then(function (appRunner) {
+            appRunner.runApp();
+          });
+        }
+      });
+    });
+  </script>
 </body>
 
 </html>