Tạo Git repository

1. Cập nhật lại code của front-end

• Mở tệp src/constant.js trong thư mục source code của front-end mà bạn đã tải. Sau đó thay giá trị của APP_API_URL bằng URL mà bạn đã ghi lại từ bước trước

2. Tạo một tệp mới tên là buildspect.yaml. Sao chép script dưới vào tệp đó

version: 0.2

phases:
  install:
    runtime-versions:
      nodejs: latest

    commands:
      # install yarn
      - npm install yarn
      # install dependencies
      - yarn
      # so that build commands work
      - yarn add eslint-config-react-app

  build:
    commands:
      # run build script
      - yarn build

artifacts:
  # include all files required to run application
  # we include only the static build files
  files:
    - '**/*'
  base-directory: 'build'  

3. Chạy câu lệnh amplify init để khởi tạo một dự án Amplify mới. Chọn câu trả lời như dưới đây:

• Enter a name for the project (FCJServerlessDMS)
• Initialize the project with the above configuration? (Y/n) (Yes)
• Select the authentication method you want to use: (AWS profile)
• Please choose the profile you want to use (default)
• Help improve Amplify CLI by sharing non sensitive configurations on failures (y/N) (N)`

4. Chạy câu lệnh amplify import auth để import tài nguyên Amazon Cognito mà chúng ta đã tạo vào project. Chọn câu trả lời như dưới đây:

• What type of auth resource do you want to import? · (Cognito User Pool and Identity Pool)
• Select the User Pool you want to import: (cognito-fcj-dms)

5. Chạy câu lệnh amplify import storage để import bucket chúng ta đã tạo vào project. Chọn câu trả lời như dưới đây:

• Select from one of the below mentioned services: (S3 bucket - Content (Images, audio, video, etc.))
• Select the S3 Bucket you want to import: · (fcjdmsstore)

6. Chạy câu lệnh amplify push để cập nhật các resource trên cloud.
7. Mở tệp .gitignore và comment dòng có nội dung aws_exports.js

9. Chạy câu lệnh dưới đây để tạo CodeCommit repository cho code của front-end

aws codecommit create-repository --repository-name fcjdms-frontend

Bạn sẽ thấy đầu ra tương tự như sau

{
    "repositoryMetadata": {
        "accountId": "111111111111",
        "repositoryId": "925fa242-d110-47b4-9ef0-b62815120358",
        "repositoryName": "fcjdms-frontend",
        "lastModifiedDate": "2023-04-10T09:54:38.755000+07:00",
        "creationDate": "2023-04-10T09:54:38.755000+07:00",
        "cloneUrlHttp": "https://git-codecommit.ap-southeast-1.amazonaws.com/v1/r  epos/fcjdms-frontend",
        "cloneUrlSsh": "ssh://git-codecommit.ap-southeast-1.amazonaws.com/v1/repos/fcjdms-frontend",
        "Arn": "arn:aws:codecommit:ap-southeast-1:111111111111:fcjdms-frontend"
    }
}

• Mở bảng điều khiển của CodeCommit để kiểm tra repository

9. Chạy các câu lệnh dưới đây tại tư mục gốc của front-end project để khởi tạo một Git repository cục bộ, thêm code và đẩy lên CodeCommit repository.

git checkout main
git add .
git commit -m "Initial commit"

10. Thêm URL của CodeCommit repository mà bạn đã tạo làm remote trên git project cục bộ

git remote add origin codecommit://fcjdms-frontend

11. Đẩy code lên CodeCommit repository bằng câu lệnh dưới đây:

git push -u origin main

12. Quay lại với bảng điều khiển của CodeComit

• Ấn vào repository fcjdms-frontend, bạn sẽ thấy code đã được đẩy lên