arrow_back

Menghosting Aplikasi Web di Google Cloud Menggunakan Compute Engine

Login Gabung
Test and share your knowledge with our community!
done
Get access to over 700 hands-on labs, skill badges, and courses

Menghosting Aplikasi Web di Google Cloud Menggunakan Compute Engine

Lab 1 jam 30 menit universal_currency_alt 1 Kredit show_chart Pengantar
Test and share your knowledge with our community!
done
Get access to over 700 hands-on labs, skill badges, and courses

GSP662

Lab Mandiri Google Cloud

Ringkasan

Ada banyak cara untuk men-deploy situs di dalam Google Cloud. Setiap solusi menawarkan fitur, kapabilitas, dan level control yang berbeda. Compute Engine menawarkan level kontrol yang mendalam atas infrastruktur yang digunakan untuk menjalankan situs. Namun, layanan ini memerlukan pengelolaan operasional yang sedikit lebih banyak dibandingkan solusi seperti Google Kubernetes Engines (GKE), App Engine, atau lainnya. Dengan Compute Engine, Anda memiliki kontrol menyeluruh atas berbagai aspek infrastruktur, termasuk virtual machine, load balancer, dan lainnya.

Di lab ini Anda akan men-deploy contoh aplikasi, yakni situs e-commerce "Fancy Store", untuk menunjukkan bagaimana situs dapat di-deploy dan diskalakan dengan mudah menggunakan Compute Engine.

Yang akan Anda pelajari

Di lab ini, Anda akan mempelajari cara:

Di akhir lab, Anda akan memiliki instance di dalam grup instance terkelola untuk menyediakan autohealing, load balancing, penskalaan otomatis, dan update berkelanjutan untuk situs Anda.

Penyiapan dan persyaratan

Sebelum mengklik tombol Mulai Lab

Baca petunjuk ini. Lab memiliki timer dan Anda tidak dapat menjedanya. Timer, yang dimulai saat Anda mengklik Start Lab, akan menampilkan durasi ketersediaan resource Google Cloud untuk Anda.

Lab praktik ini dapat Anda gunakan untuk melakukan sendiri aktivitas lab di lingkungan cloud sungguhan, bukan di lingkungan demo atau simulasi. Untuk mengakses lab ini, Anda akan diberi kredensial baru yang bersifat sementara dan dapat digunakan untuk login serta mengakses Google Cloud selama durasi lab.

Untuk menyelesaikan lab ini, Anda memerlukan:

  • Akses ke browser internet standar (disarankan browser Chrome).
Catatan: Gunakan jendela Samaran atau browser pribadi untuk menjalankan lab ini. Hal ini akan mencegah konflik antara akun pribadi Anda dan akun Siswa yang dapat menyebabkan tagihan ekstra pada akun pribadi Anda.
  • Waktu untuk menyelesaikan lab. Ingat, setelah dimulai, lab tidak dapat dijeda.
Catatan: Jika Anda sudah memiliki project atau akun pribadi Google Cloud, jangan menggunakannya untuk lab ini agar terhindar dari tagihan ekstra pada akun Anda.

Cara memulai lab dan login ke Google Cloud Console

  1. Klik tombol Start Lab. Jika Anda perlu membayar lab, jendela pop-up akan terbuka untuk memilih metode pembayaran. Di sebelah kiri adalah panel Lab Details dengan berikut ini:

    • Tombol Open Google Console
    • Waktu tersisa
    • Kredensial sementara yang harus Anda gunakan untuk lab ini
    • Informasi lain, jika diperlukan, untuk menyelesaikan lab ini
  2. Klik Open Google Console. Lab akan menjalankan resource, lalu membuka tab lain yang menampilkan halaman Login.

    Tips: Atur tab di jendela terpisah secara berdampingan.

    Catatan: Jika Anda melihat dialog Choose an account, klik Use Another Account.
  3. Jika perlu, salin Username dari panel Lab Details dan tempel ke dialog Sign in. Klik Next.

  4. Salin Password dari panel Lab Details dan tempel ke dialog Welcome. Klik Next.

    Penting: Anda harus menggunakan kredensial dari panel sebelah kiri. Jangan menggunakan kredensial Google Cloud Skills Boost. Catatan: Menggunakan akun Google Cloud sendiri untuk lab ini dapat dikenai biaya tambahan.
  5. Klik halaman berikutnya:

    • Setujui persyaratan dan ketentuan.
    • Jangan tambahkan opsi pemulihan atau autentikasi 2 langkah (karena ini akun sementara).
    • Jangan daftar uji coba gratis.

Setelah beberapa saat, Cloud Console akan terbuka di tab ini.

Catatan: Anda dapat melihat menu dengan daftar Produk dan Layanan Google Cloud dengan mengklik Menu navigasi di kiri atas. Ikon menu navigasi

Mengaktifkan Cloud Shell

Cloud Shell adalah mesin virtual yang dilengkapi dengan berbagai alat pengembangan. Mesin virtual ini menawarkan direktori beranda persisten berkapasitas 5 GB dan berjalan di Google Cloud. Cloud Shell menyediakan akses command-line untuk resource Google Cloud Anda.

  1. Klik Activate Cloud Shell Ikon Activate Cloud Shell di bagian atas konsol Google Cloud.

Setelah terhubung, Anda sudah diautentikasi, dan project ditetapkan ke PROJECT_ID Anda. Output berisi baris yang mendeklarasikan PROJECT_ID untuk sesi ini:

Project Cloud Platform Anda dalam sesi ini disetel ke YOUR_PROJECT_ID

gcloud adalah alat command line untuk Google Cloud. Alat ini sudah terinstal di Cloud Shell dan mendukung pelengkapan command line.

  1. (Opsional) Anda dapat menampilkan daftar nama akun yang aktif dengan perintah ini:
gcloud auth list
  1. Klik Authorize.

  2. Output Anda sekarang akan terlihat seperti ini:

Output:

ACTIVE: * ACCOUNT: student-01-xxxxxxxxxxxx@qwiklabs.net Untuk menyetel akun aktif, jalankan: $ gcloud config set account `ACCOUNT`
  1. (Opsional) Anda dapat menampilkan daftar project ID dengan perintah ini:
gcloud config list project

Output:

[core] project = <project_ID>

Contoh output:

[core] project = qwiklabs-gcp-44776a13dea667a6 Catatan: Untuk mendapatkan dokumentasi gcloud yang lengkap di Google Cloud, baca panduan ringkasan gcloud CLI.

Menetapkan region dan zona

Resource Compute Engine tertentu berada di region dan zona. Region adalah lokasi geografis spesifik tempat Anda dapat menjalankan resource. Setiap region memiliki satu atau beberapa zona.

Jalankan perintah gcloud berikut di Konsol Cloud guna menetapkan region dan zona default untuk lab Anda:

gcloud config set compute/zone "{{{project_0.default_zone|ZONE}}}" export ZONE=$(gcloud config get compute/zone) gcloud config set compute/region "{{{project_0.default_region|REGION}}}" export REGION=$(gcloud config get compute/region)

Tugas 1. Mengaktifkan Compute Engine API

gcloud services enable compute.googleapis.com

Tugas 2. Membuat bucket Cloud Storage

Anda akan menggunakan bucket Cloud Storage untuk menampung kode yang Anda buat serta skrip startup Anda.

  • Dari Cloud Shell, jalankan perinitah berikut untuk membuat bucket Cloud Storage baru:
gsutil mb gs://fancy-store-$DEVSHELL_PROJECT_ID Catatan: Penggunaan variabel lingkungan $DEVSHELL_PROJECT_ID dalam Cloud Shell berfungsi membantu memastikan nama objek bersifat unik. Karena semua Project ID dalam Google Cloud harus unik, penambahan Project ID juga akan membuat nama lain menjadi unik.

Klik Check my progress untuk memverifikasi tujuan. Membuat bucket Cloud Storage

Tugas 3. Membuat clone repositori sumber

Gunakan situs e-commerce Fancy Store yang ada berdasarkan repositori monolith-to-microservices sebagai dasar untuk situs Anda.

Buat clone kode sumber sehingga Anda dapat berfokus pada aspek deployment ke Compute Engine. Nanti di lab ini, Anda akan melakukan update kecil pada kode untuk menunjukkan kemudahan melakukan update di Compute Engine.

  1. Buat clone kode sumber, lalu buka direktori monolith-to-microservices:
git clone https://github.com/googlecodelabs/monolith-to-microservices.git cd ~/monolith-to-microservices
  1. Jalankan build awal kode agar aplikasi dapat dijalankan secara lokal:
./setup.sh

Perlu waktu beberapa menit hingga skrip ini selesai.

  1. Setelah selesai, pastikan Cloud Shell menjalankan versi nodeJS yang kompatibel dengan perintah berikut:
nvm install --lts
  1. Selanjutnya, jalankan perintah berikut untuk menguji aplikasi, beralih ke direktorimicroservices, dan memulai server web:
cd microservices npm start

Anda akan melihat output berikut:

Products microservice listening on port 8082! Frontend microservice listening on port 8080! Orders microservice listening on port 8081!
  1. Pratinjau aplikasi Anda dengan mengklik ikon pratinjau web lalu pilih Preview on port 8080.

Ikon pratinjau web dan opsi Preview on port 8080 disorot

Tindakan ini akan membuka jendela baru di mana Anda dapat melihat frontend Fancy Store.

Catatan: Dalam opsi Preview, Anda seharusnya dapat melihat Frontend. Namun, fungsi Products dan Orders tidak akan berfungsi karena layanan tersebut belum terekspos.
  1. Tutup jendela ini setelah Anda melihat situs, kemudian tekan CTRL+C di jendela terminal untuk menghentikan proses server web.

Tugas 4. Membuat instance Compute Engine

Sekarang saatnya mulai men-deploy instance Compute Engine.

Dalam langkah-langkah berikut, Anda akan:

  1. Membuat skrip startup untuk mengonfigurasi instance.
  2. Meng-clone kode sumber dan menguploadnya ke Cloud Storage.
  3. Men-deploy instance Compute Engine untuk menghosting microservice backend.
  4. Mengonfigurasi ulang kode frontend untuk memanfaatkan instance microservice backend.
  5. Men-deploy instance Compute Engine untuk menghosting microservice frontend.
  6. Mengonfigurasi jaringan untuk memungkinkan komunikasi.

Membuat skrip startup

Skrip startup akan memberikan instruksi ke instance tentang hal yang harus dilakukan setiap kali instance dimulai. Dengan cara ini, instance akan dikonfigurasi secara otomatis.

  1. Di Cloud Shell, jalankan perintah berikut untuk membuat file bernama startup-script.sh:
touch ~/monolith-to-microservices/startup-script.sh
  1. Klik Open Editor pada pita Cloud Shell untuk membuka Editor Kode.

Tombol Open Editor

  1. Buka folder monolith-to-microservices.

  2. Tambahkan kode berikut ke file startup-script.sh. Anda akan mengedit beberapa bagiannya setelah kode ditambahkan:

#!/bin/bash # Install logging monitor. The monitor will automatically pick up logs sent to # syslog. curl -s "https://storage.googleapis.com/signals-agents/logging/google-fluentd-install.sh" | bash service google-fluentd restart & # Install dependencies from apt apt-get update apt-get install -yq ca-certificates git build-essential supervisor psmisc # Install nodejs mkdir /opt/nodejs curl https://nodejs.org/dist/v16.14.0/node-v16.14.0-linux-x64.tar.gz | tar xvzf - -C /opt/nodejs --strip-components=1 ln -s /opt/nodejs/bin/node /usr/bin/node ln -s /opt/nodejs/bin/npm /usr/bin/npm # Get the application source code from the Google Cloud Storage bucket. mkdir /fancy-store gsutil -m cp -r gs://fancy-store-[DEVSHELL_PROJECT_ID]/monolith-to-microservices/microservices/* /fancy-store/ # Install app dependencies. cd /fancy-store/ npm install # Create a nodeapp user. The application will run as this user. useradd -m -d /home/nodeapp nodeapp chown -R nodeapp:nodeapp /opt/app # Configure supervisor to run the node app. cat >/etc/supervisor/conf.d/node-app.conf << EOF [program:nodeapp] directory=/fancy-store command=npm start autostart=true autorestart=true user=nodeapp environment=HOME="/home/nodeapp",USER="nodeapp",NODE_ENV="production" stdout_logfile=syslog stderr_logfile=syslog EOF supervisorctl reread supervisorctl update
  1. Cari teks [DEVSHELL_PROJECT_ID] dalam file dan ganti dengan Project ID Anda:

Baris kode dalam startup-script.sh sekarang menjadi seperti:

gs://fancy-store-{{{project_0.project_id | Project ID}}}/monolith-to-microservices/microservices/* /fancy-store/
  1. Simpan file startup-script.sh, tetapi jangan ditutup dulu.

  2. Lihat ke kanan bawah Cloud Shell Code Editor, dan pastikan "End of Line Sequence" disetel ke "LF" dan bukan "CRLF".

&quot;End of Line Sequence&quot;

  • Jika disetel ke CRLF, klik CRLF lalu pilih LF pada drop-down.
  • Jika sudah disetel ke LF, maka biarkan saja.
  1. Tutup file startup-script.sh.

  2. Kembali ke Cloud Shell Terminal dan jalankan yang berikut ini untuk menyalin file startup-script.sh ke bucket Anda:

gsutil cp ~/monolith-to-microservices/startup-script.sh gs://fancy-store-$DEVSHELL_PROJECT_ID

File tersebut sekarang dapat diakses di: https://storage.googleapis.com/[BUCKET_NAME]/startup-script.sh.

[BUCKET_NAME] mewakili nama bucket Cloud Storage. Nama ini hanya dapat dilihat oleh pengguna resmi dan akun layanan secara default, sehingga tidak dapat diakses melalui browser web. Instance Compute Engine akan otomatis mengakses nama ini melalui akun layanannya.

Skrip startup akan melakukan tugas-tugas berikut:

  • Menginstal agen Logging. Agen ini mengumpulkan log dari syslog secara otomatis.
  • Menginstal Node.js dan Supervisor. Supervisor menjalankan aplikasi sebagai daemon.
  • Membuat clone kode sumber aplikasi dari Bucket Cloud Storage, lalu menginstal dependensi.
  • Mengonfigurasi Supervisor untuk menjalankan aplikasi. Supervisor memastikan aplikasi akan dimulai ulang jika keluar secara tidak terduga atau dihentikan oleh admin atau proses. Supervisor juga akan mengirimkan stdout dan stderr aplikasi ke syslog untuk dikumpulkan oleh agen Logging.

Menyalin kode ke dalam bucket Cloud Storage

Saat diluncurkan, instance tersebut akan mengambil kode dari bucket Cloud Storage, sehingga Anda dapat menyimpan beberapa variabel konfigurasi dalam file .env kode tersebut.

Catatan: Anda juga dapat membuat kode ini untuk mengambil variabel lingkungan dari tempat lain. Namun untuk tujuan demonstrasi, ini adalah metode sederhana untuk menangani konfigurasi. Dalam produksi, variabel lingkungan kemungkinan besar akan disimpan di luar kode.
  1. Salin clone kode ke dalam bucket Anda:
cd ~ rm -rf monolith-to-microservices/*/node_modules gsutil -m cp -r monolith-to-microservices gs://fancy-store-$DEVSHELL_PROJECT_ID/ Catatan: Direktori dependensi node_modules dihapus untuk memastikan penyalinan dapat dilakukan secepat dan seefisien mungkin. Direktori ini dibuat ulang di instance saat instance dimulai.

Klik Check my progress untuk memverifikasi tujuan. Menyalin skrip startup dan kode ke bucket Cloud Storage

Men-deploy backend instance

Instance pertama yang akan di-deploy adalah backend instance yang akan menampung microservice Orders dan Products.

Catatan: Dalam lingkungan produksi, Anda mungkin sebaiknya memisahkan tiap microservice ke dalam instance dan grup instance masing-masing agar skalanya dapat disesuaikan sendiri-sendiri. Untuk tujuan demonstrasi, kedua microservice backend (Orders & Products) akan berada pada instance dan grup instance yang sama.
  • Jalankan perintah berikut untuk membuat instance e2-standard-2 yang dikonfigurasi untuk menggunakan skrip startup. Instance ini ditandai sebagai instance backend, sehingga Anda dapat menerapkan aturan firewall tertentu padanya nanti:
gcloud compute instances create backend \ --zone=$ZONE \ --machine-type=e2-standard-2 \ --tags=backend \ --metadata=startup-script-url=https://storage.googleapis.com/fancy-store-$DEVSHELL_PROJECT_ID/startup-script.sh

Mengonfigurasi koneksi ke backend

Sebelum men-deploy frontend aplikasi, Anda perlu mengupdate konfigurasinya agar terkoneksi ke backend yang baru saja Anda deploy.

  1. Ambil alamat IP eksternal backend dengan perintah berikut. Lihat pada tab EXTERNAL_IP untuk backend instance tersebut:
gcloud compute instances list

Contoh output:

NAME: backend ZONE: {{{project_0.default_zone | zone}}} MACHINE_TYPE: e2-standard-2 PREEMPTIBLE: INTERNAL_IP: 10.142.0.2 EXTERNAL_IP: 35.237.245.193 STATUS: RUNNING
  1. Salin IP Eksternal untuk backend.

  2. Pada Cloud Shell Explorer, buka monolith-to-microservices > react-app.

  3. Pada Editor Kode, pilih View > Toggle Hidden Files untuk melihat file .env.

Pada langkah berikutnya, Anda akan mengedit file .env agar terkoneksi ke IP Eksternal backend. [BACKEND_ADDRESS] mewakili alamat IP Eksternal dari backend instance yang ditentukan dari perintah gcloud di atas.

  1. Pada file .env, ganti localhost dengan [BACKEND_ADDRESS] Anda:
REACT_APP_ORDERS_URL=http://[BACKEND_ADDRESS]:8081/api/orders REACT_APP_PRODUCTS_URL=http://[BACKEND_ADDRESS]:8082/api/products
  1. Simpan file.

  2. Di Cloud Shell, jalankan perintah berikut untuk membangun kembali react-app, yang akan mengupdate kode frontend:

cd ~/monolith-to-microservices/react-app npm install && npm run-script build
  1. Kemudian salin kode aplikasi ke dalam bucket Cloud Storage:
cd ~ rm -rf monolith-to-microservices/*/node_modules gsutil -m cp -r monolith-to-microservices gs://fancy-store-$DEVSHELL_PROJECT_ID/

Men-deploy frontend instance

Sekarang setelah kode dikonfigurasi, deploy frontend instance.

  • Jalankan perintah berikut untuk men-deploy frontend instance dengan perintah serupa seperti sebelumnya. Instance ini ditandai sebagai frontend untuk keperluan firewall:
gcloud compute instances create frontend \ --zone=$ZONE \ --machine-type=e2-standard-2 \ --tags=frontend \ --metadata=startup-script-url=https://storage.googleapis.com/fancy-store-$DEVSHELL_PROJECT_ID/startup-script.sh Catatan: Perintah deployment dan skrip startup digunakan dengan frontend dan backend instance untuk kemudahan, dan karena kode dikonfigurasi untuk meluncurkan semua microservice secara default. Sebab itu, dalam contoh ini, semua microservice berjalan baik di frontend maupun backend. Dalam lingkungan produksi, Anda hanya akan menjalankan microservice yang Anda perlukan pada tiap komponen.

Mengonfigurasi jaringan

  1. Buat aturan firewall untuk mengizinkan akses ke port 8080 untuk frontend, dan port 8081-8082 untuk backend. Perintah firewall ini menggunakan tag yang ditetapkan dalam pembuatan instance untuk aplikasi:
gcloud compute firewall-rules create fw-fe \ --allow tcp:8080 \ --target-tags=frontend gcloud compute firewall-rules create fw-be \ --allow tcp:8081-8082 \ --target-tags=backend

Situs sekarang seharusnya sudah dapat berfungsi sepenuhnya.

  1. Untuk melihat IP eksternal frontend, Anda perlu mengetahui alamatnya. Jalankan perintah berikut dan cari EXTERNAL_IP dari frontend instance:
gcloud compute instances list

Contoh output:

NAME: backend ZONE: us-central1-f MACHINE_TYPE: e2-standard-2 PREEMPTIBLE: INTERNAL_IP: 10.128.0.2 EXTERNAL_IP: 34.27.178.79 STATUS: RUNNING NAME: frontend ZONE: us-central1-f MACHINE_TYPE: e2-standard-2 PREEMPTIBLE: INTERNAL_IP: 10.128.0.3 EXTERNAL_IP: 34.172.241.242 STATUS: RUNNING

Mungkin perlu waktu beberapa menit untuk memulai dan mengonfigurasi instance.

  1. Tunggu 3 menit lalu buka tab browser baru dan masukkan alamat http://[FRONTEND_ADDRESS]:8080 untuk mengakses situs, dengan [FRONTEND_ADDRESS] adalah EXTERNAL_IP frontend yang tercantum di atas.

  2. Coba buka halaman Products dan Orders. Seharusnya sekarang semuanya berfungsi.

Halaman tab Produk Fancy Store. Gambar produk ditampilkan dalam format ubin.

Klik Check my progress untuk memverifikasi tujuan. Men-deploy instance dan mengonfigurasi jaringan

Tugas 5. Membuat grup instance terkelola

Agar aplikasi dapat diskalakan, grup instance terkelola akan dibuat dan akan menggunakan frontend serta backend instance sebagai Template Instance.

Grup instance terkelola (MIG) berisi instance identik yang dapat Anda kelola sebagai satu entitas dalam satu zona. Grup instance terkelola menjaga ketersediaan tinggi aplikasi Anda dengan secara proaktif memastikan instance Anda terus tersedia, yaitu dalam status RUNNING. Anda akan menggunakan grup instance terkelola untuk frontend dan backend instance guna menyediakan autohealing, load balancing, penskalaan otomatis, dan update berkelanjutan.

Membuat template instance dari instance sumber

Sebelum Anda dapat membuat grup instance terkelola, Anda harus terlebih dahulu membuat template instance yang akan menjadi fondasi grup tersebut. Dengan template instance, Anda dapat menentukan jenis mesin, boot disk image atau image container, jaringan, dan properti instance lainnya yang akan digunakan saat membuat instance VM baru. Anda dapat menggunakan template instance untuk membuat instance dalam grup instance terkelola atau bahkan membuat tiap-tiap instance.

Untuk membuat template instance, gunakan instance yang sudah Anda buat sebelumnya.

  1. Pertama, hentikan kedua instance:
gcloud compute instances stop frontend --zone=$ZONE gcloud compute instances stop backend --zone=$ZONE
  1. Kemudian, buat template instance dari masing-masing instance sumber:
gcloud compute instance-templates create fancy-fe \ --source-instance-zone=$ZONE \ --source-instance=frontend gcloud compute instance-templates create fancy-be \ --source-instance-zone=$ZONE \ --source-instance=backend
  1. Konfirmasi bahwa template instance telah dibuat:
gcloud compute instance-templates list

Contoh output:

NAME: fancy-be MACHINE_TYPE: e2-standard-2 PREEMPTIBLE: CREATION_TIMESTAMP: 2023-07-25T14:52:21.933-07:00 NAME: fancy-fe MACHINE_TYPE: e2-standard-2 PREEMPTIBLE: CREATION_TIMESTAMP: 2023-07-25T14:52:15.442-07:00
  1. Setelah templat instance dibuat, hapus vm backend untuk menghemat ruang resource:
gcloud compute instances delete backend --zone=$ZONE
  1. Ketikkan dan masukkan y saat diminta.

Biasanya, Anda juga dapat menghapus vm frontend, tetapi Anda akan menggunakannya untuk memperbarui template instance nanti di lab.

Membuat grup instance terkelola

  1. Selanjutnya, buat dua grup instance terkelola, satu untuk frontend dan satu lagi untuk backend:
gcloud compute instance-groups managed create fancy-fe-mig \ --zone=$ZONE \ --base-instance-name fancy-fe \ --size 2 \ --template fancy-fe gcloud compute instance-groups managed create fancy-be-mig \ --zone=$ZONE \ --base-instance-name fancy-be \ --size 2 \ --template fancy-be

Grup instance terkelola ini akan menggunakan template instance dan dikonfigurasi untuk masing-masing dua instance dalam tiap grup sebagai awalnya. Instance secara otomatis diberi nama berdasarkan base-instance-name yang ditentukan dengan penambahan karakter acak.

  1. Untuk aplikasi Anda, microservice frontend dijalankan pada port 8080, dan microservice backend dijalankan pada port 8081 untuk orders dan port 8082 untuk produk:
gcloud compute instance-groups set-named-ports fancy-fe-mig \ --zone=$ZONE \ --named-ports frontend:8080 gcloud compute instance-groups set-named-ports fancy-be-mig \ --zone=$ZONE \ --named-ports orders:8081,products:8082

Karena ini adalah port nonstandar, Anda menentukan port bernama untuk mengidentifikasinya. Port bernama adalah metadata pasangan nilai kunci yang mewakili nama layanan dan port yang menjalankannya. Port bernama dapat ditetapkan ke grup instance, yang menunjukkan bahwa layanan tersedia di semua instance dalam grup. Informasi ini digunakan oleh layanan Load Balancing HTTP yang akan dikonfigurasi nanti.

Mengonfigurasi autohealing

Untuk meningkatkan ketersediaan aplikasi itu sendiri dan memverifikasi bahwa aplikasi responsif, atur kebijakan autohealing untuk grup instance terkelola.

Kebijakan autohealing bergantung pada health check berbasis aplikasi untuk memverifikasi bahwa aplikasi merespons seperti yang diharapkan. Memeriksa responsivitas aplikasi sifatnya lebih mendetail dibanding sekadar memverifikasi bahwa suatu instance berstatus RUNNING, yang merupakan perilaku default.

Catatan: Health check akan dilakukan terpisah untuk load balancing dan untuk autohealing. Health check untuk load balancing dapat dan seharusnya lebih agresif karena health check ini menentukan apakah suatu instance menerima traffic pengguna atau tidak. Anda sebaiknya cepat mendeteksi instance yang tidak responsif, sehingga dapat mengalihkan traffic jika perlu. Sebaliknya, health check untuk autohealing menyebabkan Compute Engine secara proaktif mengganti instance yang gagal, sehingga health check ini harus lebih konservatif daripada health check load balancing.
  1. Buat health check yang akan memperbaiki instance jika menampilkan "unhealthy" 3 kali berturut-turut untuk frontend dan backend:
gcloud compute health-checks create http fancy-fe-hc \ --port 8080 \ --check-interval 30s \ --healthy-threshold 1 \ --timeout 10s \ --unhealthy-threshold 3 gcloud compute health-checks create http fancy-be-hc \ --port 8081 \ --request-path=/api/orders \ --check-interval 30s \ --healthy-threshold 1 \ --timeout 10s \ --unhealthy-threshold 3
  1. Buat aturan firewall untuk mengizinkan pemeriksaan health check terhubung ke microservice pada port 8080-8081:
gcloud compute firewall-rules create allow-health-check \ --allow tcp:8080-8081 \ --source-ranges 130.211.0.0/22,35.191.0.0/16 \ --network default
  1. Terapkan health check pada layanan masing-masing:
gcloud compute instance-groups managed update fancy-fe-mig \ --zone=$ZONE \ --health-check fancy-fe-hc \ --initial-delay 300 gcloud compute instance-groups managed update fancy-be-mig \ --zone=$ZONE \ --health-check fancy-be-hc \ --initial-delay 300 Catatan: Mungkin perlu waktu hingga 15 menit sebelum autohealing mulai memantau instance dalam grup.
  1. Lanjutkan ke lab untuk memberikan waktu bagi autohealing guna memantau instance dalam grup. Anda akan menyimulasikan kegagalan untuk menguji autohealing di akhir lab.

Klik Check my progress untuk memverifikasi tujuan. Membuat grup instance terkelola

Tugas 6. Membuat load balancer

Untuk melengkapi grup instance terkelola Anda, gunakan Load Balancer HTTP(S) untuk menyajikan traffic ke microservice frontend dan backend, dan gunakan pemetaan untuk mengirim traffic ke layanan backend yang tepat berdasarkan aturan penetapan jalur. Hal ini akan mengekspos satu IP yang di-load balance untuk semua layanan.

Anda dapat mempelajari lebih lanjut opsi Load Balancing di Google Cloud: Ringkasan Load Balancing.

Membuat load balancer HTTP(S)

Google Cloud menawarkan beragam jenis load balancer. Untuk lab ini, Anda akan menggunakan Load Balancer HTTP(S) untuk traffic Anda. Load balancer HTTP disusun sebagai berikut:

  1. Aturan penerusan mengarahkan permintaan masuk ke proxy HTTP target.
  2. Proxy HTTP target memeriksa tiap permintaan di peta URL guna menentukan layanan backend yang sesuai untuk permintaan.
  3. Layanan backend mengarahkan tiap permintaan ke backend yang sesuai berdasarkan kapasitas penyajian, zona, dan responsivitas instance dari backend yang terkait. Respons tiap backend instance diverifikasi menggunakan health check HTTP. Jika layanan backend dikonfigurasi untuk menggunakan health check HTTPS atau HTTP/2, permintaan akan dienkripsi saat dikirimkan ke backend instance.
  4. Sesi antara load balancer dan instance dapat menggunakan protokol HTTP, HTTPS, atau HTTP/2. Jika Anda menggunakan HTTPS atau HTTP/2, tiap instance di layanan backend harus memiliki sertifikat SSL.
Catatan: Untuk tujuan demonstrasi guna menghindari kerumitan sertifikat SSL, gunakan HTTP, bukan HTTPS. Untuk produksi, disarankan menggunakan HTTPS untuk enkripsi jika memungkinkan.
  1. Buat health check yang akan digunakan untuk menentukan instance yang mampu menyajikan traffic untuk tiap layanan:
gcloud compute http-health-checks create fancy-fe-frontend-hc \ --request-path / \ --port 8080 gcloud compute http-health-checks create fancy-be-orders-hc \ --request-path /api/orders \ --port 8081 gcloud compute http-health-checks create fancy-be-products-hc \ --request-path /api/products \ --port 8082 Catatan: Health check ini ditujukan untuk load balancer, dan hanya menangani pengarahan traffic dari load balancer. Health check ini tidak menyebabkan grup instance terkelola membuat ulang instance.
  1. Buat layanan backend yang menjadi target untuk traffic yang di-load balance. Layanan backend akan menggunakan health check dan port bernama yang Anda buat:
gcloud compute backend-services create fancy-fe-frontend \ --http-health-checks fancy-fe-frontend-hc \ --port-name frontend \ --global gcloud compute backend-services create fancy-be-orders \ --http-health-checks fancy-be-orders-hc \ --port-name orders \ --global gcloud compute backend-services create fancy-be-products \ --http-health-checks fancy-be-products-hc \ --port-name products \ --global
  1. Tambahkan layanan backend Load Balancer:
gcloud compute backend-services add-backend fancy-fe-frontend \ --instance-group-zone=$ZONE \ --instance-group fancy-fe-mig \ --global gcloud compute backend-services add-backend fancy-be-orders \ --instance-group-zone=$ZONE \ --instance-group fancy-be-mig \ --global gcloud compute backend-services add-backend fancy-be-products \ --instance-group-zone=$ZONE \ --instance-group fancy-be-mig \ --global
  1. Buat peta URL. Peta URL mengarahkan tiap URL ke layanan backend yang ditentukan:
gcloud compute url-maps create fancy-map \ --default-service fancy-fe-frontend
  1. Buat path matcher agar jalur /api/orders dan /api/products diarahkan ke layanannya masing-masing:
gcloud compute url-maps add-path-matcher fancy-map \ --default-service fancy-fe-frontend \ --path-matcher-name orders \ --path-rules "/api/orders=fancy-be-orders,/api/products=fancy-be-products"
  1. Buat proxy yang terikat ke peta URL:
gcloud compute target-http-proxies create fancy-proxy \ --url-map fancy-map
  1. Buat aturan penerusan global yang mengikat alamat IP publik dan port ke proxy:
gcloud compute forwarding-rules create fancy-http-rule \ --global \ --target-http-proxy fancy-proxy \ --ports 80

Klik Check my progress untuk memverifikasi tujuan. Membuat load balancer HTTP(S)

Mengupdate konfigurasi

Setelah Anda memiliki alamat IP statis baru, update kode di frontend agar terkoneksi ke alamat baru ini, bukan alamat sementara sebelumnya yang terkoneksi ke backend instance.

  1. Di Cloud Shell, ganti ke folder react-app yang berisi file .env yang menyimpan konfigurasi:
cd ~/monolith-to-microservices/react-app/
  1. Cari alamat IP untuk Load Balancer:
gcloud compute forwarding-rules list --global

Contoh output:

NAME: fancy-http-rule REGION: IP_ADDRESS: 34.111.203.235 IP_PROTOCOL: TCP TARGET: fancy-proxy
  1. Kembali ke Editor Cloud Shell, lalu edit lagi file .env agar terkoneksi ke IP Publik Load Balancer. [LB_IP] mewakili alamat IP Eksternal dari backend instance yang ditentukan di atas.
REACT_APP_ORDERS_URL=http://[LB_IP]/api/orders REACT_APP_PRODUCTS_URL=http://[LB_IP]/api/products Catatan: Port dihapus di alamat baru karena load balancer dikonfigurasi guna menangani penerusan ini untuk Anda.
  1. Simpan file.

  2. Bangun kembali react-app, yang akan mengupdate kode frontend:

cd ~/monolith-to-microservices/react-app npm install && npm run-script build
  1. Salin kode aplikasi ke dalam bucket Anda:
cd ~ rm -rf monolith-to-microservices/*/node_modules gsutil -m cp -r monolith-to-microservices gs://fancy-store-$DEVSHELL_PROJECT_ID/

Mengupdate frontend instance

Setelah ada kode dan konfigurasi baru, frontend instance dalam grup instance terkelola sebaiknya mengambil kode baru.

Karena instance Anda mengambil kode saat sistem dimulai, Anda dapat memberikan perintah mulai ulang yang berkelanjutan:

gcloud compute instance-groups managed rolling-action replace fancy-fe-mig \ --zone=$ZONE \ --max-unavailable 100% Catatan: Dalam contoh penggantian berkelanjutan ini, Anda secara spesifik menyatakan bahwa semua mesin dapat segera diganti melalui parameter --max-unavailable. Tanpa parameter ini, perintah akan membuat sebuah instance tetap berjalan sambil memulai ulang instance lainnya untuk memastikan ketersediaan. Untuk tujuan pengujian ini, Anda menentukan bahwa semua instance dapat segera diganti demi kecepatan.

Klik Check my progress untuk memverifikasi tujuan. Mengupdate frontend instance

Menguji situs

  1. Tunggu 3 menit setelah Anda memberikan perintah rolling-action replace agar ada cukup waktu untuk pemrosesan instance, lalu periksa status grup instance terkelola. Jalankan perintah berikut untuk mengonfirmasi bahwa layanan tercantum sebagai HEALTHY:
watch -n 2 gcloud compute backend-services get-health fancy-fe-frontend --global
  1. Tunggu hingga ke-2 layanan tercantum sebagai HEALTHY.

Contoh output:

backend: https://www.googleapis.com/compute/v1/projects/my-gce-codelab/zones/us-central1-a/instanceGroups/fancy-fe-mig status: healthStatus: - healthState: HEALTHY instance: https://www.googleapis.com/compute/v1/projects/my-gce-codelab/zones/us-central1-a/instances/fancy-fe-x151 ipAddress: 10.128.0.7 port: 8080 - healthState: HEALTHY instance: https://www.googleapis.com/compute/v1/projects/my-gce-codelab/zones/us-central1-a/instances/fancy-fe-cgrt ipAddress: 10.128.0.11 port: 8080 kind: compute#backendServiceGroupHealth Catatan: Jika satu instance mengalami masalah dan statusnya UNHEALTHY, instance tersebut akan otomatis diperbaiki. Tunggu sampai perbaikan ini terjadi.

Jika tidak ada instance yang menunjukkan status HEALTHY setelah ditunggu beberapa saat, berarti ada yang salah dengan penyiapan frontend instance sehingga tidak dapat diakses pada port 8080. Uji hal ini dengan mengakses instance secara langsung pada port 8080.
  1. Setelah kedua item muncul sebagai HEALTHY pada daftar, keluar dari perintah watch dengan menekan CTRL+C.
Catatan: Aplikasi akan dapat diakses melalui http://[LB_IP] dengan [LB_IP] adalah IP_ADDRESS yang ditentukan untuk Load Balancer, yang dapat ditemukan dengan perintah berikut:

gcloud compute forwarding-rules list --global

Anda akan memeriksa aplikasinya nanti di lab.

Tugas 7. Menskalakan Compute Engine

Sejauh ini Anda telah membuat dua grup instance terkelola, masing-masing dengan dua instance. Konfigurasi ini berfungsi penuh, tetapi merupakan konfigurasi statis terlepas dari bebannya. Selanjutnya, Anda akan membuat kebijakan penskalaan otomatis berdasarkan penggunaan untuk secara otomatis menskalakan tiap grup instance terkelola.

Mengubah ukuran secara otomatis berdasarkan penggunaan

  • Untuk membuat kebijakan penskalaan otomatis, jalankan perintah berikut:
gcloud compute instance-groups managed set-autoscaling \ fancy-fe-mig \ --zone=$ZONE \ --max-num-replicas 2 \ --target-load-balancing-utilization 0.60 gcloud compute instance-groups managed set-autoscaling \ fancy-be-mig \ --zone=$ZONE \ --max-num-replicas 2 \ --target-load-balancing-utilization 0.60

Perintah ini membuat autoscaler pada grup instance terkelola yang secara otomatis menambahkan instance ketika penggunaan load balancer berada di atas 60%, dan menghapus instance ketika penggunaannya berada di bawah 60%.

Mengaktifkan jaringan penayangan konten (CDN)

Cara lain yang dapat membantu penskalaan adalah mengaktifkan layanan Jaringan Penayangan Konten guna menyediakan penyimpanan cache untuk frontend.

  • Jalankan perintah berikut pada layanan frontend:
gcloud compute backend-services update fancy-fe-frontend \ --enable-cdn --global

Saat pengguna meminta konten dari load balancer HTTP(S), permintaan tersebut akan tiba di Google Front End (GFE), dan layanan ini pertama-tama akan mencari respons atas permintaan pengguna di cache Cloud CDN. Jika GFE menemukan respons yang di-cache, layanan ini akan mengirimkan respons yang di-cache itu ke pengguna. Hal ini disebut cache hit, atau cache ditemukan.

Jika GFE tidak dapat menemukan respons yang telah di-cache untuk permintaan tersebut, GFE akan membuat permintaan langsung ke backend. Jika respons terhadap permintaan ini dapat disimpan dalam cache, GFE akan menyimpan respons tersebut dalam cache Cloud CDN sehingga cache tersebut dapat digunakan untuk permintaan berikutnya.

Klik Check my progress untuk memverifikasi tujuan. Menskalakan Compute Engine

Tugas 8. Mengupdate situs

Mengupdate template instance

Template instance yang ada tidak dapat diedit. Namun, karena instance Anda stateless dan semua konfigurasi dilakukan melalui skrip startup, Anda hanya perlu mengubah template instance jika ingin mengubah setelan template. Sekarang Anda akan membuat perubahan sederhana untuk menggunakan jenis mesin yang lebih besar dan menerapkannya.

Selesaikan langkah-langkah berikut untuk:

  • Mengupdate frontend instance, yang bertindak sebagai dasar untuk template instance. Selama update berlangsung, masukkan file pada versi terbaru image template instance, lalu update template instance, luncurkan template baru, dan konfirmasi bahwa file tersebut ada pada instance grup instance terkelola.

  • Ubah jenis mesin template instance Anda, dengan beralih dari jenis mesin e2-standard-2 ke e2-small.

  1. Jalankan perintah berikut untuk mengubah jenis mesin frontend instance:
gcloud compute instances set-machine-type frontend \ --zone=$ZONE \ --machine-type e2-small
  1. Buat Template Instance yang baru:
gcloud compute instance-templates create fancy-fe-new \ --region=$REGION \ --source-instance=frontend \ --source-instance-zone=$ZONE
  1. Luncurkan template instance yang diupdate ke Grup Instance Terkelola:
gcloud compute instance-groups managed rolling-action start-update fancy-fe-mig \ --zone=$ZONE \ --version template=fancy-fe-new
  1. Tunggu 3 menit, lalu jalankan perintah berikut untuk memantau status update:
watch -n 2 gcloud compute instance-groups managed list-instances fancy-fe-mig \ --zone=$ZONE

Proses ini perlu waktu beberapa saat.

Setelah Anda memiliki setidaknya 1 instance dalam kondisi berikut:

  • STATUS: RUNNING
  • ACTION disetel ke None
  • INSTANCE_TEMPLATE: nama template baru (fancy-fe-new)
  1. Salin nama salah satu mesin yang tercantum untuk digunakan pada perintah berikutnya.

  2. Tekan CTRL+C untuk keluar dari proses watch.

  3. Jalankan perintah berikut untuk melihat apakah virtual machine tersebut menggunakan jenis mesin baru (e2-small), dengan [VM_NAME] sebagai instance yang baru dibuat:

gcloud compute instances describe [VM_NAME] --zone=$ZONE | grep machineType

Contoh output yang diharapkan:

machineType: https://www.googleapis.com/compute/v1/projects/project-name/zones/us-central1-f/machineTypes/e2-small

Membuat perubahan pada situs

Skenario: Tim pemasaran telah meminta Anda mengubah halaman beranda situs Anda. Menurut mereka, halaman ini harus lebih informatif terkait apa perusahaan Anda dan apa yang sebenarnya Anda jual.

Tugas: Tambahkan teks ke beranda agar tim pemasaran merasa senang. Sepertinya salah satu developer telah membuat perubahan itu dengan nama file index.js.new. Anda cukup menyalin file ini ke index.js dan perubahannya akan diterapkan. Ikuti petunjuk di bawah ini untuk melakukan perubahan yang sesuai.

  1. Jalankan perintah berikut untuk menyalin file yang telah diperbarui itu ke nama file yang benar:
cd ~/monolith-to-microservices/react-app/src/pages/Home mv index.js.new index.js
  1. Cetak konten file untuk memverifikasi perubahan:
cat ~/monolith-to-microservices/react-app/src/pages/Home/index.js

Kode yang dihasilkan akan terlihat seperti ini:

/* Copyright 2019 Google LLC Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at https://www.apache.org/licenses/LICENSE-2.0 Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License. */ import React from "react"; import { Box, Paper, Typography } from "@mui/material"; export default function Home() { return ( <Box sx={{ flexGrow: 1 }}> <Paper elevation={3} sx={{ width: "800px", margin: "0 auto", padding: (theme) => theme.spacing(3, 2), }} > <Typography variant="h5">Welcome to the Fancy Store!</Typography> <br /> <Typography variant="body1"> Take a look at our wide variety of products. </Typography> </Paper> </Box> ); }

Anda telah mengupdate komponen React, tetapi Anda perlu membangun aplikasi React untuk menghasilkan file statis.

  1. Jalankan perintah berikut untuk membangun aplikasi React dan salin ke direktori publik monolit:
cd ~/monolith-to-microservices/react-app npm install && npm run-script build
  1. Kemudian kirim kembali kode ini ke bucket:
cd ~ rm -rf monolith-to-microservices/*/node_modules gsutil -m cp -r monolith-to-microservices gs://fancy-store-$DEVSHELL_PROJECT_ID/

Memaksakan perubahan dengan penggantian berkelanjutan

  1. Sekarang paksa semua instance agar diganti untuk mengambil update:
gcloud compute instance-groups managed rolling-action replace fancy-fe-mig \ --zone=$ZONE \ --max-unavailable=100%

Catatan: Dalam contoh penggantian berkelanjutan ini, Anda secara spesifik menyatakan bahwa semua mesin dapat segera diganti melalui parameter --max-unavailable. Tanpa parameter ini, perintah akan membuat sebuah instance tetap berjalan sambil menggantikan yang lain. Untuk tujuan pengujian ini, Anda menentukan bahwa semua instance dapat segera diganti demi kecepatan. Dalam produksi, membiarkan buffer akan memungkinkan situs untuk terus menyajikan kontennya sambil diupdate.

Klik Check my progress untuk memverifikasi tujuan. Mengupdate situs

  1. Tunggu 3 menit setelah Anda memberikan perintah rolling-action replace agar ada cukup waktu untuk pemrosesan instance, lalu periksa status grup instance terkelola. Jalankan perintah berikut untuk mengonfirmasi bahwa layanan tercantum sebagai HEALTHY:
watch -n 2 gcloud compute backend-services get-health fancy-fe-frontend --global
  1. Tunggu beberapa saat hingga kedua layanan tersebut muncul dan menjadi HEALTHY.

Contoh output:

backend: https://www.googleapis.com/compute/v1/projects/my-gce-codelab/zones/us-central1-a/instanceGroups/fancy-fe-mig status: healthStatus: - healthState: HEALTHY instance: https://www.googleapis.com/compute/v1/projects/my-gce-codelab/zones/us-central1-a/instances/fancy-fe-x151 ipAddress: 10.128.0.7 port: 8080 - healthState: HEALTHY instance: https://www.googleapis.com/compute/v1/projects/my-gce-codelab/zones/us-central1-a/instances/fancy-fe-cgrt ipAddress: 10.128.0.11 port: 8080 kind: compute#backendServiceGroupHealth
  1. Setelah ada item yang muncul dalam daftar dengan status HEALTHY, keluar dari perintah watch dengan menekan CTRL+C.

  2. Jelajahi situs melalui http://[LB_IP] dengan [LB_IP] adalah IP_ADDRESS yang ditentukan untuk Load Balancer, yang dapat ditemukan dengan perintah berikut:

gcloud compute forwarding-rules list --global

Perubahan situs yang baru sekarang akan terlihat.

Menyimulasikan kegagalan

Untuk mengonfirmasi bahwa health check berfungsi, login ke sebuah instance dan hentikan layanan.

  1. Untuk menemukan nama instance, jalankan perintah berikut:
gcloud compute instance-groups list-instances fancy-fe-mig --zone=$ZONE
  1. Salin nama instance, lalu jalankan perintah berikut untuk masuk ke instance dengan protokol secure shell, dengan INSTANCE_NAME adalah salah satu instance dari daftar:
gcloud compute ssh [INSTANCE_NAME] --zone=$ZONE
  1. Ketik "y" untuk mengonfirmasi, dan tekan Enter dua kali untuk tidak menggunakan sandi.

  2. Dalam instance, gunakan supervisorctl untuk menghentikan aplikasi:

sudo supervisorctl stop nodeapp; sudo killall node
  1. Keluar dari instance:
exit
  1. Pantau operasi perbaikan:
watch -n 2 gcloud compute operations list \ --filter='operationType~compute.instances.repair.*'

Prosesnya perlu waktu beberapa menit sampai selesai.

Cari contoh output berikut:

NAME TYPE TARGET HTTP_STATUS STATUS TIMESTAMP repair-1568314034627-5925f90ee238d-fe645bf0-7becce15 compute.instances.repair.recreateInstance us-central1-a/instances/fancy-fe-1vqq 200 DONE 2019-09-12T11:47:14.627-07:00

Grup instance terkelola telah membuat ulang instance tersebut untuk memperbaikinya.

  1. Anda juga dapat membuka Navigation menu > Compute Engine > VM instances untuk memantau melalui konsol.

Selamat!

Anda telah berhasil men-deploy, menskalakan, dan mengupdate situs Anda di Compute Engine. Anda kini berpengalaman dengan Compute Engine, Grup Instance Terkelola, Load Balancer, dan Health Check.

Langkah berikutnya/Pelajari lebih lanjut

Sertifikasi dan pelatihan Google Cloud

...membantu Anda mengoptimalkan teknologi Google Cloud. Kelas kami mencakup keterampilan teknis dan praktik terbaik untuk membantu Anda memahami dengan cepat dan melanjutkan proses pembelajaran. Kami menawarkan pelatihan tingkat dasar hingga lanjutan dengan opsi on demand, live, dan virtual untuk menyesuaikan dengan jadwal Anda yang sibuk. Sertifikasi membantu Anda memvalidasi dan membuktikan keterampilan serta keahlian Anda dalam teknologi Google Cloud.

Manual Terakhir Diperbarui pada 26 April 2024

Lab Terakhir Diuji pada 15 Desember 2023

Hak cipta 2024 Google LLC Semua hak dilindungi undang-undang. Google dan logo Google adalah merek dagang dari Google LLC. Semua nama perusahaan dan produk lain mungkin adalah merek dagang masing-masing perusahaan yang bersangkutan.