SDK Chat: Membuat Bot Formulir

VVercel
Computing/SoftwareSmall Business/StartupsInternet Technology

Transcript

00:00:00[AUDIO KOSONG]
00:00:30[AUDIO KOSONG]
00:01:00.
00:01:20>> Hai, semuanya. Selamat datang di sesi
00:01:22Vercel Community minggu ini. Saya Anshuman dari tim Vercel Community Platforms. Anda mungkin sering melihat saya di ruang komunitas. Bagi Anda yang menonton ini di X, Anda bisa bergabung dengan kami di community.vercel.com untuk berinteraksi dan mengajukan pertanyaan di obrolan langsung. Jika ini pertama kalinya Anda mengikuti sesi kami dan tidak dapat menemukan kotak obrolan, jangan khawatir, gunakan saja tombol masuk untuk masuk ke Vercel Community dengan akun Vercel Anda.
00:01:52Dan Anda akan dapat mengobrol dengan kami. Kami akan memiliki waktu di akhir sesi untuk tanya jawab. Jadi pastikan untuk menyiapkan pertanyaan Anda dan kirimkan ke kotak obrolan agar kita bisa mendiskusikannya di akhir. Sekadar pengingat, jika Anda menggunakan kotak obrolan, bersikaplah hormat dan ikuti kode etik kami untuk menciptakan ruang yang aman bagi semua orang. Hari ini, saya bersama Benning, seorang content engineer di Vercel, dan dia akan menunjukkan kepada kita cara membangun form bot dengan Chat SDK.
00:02:22Halo, semuanya.
00:02:23Hai, Benning.
00:02:24Ya, selamat datang.
00:02:25Halo.
00:02:26Dan, ya, senang sekali Anda ada di obrolan.
00:02:30Terima kasih banyak telah mengundang saya. Seperti yang rekan saya sebutkan, saya seorang content engineer di Vercel, dan saya juga salah satu insinyur utama di Chat SDK open source kami, salah satu solusi open source terbaru kami, yang bisa Anda gunakan untuk membangun chatbot dari basis kode tunggal dan menerapkannya ke Slack, Teams, DSP, dan banyak lainnya.
00:02:49Dan lebih dari selusin platform lainnya dengan adaptor resmi dan komunitas kami.
00:02:59Untuk hari ini, saya akan menunjukkan template form bot open source kami, yang menggunakan Upstash, Redis, Resend, dan tentu saja, Chat SDK untuk meneruskan kiriman formulir Anda ke Slack, di mana Anda kemudian bisa mengedit kiriman tersebut, menandainya sebagai spam, atau meneruskannya ke siapa pun yang Anda inginkan di tim Anda, memungkinkan siapa pun di tim Anda untuk mengelola kiriman formulir langsung dari Slack.
00:03:28Oh, bagus.
00:03:32Ya, mari kita mulai.
00:03:34Baiklah.
00:03:42Jadi ini adalah template kami, yang akan kami tautkan di obrolan, sehingga Anda bahkan bisa mengikuti langsung di siaran langsung ini dan mengkloning template serta mengaturnya sendiri di Vercel sekarang atau setelahnya juga.
00:03:58Jika Anda memiliki masalah, tim komunitas kami, termasuk saya sendiri di antaranya, juga tersedia untuk membantu, dan Anda dipersilakan untuk membuka GitHub issue di repo Chat SDK juga jika Anda mengalami bug atau jika Anda hanya membutuhkan bantuan untuk mengatur bot Anda, baik dengan template ini atau hal lain.
00:04:22Satu hal yang selalu kami integrasikan dengan semua template open source kami di Vercel adalah tombol sekali klik untuk deploy, di mana Anda cukup menekan tombol dengan satu klik, dan itu akan memunculkan UI seperti ini, di mana Anda akan diminta untuk memilih organisasi GitHub dan tim Vercel mana yang ingin Anda gunakan untuk membuat proyek.
00:04:50Jadi saya akan mengetik di sini, hanya nama acak.
00:04:56Dan setelah Anda klik buat, sistem akan mengambil detail template di belakang layar.
00:05:06Dan kemudian sebagai langkah berikutnya, di sinilah Anda akan mengatur variabel lingkungan untuk bot Chat SDK Anda.
00:05:17Satu hal lain yang kami miliki adalah panduan kami di basis pengetahuan, yang juga mengikuti template ini.
00:05:27Jadi, sekali lagi, selama siaran langsung sekarang atau setelah siaran langsung, Anda bisa memanfaatkan panduan ini saat membangun form bot Anda sendiri. Dan satu hal yang disertakan dalam template ini juga adalah apa yang disebut Slack app manifest.
00:05:47Jadi, saat Anda akan membuat aplikasi Slack seperti ini, dan Anda klik buat aplikasi baru lalu pilih dari manifest dan pilih ruang kerja Anda, Anda bisa menempelkan manifest langsung di sini sehingga Anda kemudian dapat menghasilkan seluruh konfigurasi aplikasi Slack Anda tanpa harus melakukan apa pun secara manual atau dengan tangan.
00:06:13Jadi kembali ke sini, karena alasan yang jelas, saya tidak akan mengisi kolom-kolom ini langsung di siaran langsung.
00:06:27Proyek ini telah disiapkan dan diintegrasikan dengan Resend dan Upstash Redis, yang merupakan salah satu penyedia kami di marketplace Vercel, yang memungkinkan Anda untuk mengatur penyimpanan Redis tanpa harus mengelola kunci API atau konfigurasi lainnya secara manual.
00:06:53Dan kami menangani semua tagihan untuk Anda juga. Jadi alih-alih mendapatkan tagihan terpisah dari Upstash dan Vercel, semua tagihan ditangani melalui Vercel.
00:07:05Anda dapat menemukan informasi lebih lanjut di marketplace kami dengan mengunjungi [vercel.com/marketplace](https://vercel.com/marketplace) dan Anda dapat melihat penyedia lain yang kami miliki, termasuk penyedia Redis generik. Dan jika Anda diharuskan menggunakan Redis juga, Anda dapat mengambil template ini dan membangun di atasnya serta menggunakan, katakanlah, database Supabase sebagai backend Anda, yang merupakan salah satu mitra marketplace kami lainnya.
00:07:34Masuk ke template itu sendiri, Anda akan melihat di sini, inilah tempat saya mengatur ruang kerja Slack demo kecil saya dan saya akan mengirimkan kiriman percobaan sekarang.
00:08:04Jadi Anda lihat, begitu kiriman masuk, beginilah tampilannya. Semua data formulir dipecah sedemikian rupa sehingga mudah dibaca oleh Anda dan tim Anda.
00:08:21Setiap tautan yang berlaku, baik itu tautan email atau tautan situs web, mudah untuk diklik. Dan jika Anda ingin mengedit kiriman, katakanlah seorang prospek melakukan kesalahan ketik atau seseorang di tim Anda menyelesaikan formulir internal dan menggunakan nama tim yang salah, atau Anda hanya ingin menambahkan catatan singkat ke badan formulir, Anda dapat mengklik tombol edit dan teruskan di sini,
00:08:49yang kemudian membuka modul di sini, dan kemudian Anda dapat mengubah data apa pun di sini. Jadi jika Anda ingin mengubah nama Jane Smith menjadi Jane Jones, atau jika Anda ingin menggunakan Benny Triangle, Anda kemudian dapat mengklik teruskan.
00:09:09Dan kemudian Chat SDK menggunakan adaptor Slack kami akan memperbarui kartu tersebut untuk Anda. Jadi Anda bisa melihat di sini, kiriman diteruskan ke BennyFSL.com oleh Ben.
00:09:23Dan di sinilah Anda akan melihat kiriman formulir itu sendiri. Jadi emailnya ditata menggunakan penanganan HTML bawaan Resend, dan Anda juga sebenarnya dapat mendesain email Anda menggunakan React juga.
00:09:40Resend mengelola pustaka open source bernama React Email, di mana Anda bisa meminta Claude, Codex, v0, atau agen AI pilihan Anda lainnya untuk mendesain email yang indah menggunakan React Email, yang kemudian diuraikan dan dikonversi ke HTML untuk semua penyedia layanan email yang tepat oleh Resend,
00:10:04dan kemudian Anda bisa memasangnya langsung ke adaptor Chat SDK Resend hanya dalam beberapa baris kode.
00:10:16Sekarang, kita bisa membukanya untuk beberapa pertanyaan.
00:10:22Ya, saya pikir ini menunjukkan betapa mampunya Chat SDK. Anda bisa menggunakan adaptor apa pun yang Anda suka. Dan berbicara tentang adaptor, apakah menurut Anda kita bisa menggunakan Telegram atau sesuatu yang lain seperti Discord alih-alih Slack?
00:10:40Anda bisa, ya. Jadi kami memiliki serangkaian adaptor resmi, yang dikelola oleh tim Chat SDK sendiri, yang mencakup bukan hanya saya, tetapi juga CTO kami, Malta.
00:10:54Jadi ini adalah serangkaian adaptor resmi yang kami kelola. Jadi Anda bisa menggunakan Slack, Microsoft Teams, Google Chat, Discord, GitHub, Linear, Telegram, WhatsApp, dan yang akan dirilis besok adalah adaptor web baru di mana Anda juga bisa memiliki UI obrolan, baik Anda menyematkannya di situs web Anda, atau Anda memilikinya secara internal untuk tim Anda.
00:11:19Jadi Anda dapat memperluas pendekatan basis kode tunggal untuk Chat SDK ke UI web juga. Jadi dari satu basis kode tunggal, Anda memiliki bot yang berjalan di situs web Anda dalam obrolan langsung dan di Slack serta di mana saja.
00:11:37Kami juga memiliki serangkaian adaptor resmi vendor. Ini adalah adaptor yang tidak dikelola oleh kami, tetapi seperti namanya, oleh vendor itu sendiri.
00:11:48Jadi Resend memiliki adaptor mereka sendiri, sehingga Anda bisa membuat bot yang merespons email baik secara otomatis atau menggunakan Vercel cron jobs.
00:11:59Photon dan Deeper keduanya mengelola adaptor masing-masing yang memungkinkan Anda menghubungkan bot ke iMessage. Jadi Anda bisa mengirim iMessage meminta bot Anda untuk membuat GitHub pull request.
00:12:14Anda bisa mengintegrasikannya dengan Cursor Agent SDK dan membuat agen Cursor Anda berada tepat di dalam aplikasi iMessage Anda.
00:12:23Dan Anda bisa membuat kode hanya dengan mengirim iMessage sederhana menggunakan Cursor Agent SDK dan Chat SDK.
00:12:30Dan salah satu adaptor resmi vendor yang lebih baru yang kami miliki disebut Zurnio, yang pada dasarnya merupakan API media sosial terpadu, yang memungkinkan Anda terhubung ke Instagram, Facebook, Telegram, Reddit, dan seterusnya dari satu titik akhir API.
00:12:51Jadi bot Anda bahkan bisa berjalan di Reddit juga. Jadi jika Anda menjalankan subreddit Anda sendiri dan membutuhkan bantuan untuk mengelolanya, Anda bisa menggunakan SDK kami dan Zurnio untuk mengelolanya dengan AI.
00:13:06Dan terakhir kami memiliki adaptor komunitas, yang sekali lagi, seperti namanya, ini bukan adaptor yang dikelola oleh platform itu sendiri, tetapi oleh pengembang individu.
00:13:22Jadi dalam kasus SunBlue, itu tidak dikelola oleh tim SunBlue, tetapi oleh pengembang individu. Dan jika Anda ingin menyumbangkan adaptor Anda sendiri, kami memiliki serangkaian dokumentasi lengkap yang tersedia, yang merinci untuk Anda persis bagaimana melakukannya.
00:13:42Dan Anda bisa membangunnya sendiri secara manual atau mengikuti dokumentasi kami, yang disertakan dalam paket Chat SDK sendiri dari NPM dan meminta agen untuk memandu Anda mengatur adaptor Anda sendiri, baik Anda ingin melakukannya untuk perusahaan/platform Anda,
00:14:04atau jika Anda ingin menambahkan adaptor untuk katakanlah X atau Twitch atau platform apa pun yang berpotensi mendukung adaptor dan Anda ingin melihatnya di direktori.
00:14:18Oh, bagus. Saya pikir, ya, ini semua mencakupnya dengan sangat baik. Demikian pula, Chat SDK, seperti yang Anda katakan, saat kita menginstalnya, agen dapat benar-benar mengambilnya dengan keterampilan tersebut dan Anda tidak perlu memahami setiap detail mendalam.
00:14:35Anda bisa mempelajarinya sambil jalan, tetapi agen bisa melakukannya jauh lebih cepat. Jadi seperti yang Anda lihat di halaman arahan, kami memiliki untuk manusia dan untuk agen. Jadi Anda bisa memulai dengan sangat cepat.
00:14:46Satu pertanyaan yang kami miliki dari obrolan adalah saluran Slack tempat pesan masuk, itu sudah dikonfigurasi sebelumnya. Bisakah kita juga mengonfigurasinya secara dinamis agar pengguna dapat memilih ke mana pesan tersebut pergi?
00:15:00Anda bisa, ya. Jadi salah satu kasus penggunaan yang kami lihat dengan template ini adalah tim penjualan menggunakan template tersebut untuk membangun alur kerja dinamis di mana ketika penjualan baru masuk, mereka meminta agen menganalisis kiriman tersebut dan kemudian diarahkan ke salah satu dari lima saluran Slack dengan masing-masing saluran Slack individu memiliki tim penjualan yang berbeda.
00:15:27Jadi pikirkan pengarahan prospek perusahaan ke saluran tertentu dan prospek nirlaba, prospek startup, dan seterusnya. Jadi hanya dalam dua atau tiga baris kode, Anda dapat menyesuaikan template agar saluran berubah sesuai aliran berdasarkan apa yang terkandung dalam kiriman formulir atau berdasarkan apa yang dikatakan agen AI.
00:15:52Ya, saya pikir, ya, saya pikir itu menjelaskan karena Anda dapat mengonfigurasi saluran Anda sendiri dan bahkan di sisi kode Anda, Anda dapat memiliki daftar saluran, kan?
00:16:02Jadi itu benar-benar tergantung pada izin yang dimiliki aplikasi Slack Anda, yang sekali lagi, karena Anda membuat aplikasi Slack, Anda dapat mengonfigurasinya. Dan kemudian berdasarkan itu, formulir Anda, logika kode Anda dapat mengetahui ke mana harus mengirim pesan.
00:16:14Ya, itu benar-benar merangkumnya. Selain ini, saya pikir pertanyaan lain dari obrolan adalah, seberapa banyak jumlah kode yang harus saya ganti jika saya hanya ingin menggunakan Telegram alih-alih Slack di template ini? Jadi seberapa besar usahanya?
00:16:29Itu hanya akan membutuhkan perubahan sekitar satu baris kode. Jadi saya bisa tunjukkan di sini di halaman arahan kami, kami punya contoh di mana jika Anda ingin, misalnya, tidak menggunakan WhatsApp, tidak menggunakan GitHub, hanya masalah mengubah satu baris kode.
00:16:48Dan kemudian jika Anda nanti berubah pikiran dan ingin menambahkan Google Chat, WhatsApp, GitHub dan Microsoft Teams, sekali lagi, hanya masalah menambahkan satu baris kode. Tentu saja ada beberapa konfigurasi yang harus dilakukan di belakang layar, seperti menyiapkan aplikasi GitHub Anda dan kemudian menambahkan kredensial sebagai kredensial sensitif untuk memberikan sub-proyek.
00:17:10Tetapi selain itu, kodenya sendiri tetap sama. Anda hanya mengimpor adaptor dan itu saja yang benar-benar perlu Anda lakukan.
00:17:21Satu-satunya waktu Anda perlu mengubah lebih banyak kode daripada ini adalah jika Anda ingin memiliki fitur khusus platform bawaan. Seperti, misalnya, jika seseorang mengambil bot Anda di GitHub dan Anda ingin mengambil konten saat ini dari repo atau PR atau masalah GitHub.
00:17:41Dan demikian pula, jika bot diambil pada tiket Linear, ambil detail tiket tersebut. Tetapi selain itu, menambahkan dan menghapus platform hanya masalah mengubah satu baris kode.
00:17:58Ya, saya pikir itu benar-benar kegunaan dari Chat SDK. Saya pikir satu hal yang Anda sentuh secara singkat adalah bagaimana tim penjualan memiliki formulir mereka disiapkan dan memiliki agen di sana.
00:18:12Saya pikir itu benar-benar memunculkan percakapan seputar penggunaan Chat SDK dengan alur kerja dan memiliki alur agen manusia dalam lingkaran. Jadi apakah Anda ingin berbicara sedikit tentang kasus penggunaan itu dan bagaimana pengguna dapat menerapkannya?
00:18:28Ya, itu adalah satu hal yang sedang kami kerjakan dan rencanakan untuk dirilis minggu ini dan selama minggu-minggu mendatang adalah meningkatkan kompatibilitas Chat SDK dengan Vercel Workflows, yang merupakan solusi kami untuk membuat alur kerja TypeScript yang tahan lama untuk menjalankan pada dasarnya semua jenis fungsi TypeScript selama durasi waktu yang tidak terbatas.
00:18:56Jadi Anda akan dapat menghubungkan bot obrolan Anda ke Vercel Workflows dan kemudian memanfaatkannya untuk memiliki persetujuan manusia dalam lingkaran sehingga ketika Anda katakan mendapatkan prospek baru yang masuk dan Anda mengonfirmasi itu prospek yang valid, Anda bisa mengklik setujui langsung di kartu di Slack dan prospek itu dan mendapatkan kiriman, misalnya, dan email orientasi.
00:19:19Atau Anda bisa mengklik tolak dan mereka kemudian dikirimi alur email yang berbeda dan seterusnya. Dan karena terhubung ke Vercel Workflows, itu tetap sepenuhnya tahan lama sehingga Anda tidak perlu khawatir tentang apa pun yang kehabisan waktu atau fungsi serverless Anda mogok atau apa pun di sepanjang garis itu.
00:19:43Dan Anda bisa memasukkan waktu tunggu juga. Jadi Anda bisa, misalnya, klik setujui dan kemudian menunggu 30 menit dan kemudian mengirim prospek email dan seterusnya.
00:19:58Ya, saya pikir itu benar-benar menambah. Hal lain yang saya juga, saya penasaran untuk mendiskusikannya dengan Anda, kasus penggunaan apa lagi yang Anda lihat dari Chat SDK, seperti sesuatu yang Anda amati sendiri atau Anda lihat pelanggan lain atau orang-orang di X atau media sosial lainnya menggunakan Chat SDK untuk apa?
00:20:19Salah satu pelanggan kami, Sanity, yang menyediakan solusi CMS di antara yang lain, baru-baru ini menggunakan Chat SDK untuk pada dasarnya menulis ulang/merestrukturisasi agen konten mereka sehingga pelanggan mereka dapat menambahkan agen konten Sanity ke Slack mereka sendiri dan kemudian menggunakan agen Sanity yang dipanggang dalam bot Chat SDK itu untuk mengelola seluruh CMS mereka.
00:20:48Dan tim Sanity mampu melakukannya hanya dalam beberapa ratus baris kode, sebuah proyek yang biasanya akan memakan waktu puluhan file, berbulan-bulan rekayasa, dan ribuan baris kode.
00:21:03Jadi sekarang setiap pelanggan Sanity dapat mengelola CMS mereka hanya dengan meminta agen dari Slack. Dan selain itu, kami juga telah melihat kasus penggunaan lain di mana pemelihara open source menggunakan bot Chat SDK untuk membantu mereka melakukan triase masalah GitHub.
00:21:22Salah satu hal terbesar yang diperjuangkan oleh pemelihara open source, terutama pemelihara solo, adalah tetap berada di atas masalah GitHub dan pull request karena lusinan menumpuk setiap hari.
00:21:36Dan itu adalah sesuatu yang kami sendiri terkadang perjuangkan juga. Jadi itu adalah kasus penggunaan hebat lainnya yang kami lihat di alam liar adalah pemelihara open source yang dapat secara otomatis melakukan triase masalah GitHub, baik itu menutupnya atau secara otomatis membuka PR, semua dengan menggunakan Chat SDK, AI SDK, dan AI Gateway, semuanya didukung oleh ekosistem Vercel.
00:22:04Ya, saya pikir kasus penggunaan lain yang bisa saya pikirkan, dalam kehidupan nyata, jika Anda seorang pelari bisnis kecil, kan, dan Anda memiliki permintaan pengembalian dana, atau seseorang ingin mengembalikan pesanan, atau Anda ingin memverifikasi beberapa legitimasi pelanggan, permintaan itu, maka Anda dapat memiliki agen yang berjalan sebelum permintaan Anda, dan kemudian Anda dapat bertindak sebagai moderator untuk itu.
00:22:26Kasus penggunaan serupa bisa di sekitar komunitas. Jadi misalnya, kami bekerja di komunitas, dan kami ingin sekali membantu pelanggan, tetapi kami juga ingin memastikan bahwa, Anda tahu, orang-orang yang menciptakan, Anda tahu, keributan di platform dan orang-orang yang melakukan spam tidak diprioritaskan.
00:22:44Jadi kami menggunakannya untuk moderasi juga. Seperti itu kasus penggunaan yang sangat bagus dari Chat SDK untuk benar-benar, Anda tahu, menyederhanakan alur kerja Anda, sambil juga mendukung tim tempat Anda bekerja atau komunitas yang Anda ajak bekerja sama.
00:22:57Jadi ya, saya pikir ini adalah kasus penggunaan yang sangat bagus. Selain itu, dalam hal UI yang masuk ke, misalnya, kami melihat Slack. Dan jadi UI yang muncul di sana, bagaimana kita membangunnya? Apakah itu sesuatu yang bisa Anda sesuaikan antar platform?
00:23:12Ya, benar. Jadi apa yang dilakukan Chat SDK untuk lebih mengurangi jumlah kode baik Anda atau agen Anda perlu tulis, adalah ketika Anda mengirim, katakanlah, kartu atau tombol atau jenis UI apa pun, kami secara otomatis mengonversinya untuk Anda ke format asli platform tersebut.
00:23:33Jadi saat Anda mengirim tombol di Slack, itu merender sebagai tombol Slack asli. Demikian pula, jika Anda mengirim tombol di Teams atau Google Chat, keduanya mendukung tombol juga.
00:23:44Dan kemudian jika Anda menggunakan platform yang tidak mendukung elemen UI tertentu itu, seperti contoh tombol, Linear, misalnya, tidak dapat merender tombol, kami mengonversi itu menjadi markdown untuk Anda.
00:23:59Dan hal serupa dengan penyedia lain. Ini memungkinkan Anda menghindari harus menulis logika kustom di atas platform. Jadi Anda tidak perlu khawatir tentang menangani konversi apa pun di belakang layar.
00:24:15Kami menangani semua itu untuk Anda. Dan kami sedang berupaya untuk lebih meningkatkan itu juga, sehingga Anda dapat membuat agen kuat yang bekerja di lusinan platform sambil menulis sangat sedikit kode, sekali lagi, baik diri Anda sendiri atau melalui agen Anda.
00:24:34Kami telah melihat individu dapat membuat bot multiplatform yang kuat hanya dengan satu perintah dengan agen menggunakan plugin Vercel dan menggunakan keterampilan Chat SDK.
00:24:51Ya. Hal lain yang saya cukup tertarik, dan saya pikir orang lain yang menonton juga akan tertarik, adalah bisakah kita memporting Chat SDK? Saya tahu itu pustaka TypeScript, jadi bisakah kita memportingnya di antara proyek TypeScript?
00:25:06Seperti template yang Anda bagikan ini adalah Hono. Jadi bisakah saya menggunakannya di Next.js, misalnya, atau Nuxt, kan? Jadi bagaimana cara kerjanya?
00:25:15Anda bisa, ya. Jadi di situs web Chat SDK kami, kami memiliki serangkaian sumber daya yang mencakup pembangunan agen yang berbeda.
00:25:25Jadi saat Anda mengunjungi situs web Chat SDK, Anda akan melihat kami memiliki panduan yang menunjukkan kepada Anda cara membuat agen Slack yang memungkinkan Anda menerapkan proyek GitHub Anda dengan menekan tombol, yang didukung oleh Next.js.
00:25:40Anda memiliki form bot, yang saya demonstrasikan secara singkat hari ini, yang didukung oleh Hono. Dan kemudian kami memiliki bot dukungan Discord yang menggunakan Nuxt.
00:25:50Jadi dengan panduan ini, Anda kemudian dapat mengambil ini dan kemudian template terkait dengannya dan membangun di atasnya.
00:26:00Tidak ada batasan dalam hal kerangka kerja mana yang dapat Anda gunakan dengan Chat SDK. Anda dapat menggunakannya dengan Next.js, Hono, Nuxt, atau kerangka kerja apa pun yang Anda inginkan.
00:26:12Dan jika ada kerangka kerja yang Anda coba gunakan dengan Chat SDK dan Anda mengalami masalah atau tidak didukung, jangan ragu untuk membuka GitHub issue atau bahkan pull request dan kami akan dengan senang hati menambal bug terkait atau memperluas dukungan kerangka kerja yang sudah ada sehingga Anda dapat menggunakan Chat SDK dalam kerangka kerja pilihan Anda.
00:26:41Oh, itu bagus. Saya pikir Chat SDK dengan alur kerja, Anda dapat memiliki durasi tak terbatas dari apa pun yang ingin Anda capai. Jadi itu benar-benar kombinasi yang luar biasa.
00:26:53Jadi ya, saya pikir ini semua pertanyaan yang kami miliki saat ini. Dan jika Anda menonton dan Anda menemukan pertanyaan nanti, Anda selalu dapat menjatuhkannya ke forum community.vercel.com, ajukan pertanyaan Anda, pamerkan proyek Anda, apa pun yang Anda bangun dengan Chat SDK.
00:27:08Jadi saya pikir itu benar-benar bagus. Dan ya, terima kasih, Benny, telah bergabung dengan kami hari ini. Itu adalah demo yang sangat bagus dan template yang sangat bagus yang Anda bagikan di sini.
00:27:18Terima kasih banyak semuanya telah bergabung. Dan seperti yang saya katakan, jika Anda memiliki pertanyaan, jangan ragu untuk mampir ke repo GitHub atau di situs web komunitas Vercel juga. Dan kami selalu menyambut kontribusi baru untuk Chat SDK juga, terlalu. Kami sudah hampir mencapai 60 kontributor hanya dalam beberapa bulan waktu.
00:27:41Dan tidak ada hal seperti kontribusi yang terlalu kecil atau terlalu besar juga, terlalu. Jadi jika Anda melihat sesuatu yang ingin Anda tambahkan dalam hal fitur, atau jika Anda melihat bug, jangan ragu untuk menambahkannya. Kami akan dengan senang hati melihatnya.
00:28:01Ya, dan demikian pula, jika Anda memiliki kasus penggunaan yang ingin Anda terapkan, tetapi Anda memerlukan bantuan, beri tahu kami di komunitas, saya akan senang membangun sesuatu seperti itu. Jadi senang memiliki Anda di sini, Benny.
00:28:12Terima kasih kepada komunitas kami karena telah menghabiskan waktu bersama kami. Dan saya harap Anda benar-benar menikmatinya dan Anda belajar sesuatu yang baru hari ini. Jika Anda ingin bergabung dengan kami untuk sesi mendatang, sama seperti yang satu ini, Anda dapat menemukan semua detailnya di [community.vercel.com/live](https://community.vercel.com/live).
00:28:27Kami juga memiliki pertemuan, jadi Anda juga dapat memeriksa [community.vercel.com/meetups](https://community.vercel.com/meetups) untuk itu jika Anda menyukai acara langsung. Demikian pula, kami memiliki tiket untuk Vercel Ship sekarang. Jadi itu semua terjadi di seluruh dunia.
00:28:42Jadi Anda dapat memeriksa di mana itu terjadi dan Anda bisa mendapatkan tiket dari [vercel.com/ship](https://vercel.com/ship). Itu saja untuk hari ini, dan sampai jumpa di komunitas.
00:28:57Sampai jumpa di komunitas.

Key Takeaway

Chat SDK memungkinkan pengembang membangun dan mengelola chatbot multi-platform yang kompleks dari satu basis kode tunggal dengan dukungan integrasi AI dan otomatisasi alur kerja.

Highlights

  • Chat SDK memungkinkan pengembangan chatbot lintas platform (Slack, Microsoft Teams, Discord, dll.) menggunakan basis kode tunggal.

  • Template form bot open-source mengintegrasikan Upstash, Redis, Resend, dan Chat SDK untuk pengelolaan kiriman formulir langsung dari Slack.

  • Chat SDK secara otomatis mengonversi elemen UI (seperti tombol atau kartu) ke format asli setiap platform atau ke markdown jika platform tidak mendukungnya.

  • Integrasi Chat SDK dengan Vercel Workflows memungkinkan alur kerja TypeScript yang tahan lama untuk proses persetujuan manusia dalam lingkaran.

  • Proyek ini mendukung fleksibilitas framework, termasuk Next.js, Hono, dan Nuxt, tanpa batasan kerangka kerja tertentu.

  • Adaptor vendor resmi seperti Zurnio memungkinkan bot mengelola platform media sosial seperti Instagram, Facebook, dan Reddit dari satu titik akhir API.

Timeline

Pengenalan Chat SDK dan Template Bot Formulir

  • Chat SDK memungkinkan pembuatan chatbot dari basis kode tunggal untuk digunakan di lebih dari selusin platform.
  • Template form bot menggunakan Upstash untuk penyimpanan Redis dan Resend untuk penanganan email berbasis React.
  • Manifest aplikasi Slack tersedia dalam template untuk konfigurasi otomatis tanpa pengaturan manual.

Chat SDK dirancang untuk menyederhanakan pengembangan bot yang dapat diterapkan ke berbagai platform seperti Slack, Teams, dan lainnya melalui adaptor resmi. Template form bot yang disediakan mencakup integrasi penyimpanan dan email yang terkelola di Vercel, mengurangi kebutuhan manajemen konfigurasi manual. Pengguna dapat melakukan deploy proyek dengan satu klik dan mengatur variabel lingkungan melalui antarmuka Vercel.

Manajemen Data dan Adaptor Platform

  • Data formulir dikirim ke Slack dan dapat diedit atau ditandai sebagai spam langsung dari antarmuka Slack.
  • Pengembang dapat menggunakan adaptor resmi untuk Telegram, Discord, Google Chat, dan lainnya dengan mengubah satu baris kode.
  • Adaptor komunitas dan vendor pihak ketiga memperluas kemampuan bot ke iMessage, WhatsApp, dan API media sosial terpadu seperti Zurnio.

Kemampuan Chat SDK terletak pada kemudahan perpindahan antar platform. Jika sebuah platform tidak mendukung elemen UI tertentu, sistem secara otomatis melakukan fallback ke format markdown. Pengembang dapat mengelola bot di berbagai layanan tanpa harus menulis logika kustom untuk setiap platform, termasuk kemampuan untuk merutekan pesan secara dinamis ke saluran yang berbeda berdasarkan data formulir.

Alur Kerja Lanjutan dan Skalabilitas Proyek

  • Chat SDK mendukung alur kerja manusia dalam lingkaran melalui integrasi dengan Vercel Workflows.
  • Implementasi proyek CMS Sanity menunjukkan kemampuan Chat SDK dalam merestrukturisasi agen konten kompleks dengan kode minimal.
  • Chat SDK mendukung berbagai framework TypeScript termasuk Next.js, Hono, dan Nuxt.

Integrasi dengan Vercel Workflows memungkinkan proses yang berjalan lama dengan fitur persetujuan manusia langsung di Slack, seperti menyetujui prospek atau memproses pengembalian dana. Fleksibilitas ini terbukti dalam penggunaan oleh pemelihara open source untuk triase masalah GitHub secara otomatis. Pengguna didorong untuk berkontribusi pada repositori Chat SDK atau berdiskusi di komunitas Vercel untuk bantuan implementasi lebih lanjut.

Community Posts

No posts yet. Be the first to write about this video!

Write about this video