AngularJS进阶十七在AngularJS应用中实现微信认证授权遇到的坑

最新推荐文章于 2025-01-02 16:31:45 发布

qq_43667184

最新推荐文章于 2025-01-02 16:31:45 发布

阅读量185

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_43667184/article/details/86744668

本文详细记录了在AngularJS应用中集成微信授权登录的过程，包括遇到的问题与解决方案，对比了微信开放平台与公众平台的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在AngularJS应用中集成微信认证授权遇到的坑

注:请点击此处进行充电!

前言

项目开发过程中，移动端新近增加了一个功能“微信授权登录”，由于自己不是负责移动端开发的，但最后他人负责的部分未达到预期效果。不能准确实现微信授权登录。最后还得靠自己做进一步的优化工作，谁让自己是负责人呢？原来负责人就是负责最后把所有的BUG解决掉。

首先，熟悉一下微信授权部分的源代码，如下所示:

/*-------------- 微信授权登陆 --------------*/// 扩展 API 加载完毕后触发“plusready"事件document.addEventListener("plusready", function() {// 扩展API加载完毕，现在可以正常调用扩展APIplus.oauth.getServices(function(services) {// services.length可获取当前运行环境支持授权登录认证服务数目if (services.length > 0) {auths = services;} else {alert("当前运行环境不支持授权登录认证服务！");}}, function(e) {alert("获取分享服务列表失败：" + e.message + " - " + e.code);});}, false); // 微信授权登录操作$scope.authLogin = function(){for(var i = 0; i < auths.length; i++){console.log(auths[i].description);if(auths[i].description == "微信"){var s = auths[i];break;}}if (!s.authResult) {console.log("微信尚未授权");s.login(//登录认证成功function(e){console.log("微信登录认证成功!");var objuser = s.userInfo;var uname = objuser.nickname;console.log(objuser.nickname);localStorage.uid = uname;localStorage.logined = "2";$rootScope.userinfo = {'logined': "2",'username': uname};console.log(localStorage.logined);$scope.set_defaultaddr();//登录后查询订单$scope.getBillBadge();if (sessionStorage) {        console.log(sessionStorage.getItem("hisURL"));        if(sessionStorage.getItem("hisURL")=='/tab/med_search')        $rootScope.familyBox();        $location.path(sessionStorage.getItem("hisURL"));        }},//登录认证失败function(e){alert( "登录认证失败！" );});}else{console.log("已经登录认证！");}