Questions Management – Frontend – Gọi tới API Gateway

Xem toàn bộ series bài viết hướng dẫn xây dựng ứng dụng Questions Management tại đây.

Chúng ta đã xây dựng được API Gateway cho ứng dụng Questions Management, giờ là lúc chúng ta sẽ chỉnh sửa Front-end để nó chỉ gọi tới hệ thống Microservice của ứng dụng này thông qua API Gateway các bạn nhé.

Có 3 class trong phần Front-end sẽ gọi tới API Category Service, API Question Service, API Option Service là CategoriesService, OptionsService và QuestionsService. Chúng đều nằm trong thư mục src/app/services. Chúng ta sẽ cần sửa context path (thêm “/qm”) sẽ gọi tới các service trong các method của các class này như sau:

CategoriesService:

OptionsService:

QuestionsService:

Tiếp theo, chúng ta cần sửa lại tập tin proxy.config.json để nó chỉ gọi tới API Gateway như sau:

Lúc này, nếu các bạn start ứng dụng Questions Management lên, các bạn sẽ thấy nó work bình thường.

Đánh giá bài viết
Chia sẽ bài viết này ...Share on Facebook
Facebook
4Tweet about this on Twitter
Twitter
Share on LinkedIn
Linkedin

Add Comment

Website này sử dụng Akismet để hạn chế spam. Tìm hiểu bình luận của bạn được duyệt như thế nào.