Add ReadMe

README.md

+# Demo Angular Server-Side-Rendering with Angular Universal
+# Đang tìm hiểu:
+
+## Cấu trúc Project
+- Angular Project
+- Restful API Demo chạy với Node Express server (./API_DEMO.js)
+
+## Setup project
+B1: Clone từ Git
+B2: Download thư viện:
+  - Run 'npm install'
+B3: Chạy project Angular (Terminal 1)
+  - Client-Side-Rendering: Run 'npm start' bình thường: Dùng khi coding
+  - Server-Side-Rendering: Run 'npm run build:ssr && npm run serve:ssr' : Dùng khi build prod
+    + npm run build:ssr: 
+		Build project prod và dùng các file cấu hình có tên '*.server.*'
+		Sau khi build sẽ sinh ra 1 Node Express server trong thư mục ./dist/ (./dist/server.js)
+		Thư mục ./browser/ là phần code Angular được đóng gói
+	+ npm run serve:ssr
+		Run Node Express server ./dist/server.js đã được build ở trên
+B4: Chạy API để test (Terminal 2)
+  - Mở 1 Terminal khác để chạy server API
+  - Run 'node API_DEMO.js'
+B5: http://localhost:4000/
+
+## ----------- Ghi chú ---------------
+* Cấu hình Filter Request của node server
+  - Với các API để gọi để render WebApp
+		// All regular routes use the Universal engine
+		app.get('*', (req, res) => {
+		  console.log('Browser Request Node Server to render WebApp');
+		  res.render('index', { req });
+		});
+	+ Khi các Request vào trường hợp này thì Express server sẽ chạy (res.render('index', { req })) WebApp lần 1(Kể cả việc gọi API để lấy data), 
+	  sau khi chạy xong sẽ render ra HTML gán vào Response trả về của Request vừa được gọi rồi trả ra ra trình duyệt
+	+ Sau Trình duyệt được trả ra thì WebApp lại chạy lần 2 (Hiện tại đang thấy gọi API lần 2) để update vào view
+  - Với các kiểu API truy cập tài nguyên của server thì đang chỉ cho truy cập vào thư mục ./dist/browser/
+		// Server static files from /browser
+		app.get('*.*', express.static(join(DIST_FOLDER, 'browser')));
+  - Tài liệu: https://angular.io/guide/universal#filtering-request-urls
+* Lưu ý khi coding
+  - Do việc khi Render trên server của Node ...................................
+   
\ No newline at end of file

server.ts

@@ -44,7 +44,7 @@ app.get('*.*', express.static(join(DIST_FOLDER, 'browser')));
 
 // All regular routes use the Universal engine
 app.get('*', (req, res) => {
-  console.log('Browser Request Node Server');
+  console.log('Browser Request Node Server to render WebApp');
   console.log('-----------> RUN -> res.render(\'index\', { req });');
   res.render('index', { req });
 });