Membangun aplikasi Google Chat dengan Google Apps Script

Buat aplikasi Google Chat yang dapat Anda kirimi pesan langsung dan yang merespons dengan mengulangi pesan Anda.

Diagram berikut menunjukkan arsitektur dan pola pengiriman pesan:

Arsitektur aplikasi Chat yang diimplementasikan dengan Apps Script.

Dalam diagram sebelumnya, pengguna yang berinteraksi dengan aplikasi Chat Apps Script memiliki alur informasi berikut:

  1. Pengguna mengirim pesan ke aplikasi Chat, baik di pesan langsung maupun di ruang Chat.
  2. Logika aplikasi Chat yang diterapkan di Apps Script, yang berada di Google Cloud, menerima dan memproses pesan.
  3. Secara opsional, logika aplikasi Chat dapat terintegrasi dengan layanan Google Workspace, seperti Kalender atau Spreadsheet, atau Layanan Google lainnya, seperti Google Maps atau YouTube.
  4. Logika aplikasi Chat mengirim respons kembali ke layanan aplikasi Chat di Chat.
  5. Respons dikirimkan kepada pengguna.

Tujuan

  • Siapkan lingkungan Anda.
  • Siapkan skrip.
  • Publikasikan aplikasi Chat.
  • Uji aplikasi Chat.

Prasyarat

Menyiapkan lingkungan Anda

Buka project Cloud Anda di konsol Google Cloud

Jika belum terbuka, buka project Cloud yang ingin Anda gunakan untuk contoh ini:

  1. Di konsol Google Cloud, buka halaman Select a project.

    Pilih project Cloud

  2. Pilih project Google Cloud yang ingin Anda gunakan. Atau, klik Buat project dan ikuti petunjuk di layar. Jika membuat project Google Cloud, Anda mungkin perlu mengaktifkan penagihan untuk project tersebut.

Mengaktifkan Chat API

Sebelum menggunakan Google API, Anda harus mengaktifkannya di project Google Cloud. Anda dapat mengaktifkan satu atau beberapa API dalam satu project Google Cloud.

Semua aplikasi yang menggunakan OAuth 2.0 memerlukan konfigurasi layar izin. Mengonfigurasi layar izin OAuth aplikasi Anda menentukan apa yang ditampilkan kepada pengguna dan peninjau aplikasi, serta mendaftarkan aplikasi Anda sehingga Anda dapat memublikasikannya nanti.

  1. Di Konsol Google Cloud, buka Menu > > Branding.

    Buka Branding

  2. Jika sudah mengonfigurasi , Anda dapat mengonfigurasi setelan Layar Izin OAuth berikut di Branding, Audiens, dan Akses Data. Jika Anda melihat pesan yang menyatakan belum dikonfigurasi, klik Mulai:
    1. Di bagian Informasi Aplikasi, di Nama aplikasi, masukkan nama untuk aplikasi.
    2. Di Email dukungan pengguna, pilih alamat email dukungan yang dapat dihubungi pengguna jika mereka memiliki pertanyaan tentang izin mereka.
    3. Klik Berikutnya.
    4. Di bagian Audiens, pilih Internal.
    5. Klik Berikutnya.
    6. Di bagian Informasi Kontak, masukkan Alamat email tempat Anda dapat menerima notifikasi tentang perubahan apa pun pada project Anda.
    7. Klik Berikutnya.
    8. Di bagian Selesai, tinjau Kebijakan Data Pengguna Layanan Google API dan jika Anda setuju, pilih Saya setuju dengan Kebijakan Data Pengguna Layanan Google API.
    9. Klik Lanjutkan.
    10. Klik Buat.
  3. Untuk saat ini, Anda dapat melewati penambahan cakupan. Pada masa mendatang, saat membuat aplikasi untuk digunakan di luar organisasi Google Workspace Anda, Anda harus mengubah Jenis pengguna menjadi Eksternal. Kemudian tambahkan cakupan otorisasi yang diperlukan aplikasi Anda. Untuk mempelajari lebih lanjut, lihat panduan Mengonfigurasi izin OAuth selengkapnya.

Menyiapkan skrip

Untuk menyiapkan skrip, Anda menggunakan template, lalu menetapkan project Cloud di Apps Script.

Membuat skrip dari template

  1. Buka halaman Mulai Menggunakan Apps Script.
  2. Klik template Aplikasi Chat di bagian atas halaman.
  3. Klik Project tanpa judul, ketik Quickstart app, dan klik Ganti nama.

Menyalin nomor project Cloud

  1. Di Konsol Google Cloud, buka Menu > IAM & Admin > Settings.

    Buka Setelan IAM & Admin

  2. Di kolom Project number, salin nilai.

Menetapkan project Cloud untuk project Apps Script

  1. Di project Apps Script aplikasi Chat, klik Project Settings Ikon untuk setelan project.
  2. Pada Google Cloud Platform (GCP) Project, klik Change project.
  3. Di GCP project number, tempelkan nomor project Google Cloud.
  4. Klik Set project.

Sekarang Anda memiliki kode aplikasi yang berfungsi dan dapat dicoba (seperti yang dijelaskan dalam langkah-langkah berikut), lalu disesuaikan untuk memenuhi persyaratan Anda.

Pastikan Anda login ke Akun Google yang benar saat membuka template Apps Script. Akun saat ini terkadang dapat beralih ke akun default Anda tanpa Anda sadari.

Membuat deployment pengujian

Anda memerlukan ID deployment untuk project Apps Script ini, sehingga Anda dapat menggunakannya pada langkah berikutnya.

Untuk mendapatkan ID deployment head, lakukan hal berikut:

  1. Di project Apps Script aplikasi Chat, klik Deploy > Test deployments.
  2. Salin ID deployment head untuk digunakan di langkah berikutnya, lalu klik Selesai.

Memublikasikan aplikasi Chat

Publikasikan aplikasi Chat dari konsol.

  1. Di konsol, cari Google Chat API, lalu klik Google Chat API.
  2. Klik Manage.
  3. Klik Konfigurasi dan siapkan aplikasi Chat:

    1. Di kolom Nama aplikasi, masukkan Quickstart app.
    2. Di kolom Avatar URL, masukkan https://developers.google.com/chat/images/quickstart-app-avatar.png.
    3. Di kolom Description, masukkan Quickstart app.
    4. Di bagian Functionality, pilih Join spaces and group conversations.
    5. Di bagian Setelan koneksi, pilih Apps Script.
    6. Di kolom Deployment ID, tempelkan ID deployment Head yang sebelumnya Anda salin.
    7. Di bagian Visibilitas, pilih Orang dan grup tertentu di domain Anda, lalu masukkan email Anda.
  4. Klik Simpan.

Aplikasi Chat siap merespons pesan.

Menguji aplikasi Chat

Untuk menguji aplikasi Chat Anda, buka ruang pesan langsung dengan aplikasi Chat dan kirim pesan:

  1. Buka Google Chat menggunakan akun Google Workspace yang Anda berikan saat menambahkan diri Anda sebagai penguji tepercaya.

    Buka Google Chat.

  2. Klik Percakapan baru.
  3. Di kolom Tambahkan 1 orang atau lebih, ketik nama aplikasi Chat Anda.
  4. Pilih aplikasi Chat Anda dari hasil. Pesan langsung akan terbuka.

  5. Di pesan langsung baru dengan aplikasi, ketik Hello, lalu tekan enter.

    Aplikasi Chat berterima kasih kepada Anda karena telah menambahkannya dan mengulangi pesan Anda.

Untuk menambahkan penguji tepercaya dan mempelajari lebih lanjut pengujian fitur interaktif, lihat Menguji fitur interaktif untuk aplikasi Google Chat.

Memecahkan masalah

Saat aplikasi atau kartu Google Chat menampilkan error, antarmuka Chat akan menampilkan pesan yang mengatakan "Terjadi masalah". atau "Tidak dapat memproses permintaan Anda". Terkadang UI Chat tidak menampilkan pesan error apa pun, tetapi aplikasi atau kartu Chat menghasilkan hasil yang tidak terduga; misalnya, pesan kartu mungkin tidak muncul.

Meskipun pesan error mungkin tidak ditampilkan di UI Chat, pesan error deskriptif dan data log tersedia untuk membantu Anda memperbaiki error jika logging error untuk aplikasi Chat diaktifkan. Untuk mendapatkan bantuan dalam melihat, men-debug, dan memperbaiki error, lihat Memecahkan masalah dan memperbaiki error Google Chat.

Pembersihan

Agar tidak menimbulkan biaya pada akun Google Cloud Anda untuk resource yang digunakan dalam tutorial ini, sebaiknya hapus project Cloud tersebut.

  1. Di Konsol Google Cloud, buka halaman Manage resources. Klik Menu > IAM & Admin > Kelola Resource.

    Buka Resource Manager

  2. Dalam daftar project, pilih project yang ingin Anda hapus, lalu klik Hapus .
  3. Pada dialog, ketik project ID, lalu klik Shut down untuk menghapus project.

Langkah berikutnya

  • Membuat kartu interaktif–Pesan kartu mendukung tata letak yang ditentukan, elemen UI interaktif seperti tombol, dan media kaya seperti gambar. Gunakan pesan kartu untuk menyajikan informasi mendetail, mengumpulkan informasi dari pengguna, dan memandu pengguna untuk melakukan langkah selanjutnya.
  • Merespons perintah–Perintah membantu pengguna menemukan dan menggunakan fitur utama aplikasi Chat Anda.
  • Dialog peluncuran–Dialog adalah antarmuka berbasis kartu dan berjendela yang dapat dibuka aplikasi Anda untuk berinteraksi dengan pengguna. Beberapa kartu dapat dirangkai secara berurutan, yang membantu pengguna menyelesaikan proses multi-langkah, seperti mengisi data formulir.
  • Codelab: Siap membuat aplikasi Chat yang lebih canggih? Lihat aplikasi Chat masukan dari codelab Membangun aplikasi untuk Google Chat dengan Gemini.