微信小程序之微信授权讲解

最近一直在做微信的小程序，填了很多坑，今天给大家分享一下，微信小程序中的授权。

微信小程序的授权为了用户体验所以如果用户一直拒绝，到后面授权框都不出现了，所以必须的自己想办法解决。当然啦，这里也是提醒大家要做好用户体验，可是在企业有时候小程序就是需要用户的信息时，就需要一直显示授权并友好引导用户允许授权，那么我们先看看微信小程序api给的接口：

这是小程序官方api的接口说明，相比大家都能看懂，但是如果我们只用这个来做授权的话，用户多拒绝几次，那么兄弟不好意思，这个api就没用了，根本不给你弹出授权的框了，以上是第一个api，下面还有一个：

这一个是需要一个按钮来实现，比第一个好，至少每次点击会弹框，但是有的时候并不是用户自己发起的怎么办？所以问题就来了，下面是自己在做小程序时的一个解决办法，就是如果用户不同意授权就一直弹窗提示，废话不多说，直接上代码：

/**
     * 设置用户授权
     * scopeType:权限类型(userInfo/werun)
     * fun:回调函数，表示需要刷新的内容
     */
    validateAuthorize: function (scopeType, fun) {
        var _this = this;
        wx.getSetting({
            success: result => {
                if (result.authSetting['scope.' + scopeType]) {
                    _this.globalData.authType[scopeType] = true;
                    fun();
                } else {
                    wx.authorize({
                        scope: 'scope.' + scopeType,
                        success(res) {
                            _this.globalData.authType[scopeType] = true;
                            fun();
                        },
                        fail() {
                            wx.showModal({
                                title: '提示',
                                content: '请允许授权以便为你提供更好的服务',
                                showCancel:false,
                                success:function(){
                                    wx.openSetting({
                                        success: (res) => {
                                            if (res.authSetting['scope.' + scopeType]) {
                                                _this.globalData.authType[scopeType] = true;
                                                fun();
                                            } else {
                                                _this.globalData.authType[scopeType] = false;
                                                _this.validateAuthorize(scopeType, fun);
                                            }
                                        },
                                        fail() {
                                            _this.globalData.authType[scopeType] = false;
                                            _this.validateAuthorize(scopeType, fun);
                                        }
                                    });
                                }
                            })
                        }
                    });
                }
            }
        })
    }

说明：

第一个参数是权限的类型，例如：用户信息，微信运动等(userInfo/werun)
第二个参数是用户允许授权后的所要执行的回调函数，这里是根据之前的小程序的需求来定的，当然这里也可以在调用的地方刷新当前页面的数据，毕竟用户重新允许授权后，用户的信息不刷新是拿不到的呢，基于用户信息存放在app.js中的。
同时会在入口文件app.js的globalData对象中保存每一个授权项的授权情况，以便后面判断授权信息，用户拒绝授权会有相应的提示告诉用户请允许授权等信息。

用法：

var _this = this;
        if (!app.globalData.authType.userInfo) {
            app.validateAuthorize('userInfo', function () {
                app.wxCheckLogin(function () {
                    _this.onLoad();
                    _this.onShow();
                });
            });
        } else {
            app.wxCheckLogin(function () {
                _this.onLoad();
                _this.onShow();
            });
        }

以上代码就是先判断用户是否授权，如果授权了就检查登录，如果没有授权则需要先授权，然后在检查登录的情况，回调函数里面就是刷新当前页面的数据信息。

最后提供一个微信官方的授权说明：点我去哦

如果觉得有帮助请我吃个糖吧！

微信小程序之微信授权讲解

猜你喜欢