更新记录

0.0.8plus（2021-08-18）

当前版本

0.0.8 (2021-08-20)

• 支持访客信息定制和展示
• 支持抖音小程序

0.0.8（2021-08-18）

当前版本

0.0.8 (2021-08-20)

• 支持访客信息定制和展示
• 支持抖音小程序

0.0.7（2020-10-14）

• 支持插槽,所以更好看

平台兼容性

当前版本

0.0.8 (2021-08-20)

• 支持访客信息定制和展示
• 支持抖音小程序

简介

idea-kefu 为uniapp、apicloud等用户接入客服提供了即插即用的解决方案。 官网地址

http://kefu.techidea8.com/

开发文档地址地址如下

http://kefu.techidea8.com/html/wiki

使用须知

使用该方案必须在法律规定的范围内使用。不得用户博彩、色情等非法用户。

功能说明

本组件支持小程序、H5、和APP。客服端联通app/微信公众号/桌面端，功能强大

• 支持文字消息
• 支持图片消息
• 支持客户表单
• 支持emoj斗图
• 客服数目不受限制
• 支持模板消息提醒
• 支持短信提醒
• 支持APP提醒
• 支持关键字自动回复
• 支持后台统计
• 支持插槽

界面展示

本系统包括访客组件和客服应用俩部分。其中访客组件支持小程序、app、公众号。客服工作台程序为我们提供的工作台，包括公众号、APP、客服端，商户可以自选一种。

访客组件界面展示

• 访客界面

• 表情包界面

• 支持语音

• 其他交互界面如表单图片视频

客服app界面

• 当前咨询界面,支持视频、图片、表情和文字

• 历史记录界面

• 个人中心界面

• 询单管理界面

公众号推送展示

客服桌面程序展示

客服组件使用方法

HBuilderX 2.5.5起支持 easycom 组件模式。在使用 uni-ui 的时候，只要uni-ui 组件 安装在项目的 components 目录下,并符合 components/组件名称/组件名称.vue 目录结构。就可以不用引用、注册，直接在页面中使用 uni-ui 组件

使用示例

<template>
    <view>
        <IdeaKefu :siteid="siteId"  ></IdeaKefu>
    </view>
</template>

<script>
    import IdeaKefu from "@/components/idea-kefu/idea-kefu.vue"
    export default {
        components:{
            IdeaKefu
        },
        data() {
            //siteid  通过 阅读 http://kefu.techidea8.com/html/wiki/ 获得
            return {
                siteId:2,

            }
        },
        onLoad(opts) {
            //通过 http://kefu.techidea8.com/html/wiki/
            //可以通过如下方式传入客服ID
            //this.siteId = +opts.siteid

        },
        methods: {

        }
    }
</script>

参数说明

PluginAttr属性说明

事件

Msg属性说明

方法

localMsg属性说明

调用案例

let msg = {}
msg.cmd = 2
msg.media = "txt"
msg.content = "这是测试文字"
this.$refs.kefu.createLocalMsg(msg)

slot

插槽效果如下

welcome插槽

该插槽用来修饰首次进入欢迎语

<view slot="welcome" class="welcome">

                <text>猜你喜欢:</text>
                <text @click="howtoregister">1.如何注册帐号</text>
                <text @click="howtorenew">2.如何续费</text>
                <text @click="howtoservice">3.售后服务怎么样</text>
            </view>

footer插槽

该插槽用来修饰底部自定义区域,该区域可以定义一些常用的问题,然后调用createLocalMsg方法显示

<view slot="footer" class="footer">
                   <button class="btn btn-info" @click="showprice">产品定价</button>
                   <button class="btn btn-info" @click="showwx">微信号码</button>
                     <button class="btn btn-info" @click="wiki">开发文档</button>

                   <button class="btn " @click="howtoregister">关于我们</button>
                          <button class="btn " @click="howtoregister">其他</button>
            </view>

showprice(){
    let msg = {}

        msg.media = "txt"
        msg.content = "普通版免费,至尊豪华定制版10000起订!"
    this.$refs.kefu.createLocalMsg(msg)
}
showwx(){
    let msg = {}
        msg.media = "pic"
        msg.content = "http://kefu.techidea8.com/html/wiki/assets/image/kf1.jpg"
    this.$refs.kefu.createLocalMsg(msg)
}

如何获取siteid

前往kefu.techidea8.com注册即可获得siteid,具体请前往开发文档

http://kefu.techidea8.com/html/wiki/part1/prepare.html

小程序等合法域名设置

mp.weixin.qq.com后台合法域名配置如下, uploadFile,downloadFile,request合法域名都配置成

https://kefu.techidea8.com

socket合法域名配置为

wss://kefu.techidea8.com

另外需要特别注意,因为小程序https和wss,因此需要设置https属性为true

<IdeaKefu :siteid="siteId" :https="true" btncolor="#ff0066"  ></IdeaKefu>

如何绑定公众号进行消息推送

系统支持公众号模板消息推送,关注下列公众号,并在http://console.kefu.techidea8.com/corp/kefu页面扫描二维码,即可开通微信客服

如何下载客服APP

参考 http://kefu.techidea8.com/html/wiki/part1/kfapp.html

隐私、权限声明

1. 本插件需要申请的系统权限列表： 无
2. 本插件采集的数据、发送的服务器地址、以及数据用途说明： 无
3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率： 无