更新记录

1.0.46（2024-06-05）

优化

1.0.45（2024-06-05）

优化滑动功能

1.0.44（2024-06-05）

优化

平台兼容性

core-kf

介绍

此corekf是vue2版本的针对任何系统，都可以无缝对接的客服系统，

1，可发送图片，文字，表情，商品，订单

2，可接收评价，提交评价，完成已读，未读功能

3，插件接收域名， 颜色，是否自定义提示框等

4，返回任意页面，只要接受到消息，可在任意页面提示（可自定义）

下载

可与插件市场搜索 core-kf 点击下载插件并导入HBuilderX

确定之后项目的uni_modules就有了这个插件

使用

我们使用pages.json 里面的easycom去配置core-kf ，传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。easycom将其精简为一步 具体可参考easycom介绍

"easycom": { 
    "core-kf": "@/uni_modules/core-kf/components/core-kf/core-kf.vue"
},

然后我们在页面新建一个页面去承载这个插件，例如chat（名字可以随便起，路径后面是需要传进去的）

<template> 
    <core-kf 
        domain="http://localhost:5001" 
        token="110" 
        chatPagePath="/pages/chat/index"
        corekfColor="#09a0f7"
        isCustomModuleEventName="hanldeShowToast" 
        @handlerClickOrder="handlerClickOrder" 
        @handlerClickProduct="handlerClickProduct"></core-kf> 
</template>

<script>
    /**
    * domain 
    * 域名：用来链接webSocket 还有一些接口，例如上传图片，发送消息等
    * 
    * token
    * 接口请求时，需要带的
    * 
    * chatPagePath
    * 聊天页面路径，如果用户不在聊天页面，客服发送了消息，我们会弹框提示用户，用户可点击查看下消息返回
    * 
    * corekfColor
    * 颜色作用于用户聊天的字体框背景，表情下方的退格删除和发送的背景颜色
    * 
    * isCustomModuleEventName 
    * 自定义弹框事件名字，当用户不在聊天页面，没有传这个字段，则用插件里面的弹框提示用户，反之需要用户自定义弹框，
    */
export default {
    data() {
        return {
        };
    },
    onLoad(options) {
        //自定义弹框事件
        uni.$on('hanldeShowToast', function (message) { 
            // message为客服发送的消息
        })
    },
    methods: {
        // 聊天页面中用户点击订单的自定义事件
        handlerClickOrder(data){
            // data 是关于此订单的数据，可以在这里操作跳转还是其它逻辑
        },
        // 聊天页面中用户点击商品的自定义事件
        handlerClickProduct(data){
            // data 是关于此商品的数据，可以在这里操作跳转还是其它逻辑
        }
    }
};
</script>

修改发布插件

鼠标放入插件上右击，然后点击图中的发布到插件市场，然后按照要求，填写版本号，更新日志等，提交即可