Demo-app: Nginx to Node.js

gilhanan · Feb 5, 2024 · e08bf4b · e08bf4b
1 parent a9f8e80
commit e08bf4b
Show file tree

Hide file tree

Showing 8 changed files with 53 additions and 12 deletions.
diff --git a/demo-app/.dockerignore b/demo-app/.dockerignore
@@ -0,0 +1 @@
+deployment/
diff --git a/demo-app/Dockerfile b/demo-app/Dockerfile
@@ -1,2 +1,5 @@
-FROM nginx
-COPY index.html /usr/share/nginx/html
+FROM node:18-bullseye-slim
+
+COPY . .
+
+CMD [ "node", "server.js" ]
diff --git a/demo-app/deployment/container-app.bicep b/demo-app/deployment/container-app.bicep
@@ -24,7 +24,7 @@ resource containerApp 'Microsoft.App/containerapps@2023-05-02-preview' = {
       activeRevisionsMode: 'multiple'
       ingress: {
         external: true
-        targetPort: 80
+        targetPort: 3000
         traffic: productionRevision == 'none' ? [
           {
             latestRevision: true

diff --git a/demo-app/index.html b/demo-app/index.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
+    <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta
       name="description"
@@ -9,13 +10,15 @@
     <title>Lighthouse CI Demo App</title>
   </head>
   <body>
-    <h1>Lighthouse CI on Microsoft Azure</h1>
-    <p>
-      This Demo page used to run
-      <a target="_blank" href="https://github.com/gilhanan/lhci-azure">
-        Lighthouse CI
-      </a>
-      audits on it.
-    </p>
+    <main>
+      <h1>Lighthouse CI on Microsoft Azure</h1>
+      <p>
+        This Demo page used to run
+        <a target="_blank" href="https://github.com/gilhanan/lhci-azure">
+          Lighthouse CI
+        </a>
+        audits on it.
+      </p>
+    </main>
   </body>
 </html>
diff --git a/demo-app/robots.txt b/demo-app/robots.txt
@@ -0,0 +1,2 @@
+User-agent: *
+Allow: /
diff --git a/demo-app/server.js b/demo-app/server.js
@@ -0,0 +1,28 @@
+const { createServer } = require("node:http");
+const { createReadStream } = require("node:fs");
+const { pipeline } = require("node:stream");
+
+const { PORT = 3000 } = process.env;
+
+const router = {
+  "/robots.txt": {
+    headers: { "Content-Type": "text/plain" },
+    file: "robots.txt",
+  },
+};
+
+const index = {
+  headers: {
+    "Content-Type": "text/html",
+    "Content-Security-Policy": "default-src 'none'",
+  },
+  file: "index.html",
+};
+
+createServer((request, response) => {
+  const { headers, file } = router[request.url] || index;
+  response.writeHead(200, headers);
+  pipeline(createReadStream(file), response, () => {});
+}).listen(PORT, () => {
+  console.log(`Server running at http://localhost:${PORT}/`);
+});
diff --git a/lighthouse-ci/client/.gitignore b/lighthouse-ci/client/.gitignore
@@ -1 +1,2 @@
-node_modules
+node_modules
+.lighthouseci
diff --git a/lighthouse-ci/client/lighthouserc.js b/lighthouse-ci/client/lighthouserc.js
@@ -8,6 +8,9 @@ module.exports = {
         chromeFlags: "--no-sandbox --disable-dev-shm-usage",
       },
     },
+    assert: {
+      preset: "lighthouse:no-pwa",
+    },
     upload: {
       target: "lhci",
       serverBaseUrl: LHCI_SERVER,