npm install ak-bot-chatJust import the chat component and use it in your app.
import {Chat} from 'ak-bot-chat';
function App() {
return (
<div>
<Chat />
</div>
);
}You can also import the chat from a CDN and use it in your app.
Add the following script tag to your html file:
<script src="https://unpkg.com/ak-bot-chat@1.0.0/CDN/index.js"></script>Then add the chat to your app:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chat</title>
</head>
<body>
<div id="AK_BOT_CHAT"></div>
<script>
var AK_BOT_ID = 'YOUR BOT ID'
</script>
<link rel="stylesheet" href="https://unpkg.com/ak-bot-chat@latest/CDN/index.css">
<script src="https://unpkg.com/ak-bot-chat@latest/CDN/index.js" type="module" crossorigin></script>
</body>
</html>Consider to use a version number in the URL to avoid breaking changes.
You can also import the chat as plain javascript and use it in your app.
First build the chat using the following command:
npm run buildInstall the dependencies:
npm iThen execute the post build commands with these parameters:
npm run post_build_CDN <VAR1> <VAR2>Where VAR1 is the name of the variable for the BOT_ID and VAR2 is the name of the div where the interface will be rendered.
Finally, import the chat in your html file and use it in your app.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Chat</title>
</head>
<body>
<div id="chat"></div>
<script>
var BOT = 'YOUR_BOT'
var CHAT = 'chat'
</script>
<script src="PATH_TO_FILE.js"></script>
</body>
</html>