Panduan ini menjelaskan cara mengirim konten lengkap ke Dialogflow Messenger.
Langkah 1: buat alat addRichContent di agen Anda
Buat alat fungsi yang disebut addRichContent dengan data berikut:
Input alat:
properties: {}
type: object
Output alat:
properties:
status:
type: string
reason:
type: string
type: object
Langkah 2: beri tahu agen cara menggunakan alat ini
Beri tahu agen cara menggunakan alat dalam petunjuk dan contoh.
Misalnya, tambahkan sesuatu seperti berikut ke instruksi Anda:
- Greet the user
- Ask the user what their favorite color is.
At the same time run ${TOOL: addRichContent} to display buttons
for blue, red, yellow, and green.
- Thank the user
Misalnya, buat contoh seperti berikut:
Perlu diperhatikan bahwa sintaksis untuk konten lengkap adalah sama seperti yang akan Anda gunakan jika Anda menampilkan payload kustom dalam agen virtual berbasis flow.
Langkah 3: Menentukan JavaScript
Dalam kode untuk halaman yang menghosting df-messenger
,
Anda harus membuat kode JavaScript
yang menentukan fungsi yang memberi tahu df-messenger
untuk merender konten lengkap.
Anda juga harus mendaftarkan fungsi tersebut ke df-messenger
, agar tahu untuk mengeksekusi fungsi saat agen virtual membutuhkannya.
Pastikan variabel dfMessenger
dideklarasikan
dan mengarah ke instance df-messenger
Anda.
Berikut adalah beberapa kode contoh yang dapat Anda gunakan untuk tujuan ini:
const dfMessenger = document.querySelector('df-messenger');
function addRichContent(customPayload) {
dfMessenger.renderCustomCard(customPayload.richContent);
// add error handling
return Promise.resolve({ status: "OK", reason: null });
}
// substitute your own tool id
const toolId = 'projects/PROJECT_ID/locations/LOCATION/agents/AGENT_ID/tools/TOOL_ID'
dfMessenger.registerClientSideFunction(toolId, addRichContent.name, addRichContent);