QQ/微信授权登录js

最新推荐文章于 2024-11-20 13:17:45 发布

原创

最新推荐文章于 2024-11-20 13:17:45 发布 · 7.8k 阅读

3 ·

CC 4.0 BY-SA版权

本文详细介绍了如何在Angular应用中实现QQ和微信的授权登录功能。作者分享了遇到的问题，如H5微信授权代码在APP上运行不畅，以及最终采用的有效解决方案。适合初学者参考，欢迎指出不足并共同探讨。

http://blog.youkuaiyun.com/weixin_36050378/article/details/52435241（可以看这个链接，基本上讲全了）

本页面只做微信/QQ的授权登录

这个静态页面就没什么好说的了

授权登录的js方面，之前找过h5的微信授权代码，其实思路是差不多的，但是那个代码打包出来到app上面一直不行，只能真机调试

于是后来就换了另外一种方法，其实逻辑是一样的，但是这个代码可以打包使用

                (function($, doc) { 
$.plusReady(function() {
app.setState(null);
//第三方登录（因为直接写一个登陆一直只能获取到QQ的授权，所以就干脆定义了两个变量）
var authbth = ['qq'];//qq登录 
var authBtns = ['weixin']; //配置业务支持的第三方登录
var auths = {}；
//获取登录服务
plus.oauth.getServices(function(services) {
for (var i in services) {
var service = services[i];
auths[service.id] = service;
if (~authBtns.indexOf(service.id)) {
var btn = document.getElementById('wechat');
//如果微信未安装，则为不启用状态
btn.authId = service.id;
}else if(~aut