incs-chat-sdk
v0.0.6
Published
1.personalChatSDK(个号的 sdk)
Readme
1.personalChatSDK(个号的 sdk)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<div onclick="CreateConversion()">adsafa</div>
<div id="chat"></div>
</body>
<script type="module">
import { personalChatSDK } from "https://esm.sh/[email protected]";
personalChatSDK &&
personalChatSDK.init({
containerId: "chat",
provider: "EXT01",
client_id: "gcqT3BIzBrtZ8fqoywPXiI2Q02vpDbVG06IY8VV3",
client_secret:
"vP6PONbkqjLi44CVq23sfMFIng327zOho25hWgjG9eZSTo8wi4BMChGbIXBM",
ext_id: "test_agent_1",
});
// 创建会话
const CreateConversion = () => {
if (personalChatSDK) {
personalChatSDK?.triggerCreateConversion({
phone: "85267543228",
nickname: "jokers",
order_id: "order_id_1",
});
}
};
</script>
</html>2.在 html 页面中的使用方式(其中的 0.0.3 是版本号)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<div>adsafa</div>
<div id="chat"></div>
</body>
<script type="module">
import { ChatSDK } from "https://esm.sh/[email protected]";
ChatSDK &&
ChatSDK.init({
containerId: "chat",
provider: "EXT01",
client_id: "gcqT3BIzBrtZ8fqoywPXiI2Q02vpDbVG06IY8VV3",
client_secret:
"vP6PONbkqjLi44CVq23sfMFIng327zOho25hWgjG9eZSTo8wi4BMChGbIXBM",
ext_id: "test_agent_1",
});
</script>
</html>3.在 react 项目中的使用方法是(注意要与 SDK 中的 react 和 react-dom 版本兼容目前是 18.3.1)
安装包npm i incs-chat-sdk;
在组件中引用
import { useEffect, useRef } from "react";
import { ChatSDK } from "incs-chat-sdk";
function App() {
const effectRan = useRef<any>(false);
useEffect(() => {
if (effectRan.current === false) {
ChatSDK &&
ChatSDK.init({
containerId: "chat",
provider: "EXT01",
client_id: "gcqT3BIzBrtZ8fqoywPXiI2Q02vpDbVG06IY8VV3",
client_secret:
"vP6PONbkqjLi44CVq23sfMFIng327zOho25hWgjG9eZSTo8wi4BMChGbIXBM",
ext_id: "test_agent_1",
});
return () => {
effectRan.current = true;
};
}
}, []);
return (
<div className="App">
<div id="chat_sdk"></div>
</div>
);
}4.在 vue 项目中的用法(注意要与 SDK 中的 react 和 react-dom 版本兼容目前是 18.3.1)
安装包npm i react-sdk-wa;
在组件中使用
<script lang="ts" setup>
import { ChatSDK } from "incs-chat-sdk";
import { onMounted } from "vue";
onMounted(() => {
ChatSDK.init({
containerId: "chat",
provider: "EXT01",
client_id: "gcqT3BIzBrtZ8fqoywPXiI2Q02vpDbVG06IY8VV3",
client_secret:
"vP6PONbkqjLi44CVq23sfMFIng327zOho25hWgjG9eZSTo8wi4BMChGbIXBM",
ext_id: "test_agent_1",
});
});
</script>
<template>
<div>
<div id="chat_sdk"></div>
</div>
</template>
<style scoped></style>