Membuat dan memverifikasi template

Panduan memulai ini membantu Anda membuat dan men-deploy template aplikasi web tiga tingkat yang mencakup komponen frontend, backend, dan database. Gambar berikut menunjukkan kanvas desain, yang mencakup komponen dan koneksi aplikasi.

Aplikasi web tiga tingkat di kanvas desain. Aplikasi ini mencakup komponen frontend, backend, dan database.

Anda mendesain template menggunakan salah satu hal berikut:

Setelah Anda menyelesaikan desain, verifikasi template dengan men-deploy aplikasi pengujian di Pusat Desain Aplikasi.

Untuk mengikuti panduan langkah demi langkah untuk tugas ini langsung di Google Cloud konsol, klik Pandu saya:

Pandu saya

Sebelum memulai

  1. Siapkan App Design Center.

  2. Buat project deployment di folder yang mendukung aplikasi.

    Anda akan men-deploy Google Cloud resource ke project ini saat men-deploy aplikasi.

  3. Pastikan penagihan diaktifkan untuk project deployment Anda.

Menyiapkan alat

Anda dapat menggunakan salah satu opsi berikut untuk menyelesaikan panduan memulai ini.

  • Gunakan kanvas desain di konsol Google Cloud .

  • Untuk menggunakan Gemini Cloud Assist dalam membuat desain Anda, lihat Menyiapkan Gemini Cloud Assist.

  • Login ke akun Google Cloud Anda. Jika Anda baru menggunakan Google Cloud, buat akun untuk mengevaluasi performa produk kami dalam skenario dunia nyata. Pelanggan baru juga mendapatkan kredit gratis senilai $300 untuk menjalankan, menguji, dan men-deploy workload.

  • Instal Google Cloud CLI.

  • Jika Anda menggunakan penyedia identitas (IdP) eksternal, Anda harus login ke gcloud CLI dengan identitas gabungan Anda terlebih dahulu.

  • Untuk melakukan inisialisasi gcloud CLI, jalankan perintah berikut: 

    gcloud init

  • Instal Google Cloud CLI.

  • Jika Anda menggunakan penyedia identitas (IdP) eksternal, Anda harus login ke gcloud CLI dengan identitas gabungan Anda terlebih dahulu.

  • Untuk melakukan inisialisasi gcloud CLI, jalankan perintah berikut: 

    gcloud init

Pastikan Anda memiliki peran yang diperlukan

Sebelum memulai panduan memulai, minta administrator Anda untuk memberi Anda peran yang diperlukan untuk mendesain, membangun, dan men-deploy, seperti yang tercantum dalam tabel berikut:

Tugas Peran yang diperlukan
Membuat, mendesain, dan mengedit template standar Admin Application Design Center (roles/designcenter.admin), atau
Pengguna Application Design Center (roles/designcenter.user)
Men-deploy aplikasi dan konfigurasi Admin Aplikasi (roles/designcenter.applicationAdmin), atau
Editor Aplikasi (roles/designcenter.applicationEditor)
Membuat akun layanan selama deployment Buat akun layanan (roles/iam.serviceAccountCreator) di project pengelolaan
Memberi akun layanan akses ke project deployment Project IAM Admin (roles/resourcemanager.projectIamAdmin) di project deployment

Untuk mengetahui informasi selengkapnya tentang peran, lihat Kontrol akses dengan IAM.

Buat template baru dan tambahkan detail

Kanvas desain

  1. Di konsol Google Cloud , buka halaman Templates.

    Buka Template

  2. Klik Buat Template, lalu masukkan detail berikut:

    1. Di kolom Template ID, masukkan quickstart-three-tier-web-app.

    2. Di kolom Template Name, masukkan Quickstart three-tier web app .

    3. Di kolom Description, masukkan A template to generate a three-tier web application.

    4. Klik Buat template.

    Template dibuat dan kanvas desain ditampilkan.

  3. Di area Components, klik komponen berikut untuk menambahkannya ke kanvas desain:

    • Cloud Run (tambahkan dua komponen)
    • Cloud SQL (PostgreSQL)

  4. Untuk membuat koneksi antar-komponen, lakukan hal berikut:

    1. Dari titik biru di bagian bawah cloud-run-1, tarik ke titik biru di bagian atas cloud-run-2.

    2. Dari titik biru di bagian bawah cloud-run-2, tarik ke titik biru di bagian atas sql-postgresql-1.

    Template Anda berisi tiga komponen. Kanvas menampilkan komponen untuk merepresentasikan koneksi.

Gemini Cloud Assist

  1. Di toolbar konsol Google Cloud , klik spark Open or close Gemini Cloud Assist chat.

    Panel Cloud Assist akan terbuka.

  2. Di chat Gemini Cloud Assist, masukkan perintah berikut:

    I want to create a three-tier web application.

    Gemini Cloud Assist membuat desain dasar untuk aplikasi web tiga tingkat.

  3. Untuk menghapus load balancer dan komponen Secret Manager, masukkan perintah berikut:

    I don't need load balancers or Secret Manager.

    Gemini Cloud Assist memperbarui desain untuk menghapus komponen.

  4. Tinjau desain yang diperbarui yang mencakup komponen berikut:

    • Cloud Run (dua komponen)
    • Cloud SQL untuk PostgreSQL

  5. Klik Edit desain aplikasi.

    Halaman Create a new template akan ditampilkan.

  6. Masukkan detail template berikut:

    1. Di kolom Template ID, masukkan quickstart-three-tier-web-app.

    2. Di kolom Template Name, masukkan Quickstart three-tier web app .

    3. Di kolom Description, masukkan A template to generate a three-tier web application.

  7. Klik Buat template.

    Sistem akan membuat template baru dan menampilkan kanvas desain.

gcloud CLI

  1. Buat template aplikasi.

    gcloud design-center spaces application-templates create quickstart-three-tier-web-app \
--display-name="Quickstart three-tier web app" \
--description="A template to generate a three-tier web application" \
--space=SPACE \
--location=us-central1 \
--project=MANAGEMENT_PROJECT_ID

  2. Mencantumkan template bersama di katalog Google.

    gcloud design-center spaces shared-templates list \
--google-catalog \
--location=us-central1
    1. Identifikasi ID template yang dibagikan untuk Cloud Run dan Cloud SQL.

  3. Tambahkan komponen Cloud Run untuk digunakan sebagai frontend.

    gcloud design-center spaces application-templates components create cloud-run-1 \
--application-template=quickstart-three-tier-web-app \
--shared-template-revision-uri=google/1b5e09c8-780f-484e-b8ed-c7178f4e4342 \
--space=SPACE \
--location=us-central1 \
--project=MANAGEMENT_PROJECT_ID

  4. Tambahkan komponen Cloud Run kedua untuk digunakan sebagai backend.

    gcloud design-center spaces application-templates components create cloud-run-2 \
--application-template=quickstart-three-tier-web-app \
--shared-template-revision-uri=google/1b5e09c8-780f-484e-b8ed-c7178f4e4342 \
--space=SPACE \
--location=us-central1 \
--project=MANAGEMENT_PROJECT_ID

  5. Tambahkan komponen Cloud SQL.

    gcloud design-center spaces application-templates components create sql-postgresql-1 \
--application-template=quickstart-three-tier-web-app \
--shared-template-revision-uri=google/45be1bc2-89bc-477b-9b5d-64c41ff3b146 \
--space=SPACE \
--location=us-central1 \
--project=MANAGEMENT_PROJECT_ID

  6. Hubungkan cloud-run-1 ke cloud-run-2.

     gcloud design-center spaces application-templates components connections create frontend-to-backend \
 --application-template=quickstart-three-tier-web-app \
 --component=cloud-run-1 \
 --destination-component-uri=cloud-run-2 \
 --space=SPACE \
 --location=us-central1 \
 --project=MANAGEMENT_PROJECT_ID

  7. Hubungkan cloud-run-2 ke sql-postgresql-1.

     gcloud design-center spaces application-templates components connections create backend-to-database \
 --application-template=quickstart-three-tier-web-app \
 --component=cloud-run-2 \
 --destination-component-uri=sql-postgresql-1 \
 --space=SPACE \