企业微信扫码登录
2022-10-24 15:45:48
285
{{single.collect_count}}

目录

2.业务流程

3.企业微信应用配置

1.注册企业微信,登录企业微信管理平台https://work.weixin.qq.com/

2.创建应用(用于扫码登录)

 3.在应用中找到开发者接口(最下面),启用和配置企业微信授权登录;

 4.代码实现

1.构建二维码链接

2监听路由,获取回调数据


1.官网相关资料

https://open.weixin.qq.com/  微信开放平台(可注册)

https://fuwu.weixin.qq.com/ 微信服务平台

https://work.weixin.qq.com/api/doc/90000/90135/91025企业微信扫码登录API

https://work.weixin.qq.com/ 企业微信网页版(企业微信管理平台)

1.注册公众号,小程序需要填写不同的邮箱

2.微信扫码登录需300一年,小程序不收费

3.通过小程序授权,模拟实现扫码登录

2.业务流程

3.企业微信应用配置

1.注册企业微信,登录企业微信管理平台https://work.weixin.qq.com/

2.创建应用(用于扫码登录)

 3.在应用中找到开发者接口(最下面),启用和配置企业微信授权登录;

设置授权回调域(此域名为扫码后回调域名)

 

 4.代码实现

1.构建二维码链接

https://open.work.weixin.qq.com/wwopen/sso/qrConnect?appid=CORPID&agentid=AGENTID&redirect_uri=REDIRECT_URI&state=STATE

1.引入js文件

http://rescdn.qqmail.com/node/ww/wwopenmng/js/sso/wwLogin-1.0.0.js

2.实例js对象,构造内嵌二维码

window.WwLogin({id, //二维码容器的idappid,agentid,redirect_uri: encodeURIComponent(url),//应用中配置的回调域(一般配置登录页)state,// style: 'black', // 提供"black"、"white"可选。二维码的样式href: styleHref, //定义二维码样式文件地址 使用base64编码// scope: 'snsapi_login', // 网页默认即可});

2监听路由,获取回调数据

回调链接:  http://www.domain.com?code=H1jkJCOfraqVFzKgEadJ1e38VyKWgxc5fbyx74XI1Tw&state=STATE&appid=xxxxxxxx

watch: {$route: {handler: function (route) {const {code,state,appid} = route.query; //业务处理},immediate: true,},},

回帖
全部回帖({{commentCount}})
{{item.user.nickname}} {{item.user.group_title}} {{item.friend_time}}
{{item.content}}
{{item.comment_content_show ? '取消' : '回复'}} 删除
回帖
{{reply.user.nickname}} {{reply.user.group_title}} {{reply.friend_time}}
{{reply.content}}
{{reply.comment_content_show ? '取消' : '回复'}} 删除
回帖
收起
没有更多啦~
{{commentLoading ? '加载中...' : '查看更多评论'}}