Gửi một yêu cầu HTTP

Chúng ta thường đóng gói dữ liệu truy cập của ứng dụng vào một service có thể được sử dụng bởi bất kỳ component nào hoặc service khác cần nó. Trong chương trước, chúng ta đã làm điều đó, nhưng product service vẫn chứa một danh sách sản phẩm với hard-coded. Thay vào đó chúng ta muốn gửi một yêu cầu Http tới một back-end web server để lấy danh sách sản phẩm này.

Angular là cung cấp một Http service cái mà cho phép chúng ta có thể giao tiếp với một back-end web server. Sử dụng nó tương tự như Http request protocol. Hình minh họa trên sẽ giúp chúng ta hình dung về cách mà chúng ta sẽ gửi một Http request. Cụ thể hơn chúng ta sẽ thảo luận về đoạn code sử dụng http service để gọi một http request.

Ở đây, _productUrl chính là địa chỉ web server mà chúng ta sẽ gọi đến. bên trong hàm contructor chúng ta tạo ra một thể hiện của Http service, như cách mà chúng ta inject một service như ở chương trước đó. Cuối cùng để lấy được danh sách sản phẩm từ web server, chúng ta viết một hàm getProducts trong hàm này sẽ trả về một observable, kết quả nhật được từ thể hiện của Http service gọi hàm get đến địa chỉ web server.

Cũng cần lưu ý, vì ProductService class được định nghĩa như một service, nên chúng ta cũng không quên đặt trước nó một decorator là @Injectable(). Và chúng ta cũng phải import Http để có thể sử dụng service này cả trong component và Appmodule.