Web Client (Vue2)

Build voice experiences and chatbots for the web. This frontend client brings your Jovo app to websites and web apps with Vue.js 2.

Introduction

Jovo Client and Jovo Core Platform

Jovo Clients help with two tasks:

The Jovo Web Client can be used on websites and web apps. This is the version for clients build with the popular framework Vue.js, version 2. You can also find a version for Vue3 and a vanilla JavaScript client.

Installation

Install the client package:

$ npm install @jovotech/client-web-vue2

You can add the client to your Vue app like this:

import JovoWebClientVue, { JovoWebClientVueConfig } from '@jovotech/client-web-vue2';
import Vue from 'vue';
// ...

Vue.use<JovoWebClientVueConfig>(JovoWebClientVue, {
  endpointUrl: 'http://localhost:3000/webhook',
  config: {
    // Configuration
});

The constructor accepts two parameters:

  • endpointUrl: For local development of your Jovo app with Express, you can use http://localhost:3000/webhook.
  • config: Learn more in the vanilla JS client docs.

Differences to Vanilla JS Client

The Vue client offers the same features as the vanilla JavaScript client. You can find all features and configurations in its documentation.

The Vue client enhances the experience by adding a $client property to your Vue app, which makes it possible to reference it across all Vue components.

this.$client;