Deployment setup

Author: 5Amogh

pm2.config.json

@@ -0,0 +1,17 @@
+{
+    "apps": [
+      {
+        "name": "elevate-projects-pwa",
+        "script": "server.js",
+        "args": [],
+        "instances": "1",
+        "exec_mode": "cluster",
+        "watch": false,
+        "merge_logs": true,
+        "env": {
+          "NODE_ENV": "production",
+          "PORT": 8181
+        }
+      }
+    ]
+  }

server.js

@@ -0,0 +1,14 @@
+const express = require('express');
+const path = require('path');
+const app = express();
+const port = process.env.PORT || 8181;
+
+app.use(express.static(path.join(__dirname, 'www')));
+
+app.get('*', (req, res) => {
+    res.sendFile(path.join(__dirname, 'www', 'index.html'));
+  });
+
+app.listen(port, () => {
+  console.log(`Server is running on port ${port}`);
+});

src/deployment/ansible.yml

@@ -0,0 +1,42 @@
+---
+- hosts: elevate
+  vars:
+    project_path: /opt/frontend/elevate-project-pwa
+    root_path: /opt/frontend
+  tasks:
+    - name: Slurp host file
+      slurp:
+        src: "/opt/backend/deployment/.token"
+      register: slurpfile
+    - name: Run vault credentials
+      shell: "curl --location --request GET '{{ vaultAddress }}elevate-project-pws' --header 'X-Vault-Token: {{ slurpfile['content'] | b64decode }}' | jq '.data' > '{{root_path}}/data2.json'"
+      register: vaultCurl
+    - name: Change directory
+      shell: cd {{project_path}}
+    - name: Fetch the latest code
+      git:
+        repo: https://github.com/ELEVATE-Project/observation-survey-projects-pwa
+        dest: "{{project_path}}"
+        version: "{{gitBranch}}"
+        force: yes
+    - name: Update npm
+      shell: cd {{project_path}} && npm i --force
+    - name: Set permission
+      shell: chmod 744 {{ project_path }}/src/scripts/json2env.sh
+    - name: Generate .env
+      shell: cat {{root_path}}/data2.json | jq '.data' > {{ project_path }}/src/environments/environment.ts && sed -i '1s/^/export const environment = \n/' {{ project_path }}/src/environments/environment.ts
+      register: envConfig
+    - debug: msg=" cred {{ envConfig }} "
+    - name: Change directory
+      shell: chdir {{project_path}}
+    - name: Fetch pm2 config file
+      shell: "curl --location --request GET '{{ vaultAddress }}projetcsPWAPm2Config' --header 'X-Vault-Token: {{ slurpfile['content'] | b64decode }}' | jq '.data.data' > '{{ project_path }}/pm2.config.json'"
+      register: pm2
+    - name: Change directory
+      shell: cd {{project_path}}
+    - name: Remove www folder
+      shell: rm -rf www
+    - name: Build pwa app
+      shell: cd {{project_path}} && ionic build --prod
+    - name: Start pm2
+      shell: cd {{project_path}} && pm2 start pm2.config.json

src/environments/environment.ts

@@ -1,17 +1,4 @@
-// This file can be replaced during build by using the `fileReplacements` array.
-// `ng build` replaces `environment.ts` with `environment.prod.ts`.
-// The list of file replacements can be found in `angular.json`.
-
 export const environment = {
   production: true,
   baseURL: 'your baseUrl here',
 };
-
-/*
- * For easier debugging in development mode, you can import the following file
- * to ignore zone related error stack frames such as `zone.run`, `zoneDelegate.invokeTask`.
- *
- * This import should be commented out in production mode because it will have a negative impact
- * on performance if an error is thrown.
- */
-// import 'zone.js/plugins/zone-error';  // Included with Angular CLI.

src/scripts/json2env.sh

@@ -0,0 +1,4 @@
+#!/bin/sh
+tr -d '\n' |
+  grep -o '"[A-Za-z_][A-Za-z_0-9]\+"\s*:\s*\("[^"]\+"\|[0-9\.]\+\|true\|false\|null\)' |
+  sed 's/"\(.*\)"\s*:\s*"\?\([^"]\+\)"\?/\1= "\2"/'