前言

在企业微信三方开发(三)：网页授权登录一节中讲了网页授权登录的过程。其中aouth2.0授权只能通过企业微信客户端，不能通过其它浏览器授权。那么如果要在其它浏览器的网页进行授权就需要用到扫码授权登录！

一、登录授权配置

首先进入服务商后台->应用管理->登录授权配置上我们发起授权的域名（也就是我项目所在域名），以及回调域名

下面微信还很贴心的为我们准备了一个好看的登录按钮，复制到登录页

二、开始开发

接口文档

与ouath授权很类似，需要访问一个构建链接，链接转向微信扫码授权页，参数带上服务商corpid，以及授权成功后的重定向链接，也就是我的首页地址：

<template><view style="width: 96%;margin: 0 auto;"><view><view @click="doSSO"><img src="//wwcdn.weixin.qq.com/node/wwopen/wwopenmng/style/images/independent/brand/300x40_blue$cecbbc4e.png" srcset="//wwcdn.weixin.qq.com/node/wwopen/wwopenmng/style/images/independent/brand/300x40_blue_2x$c22687e4.png 2x" alt="企业微信登录"></view></view></view>
</template><script>export default {data() {return {usercode: '',password: '',passwordHidden: true}},onLoad:function(){},methods: {doSSO:function(){let CorpID = "XXXXX"let baseUrl = encodeURI("http://www.xxxx.com")let URL = "https://open.work.weixin.qq.com/wwopen/sso/3rd_qrConnect?appid="+CorpID+"&redirect_uri="+baseUrl+"&state=web_login@gyoss9&usertype=admin"window.location.href = URL}}}
</script><style>.loginBtn{color: #337bd4!important;border:1rpx solid #337bd4!important;font-size: 30rpx;border-radius: 50rpx;}
</style>

发行并上传到服务器，访问一下：

样式略丑，不管了，点击登录按钮！

进入了扫码界面就对了！

拿出手机扫码：

成功跳转到重定向地址（我的首页）

同时可以看到重定向地址携带上了auth_code

拿到auth_code就跟前面网页授权登录获取用户信息串起来了！

总结

自此企业微信的两种授权登录方式就完成。但在跟朋友讨论时仅仅就一个登录还是有许多疑问，比如单独的APP怎样引入企业微信登录？如果是做普通微信登录还有开放平台的加持。另外企业微信三方开放支不支持支付功能还需要验证。感觉一如微信深似海，哎~

企业微信三方开发(五)：扫码登录相关推荐

企业微信三方开发(三)：网页授权登录
其他链接初识微信开发企业微信三方开发:注册企业微信服务商企业微信三方开发(一):回调验证及重要参数获取企业微信三方开发(二):获取access_token 企业微信三方开发(三):网页授权登录 ...
企业微信三方开发：注册企业微信服务商
其他链接初识微信开发企业微信三方开发:注册企业微信服务商企业微信三方开发(一):回调验证及重要参数获取企业微信三方开发(二):获取access_token 企业微信三方开发(三):网页授权登录 ...
企业微信三方开发(四)：发送消息
其他链接初识微信开发企业微信三方开发:注册企业微信服务商企业微信三方开发(一):回调验证及重要参数获取企业微信三方开发(二):获取access_token 企业微信三方开发(三):网页授权登录 ...
微信电脑版只能扫码登录的原因，你一定想不到
来源:电脑报CQCPCW 谁能想到,微信原本是作为一款社交软件,如今却成了很多上班族使用频率最高的办公软件.很多人电脑上安装了PC版微信,工作聊天两不误,传输文件也算方便. 但微信PC版总是不尽人意, ...
一文详析微信和淘宝扫码登录背后的实现原理！
关注上方"深度学习技术前沿",选择"星标公众号", 资源干货,第一时间送达! 作者:imtech my.oschina.net/u/4231722/blog/3 ...
面试官：说说微信和淘宝扫码登录背后的实现原理？
点击上方蓝色"程序猿DD",选择"设为星标" 回复"资源"获取独家整理的学习资料! 来源 | my.oschina.net/u/423172 ...
面试官：聊聊微信和淘宝扫码登录背后的实现原理？
本文来源: my.oschina.net/u/4231722/blog/3154805 <Java工程师面试突击(第3季)>重磅升级,由原来的70讲增至140讲,内容扩充一倍,升级部分内容 ...
微信和淘宝扫码登录背后的实现原理
点击上方"Java基基",选择"设为星标" 做积极的人,而不是积极废人! 源码精品专栏原创 | Java 2019 超神之路,很肝~ 中文详细注释的开源项目 ...
IM即时通讯软件开发之扫码登录功能
在2维码扫码登录的过程中,大家可能会有疑问:这二维码安全吗?会不会泄漏我的个人信息?我的im系统敢不敢也搞一个扫码登录呢? 针对这些顾虑,我们需要了解一下二维码扫码登录背后的技术和逻辑本质. 扫码登录 ...

企业微信三方开发(五)：扫码登录

这里写目录标题

前言

一、登录授权配置

二、开始开发

总结

企业微信三方开发(五)：扫码登录相关推荐

最新文章

热门文章