微信小程序 用户拒绝授权后重新授权

问题:当用户第一次进入小程序,点击授权按钮后,点了拒绝,再次点击不会出现授权页面,只有再次进入小程序的时候 才会出发请求授权 (这是不足之处)
案例:假如我们要实现一个保存图片的功能,第一次点击的时候弹起授权,用户点击的拒绝,当用户再次点击的时候,如何继续弹出授权?
实现步骤:
1、首先我们需要判断用户是否开启授权相册(wx.getSetting)
2、如果已经授权,直接保存图片(wx.saveImageToPhotosAlbum)
3、如果没有授权,弹出授权框(wx.authorize),点击确定之后,保存图片,
--- 3.1 点击确定之后,会走success,保存图片
--- 3.2 点击拒绝之后,会走fail,这是会发现当我们再次点击的时候会发现已经弹不出授权框了,
所以我们要在fail里面做一下处理,需要让他弹出授权框
fail处理:
由于wx.openSetting必须通过按钮触发,所以我们当用户拒绝的时候添加一个弹出框(wx.showModal),当用户点击确定的时候弹出授权
主要代码

                var that =this;
                // 获取用户是否开启用户授权相册
                wx.getSetting({
                  success(res) {
                    // 如果没有则获取授权
                    if (!res.authSetting['scope.writePhotosAlbum']) {
                      wx.authorize({
                        scope: 'scope.writePhotosAlbum',
                        success() {
                          wx.saveImageToPhotosAlbum({
                            filePath: that.imageTempPath,
                            success() {
                              that.$store.commit('set_toast_msg','保存成功');
                            },
                            fail() {                                
                                that.$store.commit('set_toast_msg','保存失败');
                            }
                          })
                        },
                        fail() {
                          wx.showModal({
                              title: '提示',
                              content: '若点击不授权,将无法使用保存图片功能',
                              cancelText:'不授权',
                              cancelColor:'#999',
                              confirmText:'授权',
                              confirmColor:'#f94218',
                              success(res) {
                                if (res.confirm) {
                                  wx.openSetting({
                                      success(res) {
                                        console.log(res.authSetting)
                                      }
                                    })                                
                                } else if (res.cancel) {
                                  console.log('用户点击取消')
                                }
                              }
                            })
                        }
                      })
                    } else {
                      // 有则直接保存
                      wx.saveImageToPhotosAlbum({
                        filePath: that.imageTempPath,
                        success() {
                           that.$store.commit('set_toast_msg','保存成功');
                        },
                        fail() {
                           that.$store.commit('set_toast_msg','保存失败');
                        }
                      })
                    }
                  }
                })
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容