Google Cloud Deployment feature added

derpycoder · derpycoder · commit 83f973303957 · 2018-01-14T17:11:10.000+05:30
diff --git a/.gitignore b/.gitignore
@@ -1,5 +1,6 @@
 # compiled output
-/dist
+/public/dist
+/public/etc
 /tmp
 /out-tsc
 
@@ -16,8 +17,8 @@
 *.sublime-workspace
 
 # IDE - VSCode
+.vscode
 .vscode/*
-.vscode/
 !.vscode/settings.json
 !.vscode/tasks.json
 !.vscode/launch.json
diff --git a/angular-cli.json b/angular-cli.json
@@ -6,7 +6,7 @@
   "apps": [
     {
       "root": "src",
-      "outDir": "dist/browser",
+      "outDir": "public/dist/browser",
       "assets": ["assets", "favicon.ico"],
       "index": "index.html",
       "main": "main.ts",
@@ -26,7 +26,7 @@
     },
     {
       "root": "src",
-      "outDir": "dist/server",
+      "outDir": "public/dist/server",
       "assets": ["assets", "favicon.ico"],
       "platform": "server",
       "index": "index.html",
diff --git a/package.json b/package.json
@@ -14,10 +14,11 @@
     "build:universal":
       "npm run build:client && npm run build:server && npm run build:webpack",
 
-    "serve:universal": "node dist/server.js",
+    "serve:universal": "npm start --prefix ./public/",
 
     "deploy:dev":
-      "ng build --prod --aot --base-href http://www.voraknotech.com/angular-scaffolding/ && ngh --dir=dist/browser/"
+      "ng build --prod --aot --base-href http://www.voraknotech.com/angular-scaffolding/ && ngh --dir=public/dist/browser/",
+    "deploy:prod": "npm run build:universal && ngh --dir=public/ --branch=prod"
   },
   "private": true,
   "dependencies": {
diff --git a/public/app.yaml b/public/app.yaml
@@ -0,0 +1,15 @@
+# [START app_yaml]
+runtime: nodejs
+env: flex
+
+# This sample incurs costs to run on the App Engine flexible environment. 
+# The settings below are to reduce costs during testing and are not appropriate
+# for production use
+manual_scaling:
+  instances: 1
+resources:
+  cpu: 1
+  memory_gb: 0.5
+  disk_size_gb: 10
+
+# [END app_yaml]
diff --git a/public/package.json b/public/package.json
@@ -0,0 +1,47 @@
+{
+  "name": "angular-scaffolding",
+  "version": "0.0.0",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/voraknotech/angular-scaffolding"
+  },
+  "contributors": ["Abhijit Kar"],
+  "scripts": {
+    "deploy:gcloud": "gcloud app deploy -v prod",
+    "start": "node ./dist/server.js"
+  },
+  "engines": {
+    "node": "6.11.4",
+    "npm": "3.10.10"
+  },
+  "dependencies": {
+    "@angular/animations": "^5.1.2",
+    "@angular/common": "^5.1.2",
+    "@angular/compiler": "^5.1.2",
+    "@angular/core": "^5.1.2",
+    "@angular/forms": "^5.1.2",
+    "@angular/http": "^5.1.2",
+    "@angular/platform-browser": "^5.1.2",
+    "@angular/platform-browser-dynamic": "^5.1.2",
+    "@angular/platform-server": "^5.1.2",
+    "@angular/router": "^5.1.2",
+    "@angular/service-worker": "^5.1.2",
+    "@nguniversal/express-engine": "^5.0.0-beta.5",
+    "@nguniversal/module-map-ngfactory-loader": "^5.0.0-beta.5",
+    "compression": "^1.7.1",
+    "core-js": "^2.5.3",
+    "express": "^4.16.2",
+    "global": "^4.3.2",
+    "gsap": "^1.20.3",
+    "heap": "^0.2.6",
+    "lodash": "^4.17.4",
+    "reflect-metadata": "^0.1.10",
+    "rxjs": "^5.5.6",
+    "ts-loader": "^3.2.0",
+    "zone.js": "^0.8.18"
+  },
+  "devDependencies": {
+    "@google-cloud/nodejs-repo-tools": "1.4.17"
+  }
+}
diff --git a/public/server.ts b/public/server.ts
@@ -0,0 +1,48 @@
+import { renderModuleFactory } from "@angular/platform-server";
+import { enableProdMode } from "@angular/core";
+import { ngExpressEngine } from "@nguniversal/express-engine";
+import { provideModuleMap } from "@nguniversal/module-map-ngfactory-loader";
+import "zone.js/dist/zone-node";
+import "reflect-metadata";
+
+import * as express from "express";
+import { join } from "path";
+import { readFileSync } from "fs";
+var compression = require("compression");
+
+enableProdMode();
+
+const app = express();
+const PORT = process.env.PORT || 8080;
+const DIST_FOLDER = join(process.cwd(), "dist");
+const {
+  AppServerModuleNgFactory,
+  LAZY_MODULE_MAP
+} = require("./dist/server/main.bundle");
+
+app.use(compression());
+app.engine(
+  "html",
+  ngExpressEngine({
+    bootstrap: AppServerModuleNgFactory,
+    providers: [provideModuleMap(LAZY_MODULE_MAP)]
+  })
+);
+
+app.set("view engine", "html");
+app.set("views", join(DIST_FOLDER, "browser"));
+
+app.use(
+  express.static(join(DIST_FOLDER, "browser"), {
+    index: false,
+    maxAge: "1y"
+  })
+);
+
+app.get("*", (req, res) => {
+  res.render(join(DIST_FOLDER, "browser", "index.html"), { req });
+});
+
+app.listen(PORT, () => {
+  console.log(`Node Express server listening on http://localhost:${PORT}`);
+});
diff --git a/webpack.server.config.js b/webpack.server.config.js
@@ -2,13 +2,13 @@ const path = require("path");
 const webpack = require("webpack");
 
 module.exports = {
-  entry: { server: "./server.ts" },
+  entry: { server: "./public/server.ts" },
   resolve: { extensions: [".js", ".ts"] },
   target: "node",
   // this makes sure we include node_modules and other 3rd party libraries
   externals: [/(node_modules|main\..*\.js)/],
   output: {
-    path: path.join(__dirname, "dist"),
+    path: path.join(__dirname, "./public/dist"),
     filename: "[name].js"
   },
   module: {
