头图

从小程序快速扫码进微信群聊

悟空码字

众所周知,由于各种原因,从小程序里面是无法直接识别二维码的,可能有别的路子可以间接实现,比如利用客服消息推送,但这不是长久之计,也不是官方支持的,可能会影响审核。今天说的方法,是官方开放的功能,可以放心的接入。

微信已经支持可以直接在小程序里面直接点击按钮扫码进群了,不仅是进客户群,还可以单独加个人企业微信号。不用担心码会失效,全都是活码,不会失效哦。要做这样的效果,需要联合企业微信来实现。

image.png

针对这个需求,企业微信分成了两个功能,一个是【客户联系「联系我」管理】即单独加个人的企业微信号,一个是【客户群「加入群聊」管理】即加入企业微信群。

配置客户群「加入群聊」按钮
1、首先到你的小程序管理后台添加【企业客户联系】插件,
appId为wxaae6519cee98d824,自行搜索添加即可。

image.png

2、登录企业微信后台,客户与上下游-加客户-加入群聊,点开设置,创建一个类型为在小程序中加入群聊的按钮名片。

image.png

3、这里要使用到企业微信服务端API,获取客户群列表,利用调试工具获取客户群ID,chat_id

image.png

4、然后利用上述获取的chat_id作为chat_id_list集合参数获取配置ID,config_id

image.png

5、在小程序app.json 文件中添加对插件的引用

"plugins": {
 "chatGroupPlugin": {
     "version": "1.1.2",
     "provider": "wxaae6519cee98d824"
 }
}

6、在具体引用插件的页面文件json文件中,添加对组件的引用,例如:

"usingComponents": {
 "materialCell": "plugin://materialPlugin/cell"
}

7、在引用插件的wxml文件中添加组件的具体代码,其中plugid为第4步获取的config_id,将该ID作为参数传入组件,例如:

<contactCell plugid='ebc520bcbfb65eceb7c150f55db15a48'  />

8、效果,点击按钮会弹出企业微信群二维码,然后长按可以识别,按钮支持修改样式。

image.png

配置客户联系「联系我」按钮
1、首先到你的小程序管理后台添加【企业客户服务】插件,
appId为wx104a1a20c3f81ec2,自行搜索添加即可。

image.png

2、登录企业微信后台,客户与上下游-加客户-联系我,点开设置,创建一个类型为在小程序中联系的按钮名片。

image.png

创建好后,查看使用指引,复制配置ID

image.png

3、在小程序app.json 文件中添加对插件的引用

"plugins": {
 "contactPlugin": {
     "version": "1.4.3",
     "provider": "wx104a1a20c3f81ec2"
 }
}

4、在具体引用插件的页面文件json文件中,添加对组件的引用,例如:

"usingComponents": {
 "contactCell": "plugin://contactPlugin/cell"
}

5、在引用插件的wxml文件中添加组件的具体代码,其中plugid为在企业微信管理后台配置的客服ID,将该ID作为参数传入组件,例如:

<contactCell plugid='c9704f12a07c301b98e3e6bca8ac8bfb'  />

6、效果,点击按钮会弹出个人企业微信二维码,然后长按可以识别,按钮支持修改样式。

image.png

从小程序快速扫码进微信群聊

山水有相逢,来日皆可期,谢谢阅读,我们再会

我手中的金箍棒,上能通天,下能探海

上一篇:评价返现,实现用户留存公众号

阅读 650
7 声望
3 粉丝
0 条评论
7 声望
3 粉丝
文章目录
宣传栏