Skip to content

Latest commit

 

History

History

chat-app

Vertex AI Conversation

Author(s) Kristopher Overholt

Overview

Data Store Agent is a feature within Vertex AI Conversation that is built on top of functionality in Dialogflow CX.

Vertex AI Conversation Demo

With a Data Store Agent, you can provide a website domain, structured data, or unstructured data, then the Data Store Agent parses your content and creates a virtual agent that is powered by data stores and large language models. Your customers and end users can then have conversations with the agent and ask questions about the content. Refer to the Data Store Agent documentation and codelab to Create a Generative Chat App with Vertex AI Conversation for more information.

Steps to build the web app

  1. Install Node.js using your preferred method or package manager
  2. From this directory, run npm install
  3. Run npm run build to generate the static site in the build directory

Steps to deploy the web app to Firebase

  1. Navigate to the Firebase console

  2. Provision Firebase on a new or existing Google Cloud project

  3. In Firebase console, go to Hosting and add a new site (e.g., your-firebase-app-name)

  4. Install the firebase CLI

  5. Run firebase init in the app root and follow the prompts to select Hosting, use the build directory, and confirm N to the followup questions about rewrites, deploys, and the 404 and index pages.

  6. Run firebase target:apply hosting your-firebase-app-name your-firebase-app-name where your-firebase-app-name is the name of the Firebase Hosting site that you created in an earlier step

  7. To configure the default deploy target, add a line to your firebase.json with the name of your Firebase Hosting site, such as:

    {
      "hosting": {
        "target": "your-firebase-app-name",  # <--- Add this line
        "public": "build",
        "ignore": [
          "firebase.json",
          "**/.*",
          "**/node_modules/**"
        ]
      }
    }
  8. Run firebase deploy

Access the app

In your browser, navigate to your deployed app using a URL similar to:

https://vertex-ai-conversation.web.app/

Congratulations, you've successfully deployed the Vertex AI Conversation Demo!

Additional resources

You can continue learning about conversational AI and generative AI with these guides and resources: