ตัวอย่าง deploy angular ขึ้น google cloud

ตัวอย่าง deploy Angular ขึ้น Google Cloud มีดังนี้

ใช้ Cloud Build

Cloud Build เป็นบริการ CI/CD ของ Google Cloud ที่ช่วยให้เราสามารถ build, test, และ deploy แอปพลิเคชันของเราไปยัง Google Cloud Platform (GCP) ได้อย่างง่ายดาย

ในการ deploy Angular ขึ้น Google Cloud โดยใช้ Cloud Build ให้เราทำตามขั้นตอนดังนี้

  1. สร้างบัญชี GCP หากคุณยังไม่มีบัญชี GCP
  2. เปิด Cloud Console
  3. ไปที่หน้า “Cloud Build”
  4. คลิกปุ่ม “Create Build”
  5. เลือก “Docker image” เป็น build trigger
  6. ป้อชื่อและคำอธิบายสำหรับ build
  7. เลือก Docker image ของ Angular ของเรา
  8. คลิกปุ่ม “Create”

Cloud Build จะสร้าง build ใหม่สำหรับแอปพลิเคชัน Angular ของเรา

เมื่อ build เสร็จสิ้น Cloud Build จะ deploy แอปพลิเคชันของเราไปยัง Google Cloud

ตัวอย่างโค้ด Cloud Build

ต่อไปนี้เป็นตัวอย่างโค้ด Cloud Build สำหรับ Angular

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
steps:
- name: Build
args:
- build
- --prod
- --base-href=/
- .
dir: .
- name: Deploy
args:
- gcloud
- app
- deploy
- --image=gcr.io/my-project/my-app
- --platform=managed
- --region=us-central1
dir: .

โค้ดนี้จะ build แอปพลิเคชัน Angular ของเราในโหมด production และ deploy แอปพลิเคชันไปยัง Google App Engine

ใช้ Cloud Run

Cloud Run เป็นบริการ serverless computing ของ Google Cloud ที่ช่วยให้เราสามารถรันโค้ดของเราบน Google Cloud โดยไม่ต้องจัดการเซิร์ฟเวอร์

ในการ deploy Angular ขึ้น Google Cloud โดยใช้ Cloud Run ให้เราทำตามขั้นตอนดังนี้

  1. สร้างบัญชี GCP หากคุณยังไม่มีบัญชี GCP
  2. เปิด Cloud Console
  3. ไปที่หน้า “Cloud Run”
  4. คลิกปุ่ม “Create Service”
  5. เลือก “Docker image” เป็น runtime
  6. ป้อชื่อและคำอธิบายสำหรับ service
  7. เลือก Docker image ของ Angular ของเรา
  8. คลิกปุ่ม “Create”

Cloud Run จะสร้าง service ใหม่สำหรับแอปพลิเคชัน Angular ของเรา

แอปพลิเคชัน Angular ของเราจะถูกเผยแพร่ที่ URL https://<service-name>.a.run.app

ตัวอย่างโค้ด Cloud Run

ต่อไปนี้เป็นตัวอย่างโค้ด Cloud Run สำหรับ Angular

1
2
3
4
5
6
7
8
9
runtime: nodejs16

handlers:
- url: /
static_files: dist/index.html
upload: dist/index.html
- url: /(.*)
static_files: dist/\1
upload: dist/(.*)

โค้ดนี้จะ deploy แอปพลิเคชัน Angular ของเราไปยัง Cloud Run

สรุป

การ deploy Angular ขึ้น Google Cloud สามารถทำได้หลายวิธี ขึ้นอยู่กับความต้องการและการใช้งานของแอปพลิเคชัน