mirror of
https://gitee.com/270580156/weiyu.git
synced 2026-05-17 20:57:51 +00:00
1 line
8.2 KiB
JavaScript
1 line
8.2 KiB
JavaScript
"use strict";(self.webpackChunkdocs=self.webpackChunkdocs||[]).push([[8930],{3119:(n,e,i)=>{i.r(e),i.d(e,{assets:()=>r,contentTitle:()=>l,default:()=>h,frontMatter:()=>a,metadata:()=>s,toc:()=>o});const s=JSON.parse('{"id":"channel/uniapp","title":"Uniapp \u96c6\u6210\u6307\u5357","description":"\u5728 Uniapp \u5e94\u7528\u4e2d\u96c6\u6210\u5fae\u8bed\u5ba2\u670d\u7cfb\u7edf","source":"@site/i18n/zh-CN/docusaurus-plugin-content-docs/current/channel/uniapp.md","sourceDirName":"channel","slug":"/channel/uniapp","permalink":"/docs/zh-CN/docs/channel/uniapp","draft":false,"unlisted":false,"editUrl":"https://github.com/bytedesk/bytedesk/docs/channel/uniapp.md","tags":[],"version":"current","sidebarPosition":8,"frontMatter":{"title":"Uniapp \u96c6\u6210\u6307\u5357","sidebar_label":"Uniapp","sidebar_position":8,"description":"\u5728 Uniapp \u5e94\u7528\u4e2d\u96c6\u6210\u5fae\u8bed\u5ba2\u670d\u7cfb\u7edf"},"sidebar":"tutorialSidebar","previous":{"title":"Android","permalink":"/docs/zh-CN/docs/channel/android"},"next":{"title":"Flutter","permalink":"/docs/zh-CN/docs/channel/flutter"}}');var t=i(5723),d=i(6246);const a={title:"Uniapp \u96c6\u6210\u6307\u5357",sidebar_label:"Uniapp",sidebar_position:8,description:"\u5728 Uniapp \u5e94\u7528\u4e2d\u96c6\u6210\u5fae\u8bed\u5ba2\u670d\u7cfb\u7edf"},l=void 0,r={},o=[{value:"\u90e8\u5206\u529f\u80fd",id:"\u90e8\u5206\u529f\u80fd",level:2},{value:"Demo \u4e0b\u8f7d",id:"demo-\u4e0b\u8f7d",level:2},{value:"\u914d\u7f6e\u6b65\u9aa4\u8bf4\u660e\uff08\u5171\u4e24\u6b65\uff09",id:"\u914d\u7f6e\u6b65\u9aa4\u8bf4\u660e\u5171\u4e24\u6b65",level:2},{value:"\u5f00\u53d1\u6b65\u9aa4\u8bf4\u660e\uff08\u5171\u4e09\u6b65\uff09",id:"\u5f00\u53d1\u6b65\u9aa4\u8bf4\u660e\u5171\u4e09\u6b65",level:2}];function c(n){const e={a:"a",code:"code",h2:"h2",li:"li",pre:"pre",ul:"ul",...(0,d.R)(),...n.components};return(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(e.h2,{id:"\u90e8\u5206\u529f\u80fd",children:"\u90e8\u5206\u529f\u80fd"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsx)(e.li,{children:"\u5fae\u8bed\u5b98\u65b9\u6280\u672f\u652f\u6301"}),"\n",(0,t.jsx)(e.li,{children:"\u5168\u90e8\u57fa\u4e8e vuejs \u5f00\u53d1\uff0c\u4e0d\u4f9d\u8d56\u539f\u751f SDK\uff0c100%\u5168\u90e8\u5f00\u6e90\uff0c\u652f\u6301\u81ea\u5b9a\u4e49\u754c\u9762SS"}),"\n",(0,t.jsx)(e.li,{children:"\u652f\u6301 web/h5/\u5c0f\u7a0b\u5e8f/\u5b89\u5353/iOS \u7b49\u5168\u5e73\u53f0"}),"\n",(0,t.jsx)(e.li,{children:"\u652f\u6301\u4eba\u5de5\u5ba2\u670d"}),"\n",(0,t.jsx)(e.li,{children:"\u652f\u6301\u673a\u5668\u4eba"}),"\n",(0,t.jsx)(e.li,{children:"\u652f\u6301\u6587\u5b57\u3001\u56fe\u7247\u3001\u8bed\u97f3\u3001\u8868\u60c5"}),"\n",(0,t.jsx)(e.li,{children:"\u652f\u6301\u6d88\u606f\u9884\u77e5\uff1a\u5bf9\u65b9\u6b63\u5728\u8f93\u5165"}),"\n",(0,t.jsx)(e.li,{children:"\u652f\u6301\u6d88\u606f\u72b6\u6001\uff1a\u9001\u8fbe\u3001\u5df2\u8bfb"}),"\n",(0,t.jsx)(e.li,{children:"\u652f\u6301\u6d88\u606f\u64a4\u56de"}),"\n",(0,t.jsx)(e.li,{children:"\u5bf9\u63a5\u7b2c\u4e09\u65b9\u8d26\u53f7\u7cfb\u7edf/\u591a\u7528\u6237\u5207\u6362"}),"\n",(0,t.jsx)(e.li,{children:"\u652f\u6301 vue2/vue3"}),"\n",(0,t.jsx)(e.li,{children:"\u6ce8\u610f\uff1a\u8fd0\u884c\u9879\u76ee bytedesk_demo_vue3 \u4e4b\u524d\uff0c\u9996\u5148\u9700\u8981\u8fdb\u5165\u9879\u76ee\u6587\u4ef6\u5939\u6267\u884c yarn \u6216\u8005 npm install \u521d\u59cb\u5316"}),"\n"]}),"\n",(0,t.jsx)(e.h2,{id:"demo-\u4e0b\u8f7d",children:"Demo \u4e0b\u8f7d"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsx)(e.li,{children:"bytedesk_demo_vue2 \u548c bytedesk_demo_vue3 \u7684\u5206\u522b\u662fvue2\u548cvue3\u7684demo\uff0c\u8bf7\u9009\u62e9\u5176\u4e2d\u4e00\u4e2a\u5373\u53ef"}),"\n",(0,t.jsx)(e.li,{children:(0,t.jsx)(e.a,{href:"https://gitee.com/270580156/bytedesk-uniapp",children:"Gitee Demo"})}),"\n",(0,t.jsx)(e.li,{children:(0,t.jsx)(e.a,{href:"https://github.com/Bytedesk/bytedesk-uniapp",children:"Github Demo"})}),"\n"]}),"\n",(0,t.jsx)(e.h2,{id:"\u914d\u7f6e\u6b65\u9aa4\u8bf4\u660e\u5171\u4e24\u6b65",children:"\u914d\u7f6e\u6b65\u9aa4\u8bf4\u660e\uff08\u5171\u4e24\u6b65\uff09"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsx)(e.li,{children:"\u9996\u5148\uff1a\u5c06 components/bytedesk_sdk \u6587\u4ef6\u5939\u62f7\u8d1d\u5230\u81ea\u5df1\u5e94\u7528 components \u6587\u4ef6\u5939\uff0c"}),"\n",(0,t.jsx)(e.li,{children:"\u7136\u540e\uff1a\u5728 pages.json \u4e2d\u6dfb\u52a0\u4ee5\u4e0b\u51e0\u4e2a\u9875\u9762\uff0c\u5177\u4f53\u53ef\u53c2\u8003 demo \u4e2d pages.json \u6587\u4ef6"}),"\n"]}),"\n",(0,t.jsx)(e.pre,{children:(0,t.jsx)(e.code,{className:"language-js",children:'{\n "path": "components/bytedesk_sdk/chat-kf",\n "style": {\n "navigationBarTitleText": "\u5fae\u8bed\u667a\u80fd\u5ba2\u670d",\n "navigationBarBackgroundColor":"#007AFF",\n "navigationBarTextStyle":"white"\n }\n},\n{\n "path": "components/bytedesk_sdk/rate",\n "style": {\n "navigationBarTitleText": "\u6ee1\u610f\u5ea6\u8bc4\u4ef7",\n "navigationBarBackgroundColor":"#007AFF",\n "navigationBarTextStyle":"white"\n }\n},\n{\n "path": "components/bytedesk_sdk/webview",\n "style": {\n "navigationBarTitleText": "\u5fae\u8bedH5",\n "navigationBarBackgroundColor":"#007AFF",\n "navigationBarTextStyle":"white"\n }\n},\n{\n "path": "components/bytedesk_sdk/leavemsg",\n "style": {\n "navigationBarTitleText": "\u7559\u8a00",\n "navigationBarBackgroundColor":"#007AFF",\n "navigationBarTextStyle":"white"\n }\n}\n'})}),"\n",(0,t.jsx)(e.h2,{id:"\u5f00\u53d1\u6b65\u9aa4\u8bf4\u660e\u5171\u4e09\u6b65",children:"\u5f00\u53d1\u6b65\u9aa4\u8bf4\u660e\uff08\u5171\u4e09\u6b65\uff09"}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsx)(e.li,{children:"\u7b2c\u4e00\u6b65\uff1a\u5f15\u5165\u6587\u4ef6\u3002\u5728\u8c03\u7528\u5ba2\u670d\u7684 vue \u9875\u9762\uff0c\u5982\uff1aindex.vue\uff0c\u5f15\u5165"}),"\n"]}),"\n",(0,t.jsx)(e.pre,{children:(0,t.jsx)(e.code,{className:"language-js",children:'import * as bytedesk from "@/components/bytedesk_sdk/js/bytedesk.js";\n'})}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsx)(e.li,{children:"\u7b2c\u4e8c\u6b65\uff1a\u521d\u59cb\u5316\u3002\u5728 index.vue \u9875\u9762 onLoad \u51fd\u6570"}),"\n"]}),"\n",(0,t.jsx)(e.pre,{children:(0,t.jsx)(e.code,{className:"language-js",children:"// \u7b2c\u4e8c\u6b65\uff1a\u521d\u59cb\u5316\n// \u83b7\u53d6\u4f01\u4e1auid\uff0c\u767b\u5f55\u540e\u53f0->\u5ba2\u670d->\u6e20\u9053->uniapp\n// http://www.weiyuai.cn/admin/cs/channel\nlet orgUid = 'df_org_uid'\nbytedesk.init(orgUid);\n// \u6ce8\uff1a\u5982\u679c\u9700\u8981\u591a\u5e73\u53f0\u7edf\u4e00\u7528\u6237\uff08\u7528\u4e8e\u540c\u6b65\u804a\u5929\u8bb0\u5f55\u7b49\uff09\uff0c\u53ef\u4f7f\u7528:\n// bytedesk.initWithUidAndNicknameAndAvatar(orgUid, 'myuniappuid', '\u6211\u662f\u7f8e\u5973', 'https://bytedesk.oss-cn-shenzhen.aliyuncs.com/avatars/girl.png');\n// bytedesk.initWithUid(orgUid, 'myuniappuid'); // \u5176\u4e2d\uff1auid\u4e3a\u81ea\u5b9a\u4e49uid\uff0c\u53ef\u4e0e\u5f00\u53d1\u8005\u6240\u5728\u7528\u6237\u7cfb\u7edf\u5bf9\u63a5\uff0c\u7528\u4e8e\u591a\u7528\u6237\u5207\u6362\n// \u5177\u4f53\u53c2\u6570\u53ef\u4ee5\u53c2\u8003 @/components/bytedesk_sdk/js/bytedesk.js \u6587\u4ef6\u4e2d\u63a5\u53e3\n"})}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsx)(e.li,{children:"\u7b2c\u4e09\u6b65\uff1a\u5f00\u59cb\u4f1a\u8bdd"}),"\n"]}),"\n",(0,t.jsx)(e.pre,{children:(0,t.jsx)(e.code,{className:"language-js",children:"// \u7b2c\u4e09\u6b65\uff1a\u83b7\u53d6\u6280\u80fd\u7ec4uid\uff0c\u767b\u5f55\u540e\u53f0->\u5ba2\u670d->\u6e20\u9053->uniapp\n// http://www.weiyuai.cn/admin/cs/channel\nstartChat () {\n uni.navigateTo({\n url: '../../components/bytedesk_sdk/chat-kf?sid=' + this.workGroupWid + '&type=1'\n });\n}\n"})}),"\n",(0,t.jsxs)(e.ul,{children:["\n",(0,t.jsx)(e.li,{children:"\u7ed3\u675f"}),"\n",(0,t.jsx)(e.li,{children:"\u5177\u4f53\u8bf7\u53c2\u8003 demo \u4e2d index.vue \u9875\u9762"}),"\n"]})]})}function h(n={}){const{wrapper:e}={...(0,d.R)(),...n.components};return e?(0,t.jsx)(e,{...n,children:(0,t.jsx)(c,{...n})}):c(n)}},6246:(n,e,i)=>{i.d(e,{R:()=>a,x:()=>l});var s=i(2155);const t={},d=s.createContext(t);function a(n){const e=s.useContext(d);return s.useMemo((function(){return"function"==typeof n?n(e):{...e,...n}}),[e,n])}function l(n){let e;return e=n.disableParentContext?"function"==typeof n.components?n.components(t):n.components||t:a(n.components),s.createElement(d.Provider,{value:e},n.children)}}}]); |