Xây dựng ứng dụng web với NodeJS + Express FrameWork + AngularJS - Phần 2

Tiếp tục cho chuỗi series "Xây dựng ứng dụng web với NodeJS + Express FrameWork + AngularJS", ở phần 2 này này mình sẻ hướng đẫn tiếp cách cài đặt angular và request/response giữa nodejs(server) và angularjs(client)

Như đã hướng dẫn ở bài viết trước. Chúng ta đã tạo ra được một project web được xây dựng bằng NodeJs vs Express FrameWork. Tiếp theo mình sẽ hướng dẫn các bạn cài đặt angularjs cho project của mình. Trước hết ta sắp xếp và tạo thư mục như bên dưới đễ có thể dễ hình dung khi làm việc vs node và angular riêng biệt.

|-projectnodejs
  |-public //Client
      |-modules
      |-src
  |-node_module
  |-index.js
  |-package-lock.json
  |-package.json

Tại thư mục gốc dự án install thêm 2 package path và serve-static bằng 2 lệnh sau

$ npm install path
$ npm install serve-static

Sẽ có rất nhiều cách để cài đặt angularjs cho project của bạn. Tuy nhiên ở bài viết này mình xin hướng dẫn cách tải thư viện angular trực tiếp từ trang chủ.

1. Download thư viện AngularJS

Truy cập vào trang chủ tại đây. Sau đó chọn option download như hình:

Giải nén file vừa download vào đường dẫn ~/projectnodejs/public/modules/ ta sẽ được 2 file angular.js và angular.min.js

2. Tạo trang index.html và app.js

Tại thư mục src tạo file index.html & app.js như sau:

/app.js
var app = angular.module('myApp', []);

app.controller('myController', myController);

function myController($scope, $http) {
  $scope.title = 'Xin chao!!!';
}

Mình không giới thiệu về các thành phần của angular nữa nên các bạn có gì chưa hiểu thì có thể tìm hiểu trực tiếp trên google nhé.