chore: update README and code to use environment variables for config…

reference-architectures/cloud_deploy_flow/WebsiteDemo/.env.sample

@@ -0,0 +1,7 @@
+PROJECT_ID=
+
+BUILD_NOTIFICATIONS_SUB=build-notifications-subscription
+CD_APPROVALS_SUB=clouddeploy-approvals-subscription
+CD_OPERATIONS_SUB=clouddeploy-operations-subscription
+DEPLOY_COMMANDS_SUB=deploy-commands-subscription
+TOPIC_NAME=clouddeploy-approvals

reference-architectures/cloud_deploy_flow/WebsiteDemo/README.md

@@ -26,18 +26,18 @@ demonstration purposes and is not intended for production use.
 
 ## Installation
 
-1.  Install the required dependencies:
+1. Install the required dependencies:
 
     npm install
 
-2.  Set your Google Cloud project ID and subscription names in the `index.js`
-    file.
+2. Create a `.env` file and populate it with the environment variables found in
+   `.env.sample`
 
-3.  Start the server:
+3. Start the server:
 
     node index.js
 
-4.  Open your web browser and go to `http://localhost:8080` to access the demo.
+4. Open your web browser and go to `http://localhost:8080` to access the demo.
 
 ## Usage
 

reference-architectures/cloud_deploy_flow/WebsiteDemo/index.js

@@ -1,30 +1,30 @@
+require('dotenv').config();
+
 const {PubSub} = require('@google-cloud/pubsub');
 const express = require('express');
 const path = require('path');
 
 const app = express();
-const port = 8080;
-const topicName = 'clouddeploy-approvals';
+const port = process.env.PORT || 8080;
+const topicName = process.env.TOPIC_NAME || 'clouddeploy-approvals';
 
 // Replace with your actual project ID and subscription names
-const projectId = 'crash-demo-env';
+const projectId = process.env.PROJECT_ID;
 const subscriptionNames = [
-  'build_notifications_subscription',
-  'deploy-commands-subscription',
-  'clouddeploy-operations-subscription',
-  'clouddeploy-approvals-subscription',
+  process.env.BUILD_NOTIFICATIONS_SUB || 'build_notifications_subscription',
+  process.env.DEPLOY_COMMANDS_SUB || 'deploy-commands-subscription',
+  process.env.CD_OPERATIONS_SUB || 'clouddeploy-operations-subscription',
+  process.env.CD_APPROVALS_SUB || 'clouddeploy-approvals-subscription',
 ];
 const timeout = 60;
 
 const pubsubClient = new PubSub({projectId});
 
 // Store messages per subscription
-let messages = {
-  'build_notifications_subscription': [],
-  'deploy-commands-subscription': [],
-  'clouddeploy-operations-subscription': [],
-  'clouddeploy-approvals-subscription': [],
-};
+let messages = {};
+subscriptionNames.forEach((name) => {
+  messages[name] = [];
+});
 
 // Function to pull messages from each subscription
 async function pullMessages(pubSubClient, subscriptionName) {
@@ -35,11 +35,13 @@ async function pullMessages(pubSubClient, subscriptionName) {
     console.log(`\tData: ${message.data}`);
     console.log(`\tAttributes: ${JSON.stringify(message.attributes)}`);
 
-    messages[subscriptionName].push({
-      id: message.id,
-      data: message.data.toString(),
-      attributes: message.attributes,
-    });
+    if (messages[subscriptionName]) {
+      messages[subscriptionName].push({
+        id: message.id,
+        data: message.data.toString(),
+        attributes: message.attributes,
+      });
+    }
 
     message.ack();
   };
@@ -71,12 +73,9 @@ async function main() {
   // Endpoint to clear all messages
   app.post('/clear-messages', (req, res) => {
     // Clear the messages from all subscriptions
-    messages = {
-      'build_notifications_subscription': [],
-      'deploy-commands-subscription': [],
-      'clouddeploy-operations-subscription': [],
-      'clouddeploy-approvals-subscription': [],
-    };
+    for (const subscriptionName in messages) {
+      messages[subscriptionName] = [];
+    }
     console.log('All messages cleared.');
     res.sendStatus(200); // Respond with success
   });

reference-architectures/cloud_deploy_flow/WebsiteDemo/package.json

@@ -2,6 +2,7 @@
   "dependencies": {
     "@google-cloud/pubsub": "^4.8.0",
     "body-parser": "^1.20.3",
+    "dotenv": "^17.2.1",
     "express": "^4.21.2"
   }
 }