企业微信第三方实战:发送产品图册给当前聊天客户
Roy
• 发表于:2021-09-25 23:10:14 • 更新于:2021-09-25 23:10:14
588

目标:

在企业微信跟客户聊天时发送产品图册,客户可以点击图册直接进入淘宝的宝贝详情页进行购买。

实战背景:

在研究企业微信功能的时候,发现客户聊天工具栏的“产品图册”功能只能发送一个图文的小程序页面,不能跳转到指定链接。因此自己根据第三方API(聊天工具栏分享消息到会话接口)做了个发送包含淘宝宝贝详情页链接的产品图册功能。

准备工作:

1、企业微信管理员账号。

2、将系统添加到企业微信聊天工具栏。

实现步骤:

1、创建产品图册表,存放产品数据(品名、描述、单价、图片、淘宝链接)

企业微信第三方实战:发送产品图册给当前聊天客户

2、简单实现展示产品图册列表的前端UI

企业微信第三方实战:发送产品图册给当前聊天客户

3、设置点击“推荐”按钮的事件。

参考官方API:https://work.weixin.qq.com/api/doc/90001/90144/92676

代码:

function runDisplayAction(key, value, $view = view) {

    //获取点击的产品图册数据

    let pro = $view.context;

    vue.$store.dispatch("weixin/get").then(wx => {

        //发送信息

        let img = pro["5fa51817931f9d126257acdd"] || "";

        img = img.replace(/^https:/, "http:");//企业微信不支持https的图片,需要注意

        wx.invoke('sendChatMessage', {

            msgtype: "news", //消息类型,必填

            news:

            {

                link: pro["5fa515bb931f9d126257acc7"], //H5消息页面url 必填

                title: pro["5fa515b1931f9d126257acc5"], //H5消息标题

                desc: pro["5fa515b6931f9d126257acc6"], //H5消息摘要

                imgUrl: img //H5消息封面图片URL

            }

        }, function (res) {

            if (res.err_msg == 'sendChatMessage:ok') {

                //发送成功

            } else {

                alert("发送失败,请重试或联系系统管理员处理。");

            }

        })

    })

}

注意事项:此接口的图片链接不支持https,需转为http,否则不会显示图片封面。

实现效果:

企业微信第三方实战:发送产品图册给当前聊天客户


本文是否对您有帮助?
有帮助
没帮助
您是否遇到了以下问题?
内容过期或不准确
缺少场景、事例
链接有误
太简单,步骤待完善
其他
提交反馈
如需获取即时帮助,请联系
小助理
微信扫码添加小助理
让你的想法快速变成软件吧~
文章标签
API
联系我们
售前咨询电话
020-88520693
意见箱 · 建议反馈
您的宝贵建议,使白码更完美!
白码小助理
加入白码社区,学习更多开发小技巧!
微信扫码添加白码小助理