小程序获取企业微信二维码,使用联系我插件配置企业微信二维码

通过配置获取企业微信二维码总共分为五步:
第一步:登录企业微信管理后台,查询企业微信的企业ID(corpid)和Secret(corpsecret);
第二步:获取access_token;
第三步:通过员工ID配置生成config_id(即企业微信联系我plugid);
第四步:通过config_id获取企业已配置的「联系我」方式;
第五步:使用联系我插件,根据config_id生成企业微信二维码;

效果图:
在这里插入图片描述
在这里插入图片描述



一、登录企业微信管理后台,查询企业微信的企业ID(corpid)和Secret(corpsecret)

找公司企业微信管理后台人员,登录企业微信管理后台,查询企业ID和Secret
企业登录链接: https://work.weixin.qq.com/wework_admin/loginpage_wx?from=myhome_help
在这里插入图片描述
在这里插入图片描述

二、获取access_token

相关文档链接: https://developer.work.weixin.qq.com/document/path/91039
请求方式: GET(HTTPS)
请求地址: https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=ID&corpsecret=SECRET
注意:
为了安全考虑,开发者 请勿 将 access_token 返回给前端,需要开发者保存在后台,所有访问企业微信api的请求由后台发起

在这里插入图片描述
参数及返回结果:
在这里插入图片描述
调试:
在这里插入图片描述
在这里插入图片描述

三、通过员工ID配置生成config_id(即企业微信联系我plugid)

注意: (配置生产的config_id需要后端做存储,方便后续增删改查)
通过API添加的「联系我」不会在管理端进行展示,每个企业可通过API最多配置50万个「联系我」。
用户需要妥善存储返回的config_id,config_id丢失可能导致用户无法编辑或删除「联系我」。
临时会话模式不占用「联系我」数量,但每日最多添加10万个,并且仅支持单人。
临时会话模式的二维码,添加好友完成后该二维码即刻失效。

相关文档链接:https://developer.work.weixin.qq.com/document/path/92228
请求方式:POST(HTTPS)
请求地址:
https://qyapi.weixin.qq.com/cgi-bin/externalcontact/add_contact_way?access_token=ACCESS_TOKEN
在这里插入图片描述
参数及返回结果:
在这里插入图片描述
调试:
在这里插入图片描述

四、通过config_id获取企业已配置的「联系我」方式

文档链接:https://developer.work.weixin.qq.com/document/path/92228
请求方式:POST(HTTPS)
请求地址:
https://qyapi.weixin.qq.com/cgi-bin/externalcontact/get_contact_way?access_token=ACCESS_TOKEN
在这里插入图片描述
返回结果:
在这里插入图片描述
可以不使用插件,直接使用获取到的qr_code,直接展示企业微信二维码
在这里插入图片描述

五、使用联系我插件,根据config_id生成企业微信二维码

官方链接:https://developer.work.weixin.qq.com/document/path/93582
1、登录小程序公众平台,添加企业客户服务插件
开发者在小程序管理后台申请使用插件,添加路径:设置 ->第三方服务 -> 插件管理 -> 添加插件,搜索并添加插件ID: wx104a1a20c3f81ec2,无需审核确认。
在这里插入图片描述
企业客户插件
在这里插入图片描述

在uniapp中使用插件

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

在这里插入图片描述

添加对组件的引用

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

在这里插入图片描述
在页面中使用

<cell bind:startmessage='startmessage' bind:completemessage="completemessage" plugid='plugid'  />


最后效果:
在这里插入图片描述
在这里插入图片描述

猜你喜欢

转载自blog.csdn.net/m0_47791238/article/details/130784168