Рет қаралды 14,398
Watch all our Bubble tutorials at www.planetnoco...
In this Bubble tutorial video, you will learn how to create a no-code AI chatbot powered by OpenAI using GPT-4 in Bubble. We start with a blank slate and cover every step you need to take to build it. We learn how to use the Bubble API connector to authenticate with a private key in the header, how to use the OpenAI API to send messages and get responses back, how to display the messages in a repeating group, and how to make the conversation history aware of the conversation. At the end, we have a fully functioning AI chatbot that is capable of intelligent conversation.
Video Chapters:
00:00:05 - Creating a No-Code AI Chatbot
00:00:22 - Setting Up the Blank Slate
00:00:47 - Adding a Button
00:01:17 - Using the OpenAI API
00:02:11 - Authenticating with a Private Key
00:02:42 - Constructing the API Call
00:03:11 - Choosing a Model
00:04:26 - Testing the Bot
00:04:47 - Connecting the API to the UI
00:05:31 - Making the Conversation History Aware
00:06:07 - Creating a Message
00:07:09 - Displaying the Message
00:08:47 - Testing the Conversation
00:09:27 - Debugging the API
00:10:46 - Building the JSON Syntax
00:11:25 - Creating a New Message
00:13:02 - Making the JSON Safe
00:14:28 - Sending the Messages
00:15:50 - Testing the Bot Again
00:16:42 - Creating the JSON Expression
00:17:27 - Testing the Conversation History
00:18:27 - OpenAI Returns a Response
00:19:03 - Conclusion
For more tutorials, 1 to 1 coaching, and more, visit Planet No Code: www.planetnoco...