This project is a boilerplate to help get you started building your own Actions on Google for the Google Assistant that work with API.ai. This code will act as the webhook fulfillment endpoint. Updates to your code will instantly deploy and update live. Click the Show button to see your live endpoint URL.
You can view a subtitled video walkthrough of this project from SXSW 2017 on YouTube, or read a transcript on The Voxable Voice.
Glitch is a developer playground that lets you code a real web-app without the slow setup and deployment steps. You can use Glitch to build an API backend that fulfills webhook requests from API.ai by providing a response for the Assistant to read to the user.
On the back-end,
- your app starts at
server.js - add frameworks and packages in
package.json - safely store app secrets in
.env
On the front-end,
- edit
client.js,style.cssandindex.html - drag in
assets, like images or music, to add them to your project
- Create an agent on API.ai.
- Enable webhook fulfillment.
- Enable the Google Assistant integration to test your app.
If you're viewing this project on Glitch, you can submit contributions on the boilerplate's GitHub repo.
This boilerplate project was made by Voxable, a boutique conversational interface agency in Austin, Texas. It's based on another Glitch boilerplate provided by the Glitch team.
Voxable builds chatbots, voice interface, Alexa skills, and Google Assistant apps for products and clients. Voxable's goal is to help humans and machines better understand each other.
Actions on Google and Google Assistant are property of Google, Inc. and are for identification purposes only. Use of these names does not imply endorsement.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent