Dự án trên AWS:

Xây dựng ứng dụng web phi máy chủ

bằng AWS Lambda, Amazon API Gateway, AWS Amplify, Amazon DynamoDB và Amazon Cognito

Serverless_Web_App_LP_assets-15
Serverless_Web_App_LP_assets-14

Giới thiệu

Progression-Bar-07

Lưu trữ trang web tĩnh

Progression-Bar-08

Quản lý người dùng

Progression-Bar-09

Dựng backend phi máy chủ

Progression-Bar-10

Triển khai API RESTful

Progression-Bar-11

Chấm dứt các nguồn lực

Tổng quan

Trong hướng dẫn này, bạn sẽ triển khai ứng dụng web phi máy chủ đơn giản cho phép người dùng yêu cầu các chuyến đi bằng kỳ lân từ đội Wild Rydes. Ứng dụng sẽ cung cấp cho người dùng giao diện người dùng dựa trên HTML để chỉ ra vị trí họ muốn được đón và sẽ giao tiếp trên phần backend với dịch vụ web RESTful để gửi yêu cầu và gửi một con kỳ lân gần đó. Ứng dụng cũng sẽ cung cấp các phương tiện để người dùng đăng ký dịch vụ và đăng nhập trước khi yêu cầu chuyến đi.

Kiến trúc ứng dụng

Kiến trúc ứng dụng này dùng AWS Lambda, Amazon API Gateway, Amazon DynamoDB, Amazon Cognito và AWS Amplify Console. Amplify Console cung cấp tính năng triển khai liên tục và lưu trữ các tài nguyên của trang web tĩnh, bao gồm HTML, CSS, JavaScript và các tệp hình ảnh mà trình duyệt của người dùng sẽ tải. JavaScript được thực thi trong trình duyệt sẽ gửi và nhận dữ liệu từ API backend công khai được xây dựng bằng Lambda và API Gateway. Amazon Cognito cung cấp các chức năng xác thực và quản lý người dùng để bảo mật API backend. Amazon DynamoDB cung cấp một lớp bền vững, nơi dữ liệu có thể được lưu trữ bằng hàm Lambda của API.

Serverless_Architecture
Serverless_Web_App_LP_assets-18

Lưu trữ web tĩnh

AWS Amplify lưu trữ các tài nguyên web tĩnh, bao gồm các tệp HTML, CSS, JavaScript và hình ảnh mà trình duyệt của người dùng sẽ tải.

Serverless_Web_App_LP_assets-19

Quản lý người dùng

Amazon Cognito cung cấp các chức năng xác thực và quản lý người dùng để bảo mật API backend.

Serverless_Web_App_LP_assets-20

Backend phi máy chủ

Amazon DynamoDB cung cấp một lớp bền vững, nơi dữ liệu có thể được lưu trữ theo chức năng Lambda của API.

Serverless_Web_App_LP_assets-21

API RESTful

JavaScript được thực thi trong trình duyệt sẽ gửi và nhận dữ liệu từ API backend công khai được xây dựng bằng Lambda và API Gateway.

Mô-đun

Hội thảo này được chia làm 5 mô-đun. Mỗi mô-đun trình bày một kịch bản mà theo đó chúng ta tiến hành xây dựng, cũng như hướng dẫn từng bước để giúp bạn triển khai kiến trúc và xác minh sản phẩm vừa tạo ra.
  1. Lưu trữ web tĩnh
  2. Quản lý người dùng
  3. Backend phi máy chủ
  4. API RESTful
  5. Chấm dứt các nguồn lực và các bước tiếp theo

Trải nghiệm AWS: Người bắt đầu

Thời gian hoàn thành: 2 giờ

Chi phí hoàn thành:  Mỗi dịch vụ được sử dụng trong kiến trúc này đủ điều kiện cho Bậc miễn phí của AWS. Nếu bạn vượt quá giới hạn sử dụng của Bậc miễn phí, hoàn thành hướng dẫn này sẽ giúp bạn chỉ phải trả chưa đến 0.25 USD*.
 
Điều kiện tiên quyết: Để hoàn thành hướng dẫn này, bạn sẽ cần:
  • Một tài khoản AWS**
  • Một trình soạn thảo văn bản
  • Trình duyệt được đề xuất: Phiên bản Chrome mới nhất

*Ước tính này giả định bạn tuân theo các cấu hình được đề xuất trong toàn bộ hướng dẫn và chấm dứt sử dụng mọi nguồn lực trong vòng 24 giờ.

**Các tài khoản đã được tạo trong vòng 24 giờ qua có thể chưa có quyền truy cập vào các nguồn lực cần thiết cho hướng dẫn này.

Bắt đầu mô-đun 1: Lưu trữ trang web tĩnh