Tingkat pengkodean: Lanjutan
Durasi: 45 menit
Jenis proyek: Add-on Google Workspace yang memperluas Chat, Gmail, Kalender, Drive, Dokumen, Spreadsheet, dan Slide.
Tutorial ini menunjukkan kepada Anda cara menerbitkan agen AI ke Google Workspace sebagai add-on Google Workspace, menggunakan Apps Script atau titik akhir HTTP. Setelah Anda memublikasikan add-on, pengguna dapat berinteraksi dengan agen AI dalam alur kerja mereka.
Ringkasan
Dalam tutorial ini, Anda menerapkan contoh Travel Concierge dari Agent Development Kit (ADK). Travel Concierge adalah AI multi-agen percakapan yang menggunakan alat seperti Google Maps Platform Places API, Google Search Grounding, dan server Model Context Protocol (MCP).
ADK menyediakan antarmuka obrolan dan teks untuk pengembang secara default. Dalam tutorial ini,Anda akan menambahkan Antarmuka Pengguna Grafis (GUI) ke aplikasi Google Workspace yang dapat diakses pengguna Anda langsung di Chat, Gmail, Kalender, Drive, Dokumen, Spreadsheet, dan Slide.
Gambar 1. Menggunakan agen AI dari Chat untuk bertukar pikiran tentang ide perjalanan.
Gambar 2. Menggunakan agen AI dari Gmail untuk merencanakan perjalanan dari konteks di email yang dipilih.
Tujuan
- Siapkan lingkungan.
- Terapkan agen AI.
- Siapkan proyek.
- Deploy ke Gmail, Kalender, Drive, Dokumen, Spreadsheet, Slide.
- Deploy ke Chat.
- Uji solusinya.
Tentang solusi ini
Solusi ini mengandalkan teknologi inti berikut: ADK, Google Cloud & Google Workspace API, Vertex AI Agent Engine, dan framework Kartu.
GUI dirancang berbeda untuk aplikasi Chat dan non-Chat (Gmail, Kalender, Drive, Docs, Sheets, Slides) untuk mempertimbangkan fitur dan keterbatasan spesifiknya.
Fitur
Fitur-fitur berikut dari aplikasi Travel Concierge umum di semua aplikasi Google Workspace:
Sesi pengguna persisten: Sesi dikelola oleh Vertex AI untuk persistensi. Setiap pengguna berbagi satu sesi di semua aplikasi Workspace. Pengguna dapat mengatur ulang sesi mereka secara manual untuk memulai percakapan baru.
Pesan kaya: Pengguna mengirim pesan teks dan menerima respons dengan teks kaya dan widget kartu.
Penanganan error: Error tak terduga ditangani dengan baik menggunakan coba lagi dan status yang dapat dikonfigurasi dalam respons.
Aplikasi Obrolan memiliki fitur tambahan berikut:
Pesan pengguna multimoda: Pengguna dapat mengirim pesan dengan lampiran, termasuk audio dan video yang direkam langsung dari ruang Obrolan.
Respons yang lebih canggih secara visual: Respons dapat dibuat dengan widget yang lebih canggih seperti carousel dengan gambar dengan mengandalkan fitur khusus Chat dari framework Kartu dan ruang rendering yang lebih besar.
Aplikasi lain memiliki fitur tambahan ini:
Konteks profil Google: Pengguna dapat mengirim pesan dengan informasi profil mereka (terbatas pada tanggal lahir dalam contoh ini).
Konteks Gmail: Pengguna dapat mengirim pesan dengan email (terbatas pada satu subjek dan isi dalam contoh ini).
Akses ruang Chat agen: Pengguna dapat membuka ruang pesan langsung (DM) aplikasi Chat di tab baru dengan satu klik tombol.
Arsitektur
Aplikasi Travel Concierge menerima dan memproses peristiwa interaksi add-on Google Workspace dari aplikasi Google Workspace, menggunakan Vertex AI untuk meminta agen ADK AI dan mengelola sesi pengguna, serta mengandalkan Google Cloud dan Google Workspace API untuk mengumpulkan konteks dan menampilkan respons.
Diagram berikut menunjukkan alur pengguna utama: mengirim pesan ke agen AI.
HTTP
Gambar 3. Aplikasi Chat melengkapi konteks dengan lampiran dari pesan pengguna, dan mengirim serangkaian pesan dengan histori interaksi sub-agen dan jawaban keseluruhan akhir dalam urutan kronologis.
Gambar 4. Aplikasi non-Chat melengkapi konteks dengan profil Google pengguna dan pilihan item, lalu menampilkan serangkaian bagian dengan riwayat interaksi sub-agen dan jawaban keseluruhan akhir dalam urutan kronologis terbalik.
Apps Script
Gambar 3. Aplikasi Obrolan melengkapi konteks dengan lampiran dari pesan pengguna, dan mengirimkan serangkaian pesan berisi riwayat interaksi sub-agen dan jawaban keseluruhan akhir dalam urutan kronologis.
Gambar 4. Aplikasi non-Chat melengkapi konteks dengan profil Google pengguna dan pilihan item, serta menampilkan serangkaian bagian dengan histori interaksi sub-agen dan jawaban keseluruhan terakhir dalam urutan kronologis terbalik.
Prasyarat
Akun Google Workspace Business atau Enterprise dengan akses ke Google Chat.
Browser web dengan akses ke internet.
Prasyarat khusus untuk agen Travel Concierge ADK AI
- Python 3.10+: Untuk penginstalan, ikuti petunjuk di situs Python resmi.
uv: Untuk instalasi, ikuti petunjuk pada situs resmiuvsitus web.- Google Cloud CLI: Untuk instalasi, ikuti petunjuk di situs web resmi Google Cloud.
Menyiapkan lingkungan
Bagian ini menunjukkan cara membuat dan mengonfigurasi proyek Google Cloud.
Membuat project Google Cloud
Konsol Google Cloud
- Di Konsol Google Cloud, buka Menu > IAM & Admin > Create a Project.
-
Di kolom Project Name, masukkan nama deskriptif untuk project Anda.
Opsional: Untuk mengedit ID Proyek, klik Edit. ID proyek tidak dapat diubah setelah proyek dibuat, jadi pilihlah ID yang memenuhi kebutuhan Anda selama masa proyek.
- Di kolom Lokasi, klik Jelajah untuk menampilkan potensi lokasi untuk project Anda. Kemudian, klik Select.
- Klik Buat. Konsol Google Cloud menavigasi ke halaman Dasbor dan proyek Anda dibuat dalam beberapa menit.
gcloud CLI
Di salah satu lingkungan pengembangan berikut, akses Google Cloud CLI (gcloud):
-
Cloud Shell: Untuk menggunakan terminal daring dengan gcloud CLI yang sudah disiapkan, aktifkan Cloud Shell.
Aktifkan Cloud Shell -
Shell Lokal: Untuk menggunakan lingkungan pengembangan lokal,
instal dan
lakukan inisialisasi
gcloud CLI.
Untuk membuat project Cloud, gunakan perintahgcloud projects create: Ganti PROJECT_ID dengan menetapkan ID untuk project yang ingin Anda buat.gcloud projects create PROJECT_ID
Mengaktifkan penagihan untuk project Cloud
Konsol Google Cloud
- Di konsol Google Cloud, buka Penagihan. Klik Menu > Penagihan > Proyek Saya.
- Di Pilih organisasi, pilih organisasi yang terkait dengan project Google Cloud Anda.
- Di baris proyek, buka menu Tindakan (), klik Ubah penagihan, lalu pilih akun Penagihan Cloud.
- Klik Tetapkan akun.
gcloud CLI
- Untuk mencantumkan akun penagihan yang tersedia, jalankan:
gcloud billing accounts list - Hubungkan akun penagihan dengan proyek Google Cloud:
gcloud billing projects link PROJECT_ID --billing-account=BILLING_ACCOUNT_IDGanti kode berikut:
PROJECT_IDadalah ID Proyek untuk proyek Cloud yang ingin Anda aktifkan penagihannya.BILLING_ACCOUNT_IDadalah ID akun penagihan yang akan ditautkan dengan project Google Cloud.
Mengaktifkan Google Cloud API
HTTP
Di konsol Google Cloud, aktifkan API add-on Vertex AI, Places, People, Google Chat, Gmail, Cloud Build, Cloud Functions, Cloud Pub/Sub, Cloud Logging, Artifact Registry, Cloud Run, dan Google Workspace.
Konfirmasikan bahwa Anda mengaktifkan API di proyek Cloud yang benar, lalu klik Berikutnya.
Konfirmasikan bahwa Anda mengaktifkan API yang benar, lalu klik Aktifkan.
Apps Script
Di Konsol Google Cloud, aktifkan Vertex AI, Places, People, dan Google Chat API.
Konfirmasikan bahwa Anda mengaktifkan API di proyek Cloud yang benar, lalu klik Berikutnya.
Konfirmasikan bahwa Anda mengaktifkan API yang benar, lalu klik Aktifkan.
Dapatkan kunci API Google Maps Platform Places
Di konsol Google Cloud, buka halaman Google Maps Platform > Keys & Credentials.
Dialog Memulai di Google Maps Platform menampilkan kunci API yang baru Anda buat, berupa string alfanumerik. Anda akan memerlukan string ini di bagian berikutnya.
Membuat akun layanan di konsol Google Cloud
Buat akun layanan baru dengan peran Vertex AI User dengan mengikuti langkah-langkah berikut:
Konsol Google Cloud
- Di Konsol Google Cloud, buka Menu > IAM & Admin > Service Accounts.
- Klik Create service account.
- Isi detail akun layanan, lalu klik Buat dan lanjutkan.
- Opsional: Tetapkan peran ke akun layanan Anda untuk memberikan akses ke sumber daya proyek Google Cloud Anda. Untuk mengetahui detail selengkapnya, lihat Memberikan, mengubah, dan mencabut akses ke resource.
- Klik Continue.
- Opsional: Masukkan pengguna atau grup yang dapat mengelola dan melakukan tindakan dengan akun layanan ini. Untuk mengetahui detail selengkapnya, lihat Mengelola peniruan identitas akun layanan.
- Klik Done. Catat alamat email untuk akun layanan.
gcloud CLI
- Buat akun layanan:
gcloud iam service-accounts createSERVICE_ACCOUNT_NAME\ --display-name="SERVICE_ACCOUNT_NAME" - Opsional: Tetapkan peran ke akun layanan Anda untuk memberikan akses ke resource project Google Cloud Anda. Untuk mengetahui detail selengkapnya, lihat Memberikan, mengubah, dan mencabut akses ke resource.
Akun layanan akan muncul di halaman akun layanan. Berikutnya, buat kunci pribadi untuk akun layanan.
Buat kunci pribadi
Untuk membuat dan mendownload kunci pribadi untuk akun layanan, ikuti langkah-langkah berikut:
- Di konsol Google Cloud, buka Menu > IAM & Admin > Akun Layanan.
- Pilih akun layanan Anda.
- Klik Keys > Add key > Create new key.
- Pilih JSON, lalu klik Buat.
Pasangan kunci publik/pribadi baru Anda dibuat dan diunduh ke komputer Anda sebagai berkas baru. Simpan file JSON yang didownload sebagai
credentials.jsondi direktori kerja Anda. Berkas ini adalah satu-satunya salinan kunci ini. Untuk mengetahui informasi tentang cara menyimpan kunci Anda dengan aman, lihat Mengelola kunci akun layanan. - Klik Tutup.
Untuk mengetahui informasi selengkapnya tentang akun layanan, lihat akun layanan dalam dokumentasi IAM Google Cloud.
Mengonfigurasi layar izin OAuth
Add-on Google Workspace memerlukan konfigurasi layar izin. Mengonfigurasi layar izin OAuth add-on Anda menentukan konten yang ditampilkan Google kepada pengguna.
- Di konsol Google Cloud, buka Menu > Google Auth platform > Branding.
- Jika Anda sudah mengonfigurasi Google Auth platform, Anda dapat mengonfigurasi pengaturan Layar Persetujuan OAuth berikut diMerek dagang, Hadirin, DanAkses Data. Jika Anda melihat pesan yang mengatakan Google Auth platform belum dikonfigurasi, klik Mulai:
- Di bagian Informasi Aplikasi, di Nama aplikasi, masukkan nama untuk aplikasi.
- Di Email dukungan pengguna, pilih alamat email dukungan yang dapat dihubungi pengguna jika mereka memiliki pertanyaan tentang izin mereka.
- Klik Berikutnya.
- Di bagian Audiens, pilih Internal.
- Klik Berikutnya.
- Di bagian Informasi Kontak, masukkan Alamat email tempat Anda dapat menerima notifikasi tentang perubahan apa pun pada project Anda.
- Klik Berikutnya.
- Di bagian Selesai, tinjau Kebijakan Data Pengguna Layanan Google API dan jika Anda setuju, pilih Saya menyetujui Layanan Google API: Kebijakan Data Pengguna.
- Klik Continue.
- Klik Buat.
- 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.
Men-deploy Agen AI ADK Travel Concierge
Jika belum melakukannya, lakukan autentikasi dengan akun Google Cloud Anda dan konfigurasi Google Cloud CLI untuk menggunakan project Google Cloud Anda.
gcloud auth application-default logingcloud config set project PROJECT_IDgcloud auth application-default set-quota-project PROJECT_IDGanti PROJECT_ID dengan ID project Cloud yang Anda buat.
Download repositori GitHub ini
Di lingkungan pengembangan lokal pilihan Anda, ekstrak file arsip yang didownload dan buka direktori
adk-samples/python/agents/travel-concierge.unzip adk-samples-main.zipcd adk-samples-main/python/agents/travel-conciergeBuat bucket Cloud Storage baru yang dikhususkan untuk agen AI ADK.
gcloud storage buckets create gs://CLOUD_STORAGE_BUCKET_NAME --project=PROJECT_ID --location=PROJECT_LOCATIONGanti kode berikut:
- CLOUD_STORAGE_BUCKET_NAME dengan nama bucket unik yang ingin Anda gunakan.
- PROJECT_ID dengan ID project Cloud yang Anda buat.
- PROJECT_LOCATION dengan lokasi project Cloud yang Anda buat.
Tetapkan variabel lingkungan berikut:
export GOOGLE_GENAI_USE_VERTEXAI=1export GOOGLE_CLOUD_PROJECT=PROJECT_IDexport GOOGLE_CLOUD_LOCATION=PROJECT_LOCATIONexport GOOGLE_PLACES_API_KEY=PLACES_API_KEYexport GOOGLE_CLOUD_STORAGE_BUCKET=CLOUD_STORAGE_BUCKET_NAMEexport TRAVEL_CONCIERGE_SCENARIO=travel_concierge/profiles/itinerary_empty_default.jsonGanti kode berikut:
- PROJECT_ID dengan ID proyek Cloud yang Anda buat.
- PROJECT_LOCATION dengan lokasi project Cloud yang Anda buat.
- PLACES_API_KEY dengan string kunci API yang Anda buat.
- CLOUD_STORAGE_BUCKET_NAME dengan nama bucket yang Anda buat.
Instal dan terapkan agen ADK AI.
uv sync --group deploymentuv run python deployment/deploy.py --createAmbil nomor project dan ID mesin dari log terakhir yang dicetak sebagai PROJECT_NUMBER dan ENGINE_ID, Anda akan memerlukan keduanya nanti untuk mengonfigurasi project.
Created remote agent: projects/PROJECT_NUMBER/locations/us-central1/reasoningEngines/ENGINE_ID
Meninjau kode contoh
Secara opsional, sebelum menyiapkan proyek, luangkan waktu untuk meninjau dan membiasakan diri dengan contoh kode yang dihosting di GitHub.
Python
Apps Script
Membuat dan mengonfigurasi proyek
Python
Unduh repositori GitHub ini
Di lingkungan pengembangan lokal pilihan Anda, ekstrak file arsip yang diunduh dan buka direktori
add-ons-samples/python/travel-adk-ai-agent.unzip add-ons-samples-main.zipcd add-ons-samples-main/python/travel-adk-ai-agentPindahkan file kunci JSON
credentials.jsondari akun layanan yang diunduh pada langkah sebelumnya ke direktori proyek.Di konsol Google Cloud, buka Cloud Run:
Klik Tulis fungsi.
Di halaman Create service, siapkan fungsi Anda:
- Di kolom Nama layanan, masukkan
travel-concierge-app. - Di daftar Region, pilih lokasi project Cloud yang Anda buat, PROJECT_LOCATION.
- Di bawah URL Titik Akhir, klik
.
- Dalam daftar Runtime, pilih versi Python terbaru.
- Di bagian Autentikasi, pilih Izinkan akses publik.
- Di bagian Kontainer, Volume, Jaringan, Keamanan, di bawah Sumber Daya:
- Di bidang Memori, pilih 1 GiB.
- Di kolom CPU, pilih 2.
- Klik Buat, dan tunggu hingga Cloud Run membuat layanan. Konsol akan mengalihkan Anda ke tab Sumber.
- Di kolom Nama layanan, masukkan
Di lingkungan pengembangan lokal pilihan Anda, deploy sumber project:
gcloud run deploy travel-concierge-app --quiet --source . \ --region PROJECT_LOCATION \ --function adk_ai_agent \ --set-env-vars LOCATION=LOCATION,PROJECT_NUMBER=PROJECT_NUMBER,ENGINE_ID=ENGINE_ID,BASE_URL=BASE_URLGanti kode berikut:
- PROJECT_LOCATION dengan lokasi fungsi Cloud Run yang sebelumnya Anda buat.
- LOCATION dengan lokasi proyek Google Cloud yang dibuat pada langkah sebelumnya, PROJECT_LOCATION.
- PROJECT_NUMBER dengan nomor project Agen AI Travel Concierge ADK yang di-deploy pada langkah sebelumnya.
- ENGINE_ID dengan ID mesin Travel Concierge ADK AI Agent yang di-deploy pada langkah sebelumnya.
- BASE_URL dengan URL Titik Akhir yang sebelumnya Anda salin.
Apps Script
Untuk membuat project Apps Script dan mengonfigurasinya agar menggunakan agen AI ADK Travel Concierge yang di-deploy:
Klik tombol berikut untuk membuka proyek Apps Script Travel Concierge ADK AI Agent.
Membuka projectKlik Ringkasan, lalu
Buat salinan.
Beri nama salinan proyek Apps Script Anda:
- Klik Salinan Agen Travel Concierge ADK AI.
- Di Project title, ketik
Travel Concierge ADK AI Agent. - Klik Ganti nama.
Dalam proyek Apps Script Anda, klik
Editor dan pindahkan file
VertexAi.gske atas hingga berada di atas fileAgentHandler.gsdengan menggunakan tindakan file Pindahkan file ke atas.Di proyek Apps Script Anda, klik
Pengaturan Proyek, klik Edit properti skrip, lalu klik Tambahkan properti skrip untuk menambahkan properti skrip berikut:
ENGINE_IDdengan ID mesin Agen AI Travel Concierge ADK yang diterapkan pada langkah sebelumnya, ENGINE_ID.LOCATIONdengan lokasi proyek Google Cloud yang dibuat pada langkah sebelumnya, PROJECT_LOCATION.PROJECT_NUMBERdengan nomor project Agen AI ADK Travel Concierge yang di-deploy pada langkah sebelumnya, PROJECT_NUMBER.SERVICE_ACCOUNT_KEYdengan kunci JSON dari akun layanan yang diunduh pada langkah sebelumnya seperti{ ... }.Klik Simpan properti skrip
Di project Apps Script Anda, klik
Project Settings.
Pada Google Cloud Platform (GCP) Project, klik Change project.
Di GCP project number, tempelkan nomor project Travel Concierge ADK AI Agent yang di-deploy pada langkah sebelumnya, PROJECT_NUMBER.
Klik Set project. Project Cloud dan project Apps Script kini terhubung.
Men-deploy ke Gmail, Kalender, Drive, Dokumen, Spreadsheet, Slide
Python
Gunakan penerapan add-on Google Workspace untuk menginstal proyek contoh ke semua aplikasi Google Workspace (kecuali Google Chat) untuk mengaktifkan pengujian.
Di lingkungan pengembangan lokal pilihan Anda, buka file
deployment.jsondari sumber kode proyek dan ganti semua kemunculan$BASE_URLdengan nilai BASE_URL, URL Titik Akhir yang Anda salin di langkah sebelumnya.Buat penerapan add-on Google Workspace bernama
travel-concierge-addon:gcloud workspace-add-ons deployments create travel-concierge-addon \ --deployment-file=deployment.jsonInstal deployment add-on Google Workspace:
gcloud workspace-add-ons deployments install travel-concierge-addon
Apps Script
Instal proyek Apps Script ke semua aplikasi Google Workspace (kecuali Google Chat) untuk mengaktifkan pengujian.
- Dalam proyek Apps Script Anda, klik Terapkan > Uji penerapan, lalu Instal.
Add-on kini dapat diakses dari sidebar aplikasi Google Workspace.
Men-deploy ke Chat
Python
Instal proyek contoh ke Chat menggunakan URL Titik Akhir untuk mengaktifkan pengujian.
Di konsol, cari
Google Chat API, klik Google Chat API, lalu Kelola, dan Konfigurasi.Siapkan aplikasi Obrolan:
- Di kolom Nama aplikasi, masukkan
Travel ADK AI Agent. - Di kolom Avatar URL, masukkan
https://goo.gle/3SfMkjb. - Di kolom Description, masukkan
Travel ADK AI Agent. - Di bagian Connection settings, pilih HTTP endpoint URL.
- Di bawah Pemicu, pilih Gunakan URL titik akhir HTTP umum untuk semua pemicu.
- Di kolom URL titik akhir HTTP, tempel URL titik akhir yang sebelumnya Anda salin, BASE_URL.
- Daftarkan perintah Cepat yang digunakan oleh aplikasi Obrolan yang diimplementasikan sepenuhnya:
- Di bagian Commands, klik Add a command.
- Di Command ID, ketik
1. - Di Deskripsi, ketik
Reset session. - Di bawah Jenis perintah, pilih Perintah cepat.
- Di Name, ketik
Reset session. - Klik Done. Perintah cepat didaftarkan dan dicantumkan.
- Di bawah Visibilitas, pilih Jadikan aplikasi Obrolan ini tersedia untuk orang dan grup tertentu di Domain Ruang Kerja Anda dan masukkan alamat email Anda.
- Di bagian Logs, pilih Log errors to Logging.
- Klik Simpan.
- Di kolom Nama aplikasi, masukkan
Apps Script
Instal proyek Apps Script ke Chat menggunakan Head Deployment ID untuk mengaktifkan pengujian.
Di proyek Apps Script Anda, klik Terapkan > Uji penerapan, lalu
Salin di bawah ID Penerapan Utama.
Di konsol, cari
Google Chat API, klik Google Chat API, lalu Kelola, dan Konfigurasi.Siapkan aplikasi Obrolan:
- Di kolom Nama aplikasi, masukkan
Travel ADK AI Agent. - Di kolom Avatar URL, masukkan
https://goo.gle/3SfMkjb. - Di kolom Description, masukkan
Travel ADK AI Agent. - Di bagian Connection settings, pilih Apps Script.
- Di kolom Deployment ID, tempel Head deployment ID yang sebelumnya Anda salin.
- Daftarkan perintah Cepat yang digunakan oleh aplikasi Obrolan yang diimplementasikan sepenuhnya:
- Di bawah Perintah, klik Tambahkan perintah.
- Di Command ID, ketik
1. - Di Deskripsi, ketik
Reset session. - Di bawah Jenis perintah, pilih Perintah cepat.
- Di Name, ketik
Reset session. - Klik Done. Perintah cepat didaftarkan dan dicantumkan.
- Di bawah Visibilitas, pilih Jadikan aplikasi Obrolan ini tersedia untuk orang dan grup tertentu di Domain Ruang Kerja Anda dan masukkan alamat email Anda.
- Di bagian Logs, pilih Log errors to Logging.
- Klik Simpan.
- Di kolom Nama aplikasi, masukkan
Aplikasi ini sekarang dapat diakses dari Google Chat.
Buka Google Chat.
Buat ruang Chat DM:
- Klik Obrolan Baru.
- Ketik dan pilih aplikasi
Travel ADK AI Agentdalam pencarian. - Dalam dialog
Install app, klik Instal aplikasi. - Dialog
Install appditutup dan ruang Chat DM yang baru dibuat dipilih.
Aplikasi Chat siap merespons pesan.
Uji agennya
Buka Gmail.
Kirimkan email berikut kepada diri Anda sendiri:
- Subjek:
You need to travel to Paris - Badan:
Please be there between 11/25/2025 and 11/30/2025!
- Subjek:
Buka add-on Travel ADK AI Agent dari sidebar.
Klik Berikan izin untuk menyelesaikan pengaturan add-on.
Klik Kirim setelah mengonfigurasi permintaan berikut ke agen:
- Pesan:
Please help me plan this travel! - Konteks: pilih Email saat ini
Sidebar diperbarui dengan respons agen.

- Pesan:
Klik Buka Obrolan untuk diarahkan ke ruang DM Obrolan.
Klik + > Setel ulang sesi.
Anda menerima pesan baru yang mengonfirmasi bahwa prosesnya telah selesai:
OK, let's start from the beginning, what can I help you with?Kirim pesan
Give me ideas.Anda menerima pesan baru dengan respons agen.

Kirim pesan
I want to go there!setelah mengunggah gambar lokasi mana pun seperti Menara Eiffel.Anda menerima pesan baru dengan respons agen.

Batasan
HTTP
Di aplikasi Google Workspace selain Chat, agen AI memiliki batasan berikut:
Sinkron: Bilah sisi hanya dapat diperbarui sebagai respons terhadap interaksi pengguna, sehingga respons agen AI hanya ditampilkan setelah penyelesaian penuh (tanpa streaming).
Dapat habis waktunya: Pembaruan bilah sisi akan habis waktunya apabila memerlukan waktu lebih dari beberapa menit untuk selesai.
Batasan ini tidak ada di Chat.
Apps Script
Di semua aplikasi Google Workspace, agen AI memanggil Vertex AI REST API menggunakan UrlFetchApp, yang menyebabkan batasan berikut:
Sinkron: Respons agen AI dikembalikan hanya setelah penyelesaian penuh (tanpa streaming).
Dapat habis waktunya: Agen AI meminta waktu habis ketika mereka membutuhkan waktu sekitar lebih dari satu menit untuk menyelesaikannya.
Penyesuaian
Solusi ini mendukung agen AI ADK yang dihosting di Vertex AI Agent Engine, bagian dari UI aplikasi Google Workspace, dan rendering respons yang khusus untuk respons sampel Travel Concierge. Solusinya menggunakan kerangka kerja yang dapat diperluas, sehingga Anda dapat menyesuaikannya dengan memodifikasi file berikut:
Python
main.py: Menentukan UI utama dan logika interaksi pengguna (penanganan peristiwa Google Workspace). Ekstensi umum adalah mengaktifkan dokumen Drive sebagai fitur konteks untuk aplikasi Drive, mirip dengan yang dilakukan pada pesan Gmail untuk aplikasi Gmail.
vertex_ai.py: Mengelola sesi, respons, error agen AI, dan menentukan antarmuka khusus Vertex AI yang akan diterapkan untuk mendukung interaksi dan rendering respons agen. Ekstensi yang umum adalah menambahkan dukungan untuk multi-sesi untuk percakapan pengguna terpisah, dan platform manajemen agen AI lainnya.
agent_handler.py: Menerapkan antarmuka khusus Vertex AI yang ditentukan dalam vertex_ai.py dalam kasus khusus aplikasi Chat dan non-Chat. Ekstensi tipikal adalah menambahkan tombol bagi pengguna untuk mengirimkan masukan tentang respons agen AI.
google_workspace.py: Menerapkan interaksi platform pengelolaan agen non-AI menggunakan panggilan API. Hanya Google Workspace API yang digunakan dalam contoh ini untuk mengumpulkan detail konteks dan melakukan tindakan. Ekstensi umum adalah menambahkan fungsi untuk mengambil data bisnis dari Google Kalender atau Pengelolaan Hubungan Pelanggan (CRM).
travel_agent_ui_render.gs: Menerapkan rendering respons khusus Travel Concierge untuk sub-agen dan aplikasi Workspace. Ekstensi tipikal adalah menambahkan dukungan untuk rendering respons baru untuk menampilkan opsi penerbangan secara grafis, dan agen AI lainnya.
Apps Script
Code.gs: Menentukan UI utama dan logika interaksi pengguna (penanganan peristiwa Google Workspace). Ekstensi yang lazim adalah mengaktifkan dokumen Drive sebagai fitur konteks untuk aplikasi Drive, mirip dengan apa yang dilakukan dengan pesan Gmail untuk aplikasi Gmail.
VertexAi.gs: Mengelola sesi, respons, error agen AI, dan menentukan antarmuka khusus Vertex AI yang akan diterapkan untuk mendukung interaksi agen dan rendering respons. Ekstensi umum adalah menambahkan dukungan untuk multi-sesi untuk percakapan pengguna yang terpisah, dan platform pengelolaan agen AI lainnya.
AgentHandler.gs: Menerapkan antarmuka spesifik Vertex AI yang didefinisikan dalam VertexAi.gs dalam kasus spesifik aplikasi Chat dan non-Chat. Ekstensi umum adalah menambahkan tombol bagi pengguna untuk mengirim masukan tentang respons agen AI.
GoogleWorkspace.gs: Menerapkan interaksi platform pengelolaan agen non-AI menggunakan panggilan API. Hanya Google Workspace API yang digunakan dalam contoh ini untuk mengumpulkan detail konteks dan melakukan tindakan. Ekstensi umum adalah menambahkan fungsi untuk mengambil data bisnis dari Google Kalender atau Pengelolaan Hubungan Pelanggan (CRM).
TravelAgentUiRender.gs: Menerapkan rendering respons khusus Travel Concierge untuk sub-agen dan aplikasi Workspace. Ekstensi tipikal adalah menambahkan dukungan untuk rendering respons baru untuk menampilkan opsi penerbangan secara grafis, dan agen AI lainnya.
Pembersihan
Untuk menghindari timbulnya biaya pada akun Google Cloud Anda untuk sumber daya yang digunakan dalam tutorial ini, kami sarankan Anda menghapus proyek Cloud.
- Di Konsol Google Cloud, buka halaman Manage resources. Klik Menu > IAM & Admin > Kelola Resource.
- Dalam daftar proyek, pilih proyek yang ingin Anda hapus lalu klik Hapus .
- Dalam dialog, ketik ID proyek lalu klik Matikan untuk menghapus proyek.
Topik terkait
- Memeriksa fakta pernyataan dengan agen AI ADK dan model Gemini
- Integrasikan konsep AI fundamental dalam aplikasi Chat
- Membuat aplikasi Chat sebagai add-on Google Workspace dengan Apps Script