Skip to content

Dashboard

Host CI/CD web tĩnh dựa vào AWS S3, AWS pipeline và Github (Part 1)

Created by Admin

Trong bài này, chúng ta sẽ tiến hành tìm hiểu về một số dịch vụ của AWS và thực nghiệm chạy một host web tĩnh với CI/CD code pipeline.

Tóm tắt một số dịch vụ của AWS được sử dụng trong bài viết này:

Amazon S3

Amazon Simple Storage Service (Amazon S3) is an object storage service that offers industry-leading scalability, data availability, security, and performance

Amazon S3 là một dịch vụ lưu trữ đối tượng, cung cấp khả năng mở rộng cho tất yếu, dữ liệu khả dụng, an toàn và hiệu quả.

Một số điểm lưu ý:

  • S3 Security

Pipeline

AWS CodePipeline visualize and automate the different stages of your software release process

AWS CodePipeline trực quan hóa và tự động hóa các giai đoạn khác nhau của quy trình phát hành phần mềm của bạn

Gitthub

GitHub là một dịch vụ cung cấp kho lưu trữ mã nguồn Git dựa trên nền web cho các dự án phát triển phần mềm

Tóm tắt:

(S3)

  • Create new bucket (tạo bucket mới)
  • Enable static host website
  • Add S3 policy to grant public host website

(Pipeline)

  • Create new pipeline
  • Connect to github account
  • Select repo and branch

(Gitthub)

  • Upload static source code and push to repo

(CICD)

  • Code and push to github and pipeline to goding to redeploy the code

(Clear up)

  • Empty bucket and delete each bucket
  • Delete Pipelines
  • Delete exits policy and role releated to pipeline

Quá trình thực hành:

Tạo bucket mới trong Amazon S3.

Enable Static website hosting:

  • Nhập file index.html và error.html vào mục Index Document và nhấn Save.

Tạo S3 Policy để public static web:

Trường Giá trị
Select Type of Policy S3 Bucket Policy
Principal *
AWS Service Amazon S3
Actions Get Object
Amazon Resource Name <arn>/*

Dán vào bucket policy và lưu lại.

Truy cập web hosting URL:
![image.png](https://images.viblo.asia/7ddb8e8f-ace8-43cd-a0bf-8062a82c0bd8.png)
Source: https://viblo.asia/p/host-cicd-web-tinh-dua-vao-aws-s3-aws-pipeline-va-github-part-1-bWrZnoGnlxw