ak-bot-chat
v1.2.5
Published
```bash npm install ak-bot-chat ```
Readme
ak-bot-chat
How to install
npm install ak-bot-chatHow to use
React
Just import the chat component and use it in your app.
import {Chat} from 'ak-bot-chat';
function App() {
return (
<div>
<Chat />
</div>
);
}CDN
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/[email protected]/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>IMPORTANT
Consider to use a version number in the URL to avoid breaking changes.
Import as plain javascript
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>