小程序基础库2.0.7更新小程序组件 <button> 新增 open-type 属性有效值 openSetting,所以说,再也不能愉快的直接调用getUserInfo了。但是不想用官方的按钮直接点击授权,依旧想使用之前的点击允许授权弹框怎么使用?

大概可以有以下思路:

我的自定义组件

<base-modal id="baseModal" modalSize="{{modalSize}}" animated="{{animated}}" backdrop="{{backdrop}}">
<view slot="header" class='modal-header'>
<text>授权登录</text>
</view> <view slot="body" class='modal-body'>
小程序请求获取你的公开信息(头像,昵称等)
</view> <view slot="footer" class='modal-footer'>
<view class="bod-right">
<button plain bindtap="_cancelModal">拒绝</button>
</view>
<view>
<button plain open-type="getUserInfo" bindgetuserinfo="_confirmModal">同意</button>
       //bindgetuserinfo在打开授权设置页后的回调
</view>
</view>
</base-modal>

首先使用自定义弹框组件,在弹框按钮处,【取消】:提示

wx.showModal({
title: '提示',
content: '您点击了拒绝授权,将无法使用该功能。请点击【确定】设置授权,或者等10分钟之后再次获取授权。',
success: (resp) => {
if (resp.confirm) {
console.log('用户点击确定')
//打开设置页面授权
wx.openSetting({
success: (succ) => {}
})
} else if (resp.cancel) {
console.log('用户点击取消')
        //跳转到选项卡指定页面,关闭其他页面
wx.switchTab({ url: "/pages/index/index" })
}
},
fail: () => {
console.log('fail')
wx.switchTab({ url: "/pages/index/index" })
}
})

点击【确定】按钮:

这回可以引用新的方法了,

跳转设置页面授权
wx.openSetting({
success: (succ) => {}
})

emm……拖了好久才出来的文章,在刚发布时就已经写得一半一半但是觉得不够完善,一直待在草稿箱里

还有一种方法是,静默登录,晚些时候再来更新完善一下

可参考这个博客的自定义组件方法内的【增强模态窗】,使用(可点击):微信小程序组件化 快速实现可用模态窗

小程序getUserInfo授权升级更新登录优化的更多相关文章

  1. WebAPI 微信小程序的授权登录以及实现

    这个星期最开始 ,老大扔了2个任务过来,这个是其中之一.下面直接说步骤: 1.  查阅微信开发文档  https://developers.weixin.qq.com/miniprogram/dev/ ...

  2. 微信小程序+php 授权登陆,完整代码

    先上图        实现流程: 1.授权登陆按钮和正文信息放到了同一个页面,未授权的时候显示登陆按钮,已授权的时候隐藏登陆按钮,显示正文信息,当然也可以授权和正文分开成两个页面,在授权页面的onlo ...

  3. 小程序和ThinkPHP5结合实现登录状态(含代码)

    本篇文章给大家带来的内容是关于小程序和ThinkPHP5结合实现登录状态(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 微信小程序中,一般会涉及三种登录方式: 1. 使用微 ...

  4. PHP实现支付宝小程序用户授权的工具类

    背景 最近项目需要上线支付宝小程序,同时需要走用户的授权流程完成用户信息的存储,以前做过微信小程序的开发,本以为实现授权的过程是很简单的事情,但是再实现的过程中还是遇到了不少的坑,因此记录一下实现的过 ...

  5. 关于微信小程序getUserInfo最新修改后,如何在原有项目的授权逻辑的调整

    今天一大早调试小程序,结果出现这个...微信小程序也是醉了,这么大的改动,也没有通过开发者服务号通知一声 人在屋檐下不得不低头(改呗,那么如何以最小的代价更新呢,下面给我的解决方案) 原来我们在首次进 ...

  6. uniapp小程序新版授权登录

    1.授权按钮: <view> <button class='login-btn' type='primary' @click="bindGetUserInfo"& ...

  7. 小程序-初次进入小程序的授权问题(授权更新后的完整步骤)button主动授权

    在此做个笔记 最开始小程序的开发时,信息授权的问题刚完善,后面腾讯就更新了新的授权方式,真心的感到心累. 后来的button,主动授权问题,时间一久就有些忘记了,最近在新开发一个小程序的拆红包活动,需 ...

  8. 使用uView UI+UniApp开发微信小程序--微信授权绑定和一键登录系统

    在前面随笔<使用uView UI+UniApp开发微信小程序>和<使用uView UI+UniApp开发微信小程序--判断用户是否登录并跳转>介绍了微信小程序的常规登录处理和验 ...

  9. 微信小程序第三方授权登录

    登录流程时序图: 1.调用uni.getProvider()获取服务供应商,参数service确定是选择对应的什么操作,此处选择授权登录oauth 代码如下: 2.调用登录接口uni.login(), ...

随机推荐

  1. 楼层验证B1~1F等

    $("#mapManagerEditForm").bootstrapValidator("addField","floors",{ vali ...

  2. jsfl 改变舞台宽高

    fl.getDocumentDOM().height= 680; fl.getDocumentDOM().width= 550;

  3. ActiveMQ无法启动

    解决办法:activemq无法启动,端口被占用 用netstat -an无法查出61616被哪个进程占用(实践证明,netstat -ano|findstr '61616'什么也没有找到) 经过排查和 ...

  4. objective C, parse json时注意事项

    例: dict为从API请求返回的json调用 NSJSONSerialization JSONObjectWithData:方法得到的NSDictionary实例. 当执行以下语句时linkStri ...

  5. Linux系统之更改默认块大小

    查看操作系统块大小:#tune2fs  -l /dev/sda1 |grep 'Block size'               ( tune2fs  -l  /dev/sda1可以查看更多相关文件 ...

  6. Haskell语言学习笔记(30)MonadCont, Cont, ContT

    MonadCont 类型类 class Monad m => MonadCont m where callCC :: ((a -> m b) -> m a) -> m a in ...

  7. 【348】通过 Numpy 创建各式各样的矩阵

    参考:NumPy之array-一个程序媛的自我修养-51CTO博客 参考:numpy中数组和矩阵的区别 - jiangsujiangjiang的博客 - CSDN博客 一.使用系统方法 二.用指定的数 ...

  8. Imageen 图像切割 (JpegLosslessTrans)

    procedure CutAFile(FileName: string; qry: TQuery);var  i: Cardinal;  FromStream, ToStream: TMemorySt ...

  9. JavaScript eval_r() 函数

    定义和用法 eval_r() 函数可计算某个字符串,并执行其中的的 JavaScript 代码. 语法 eval_r(string) 参数 描述 string 必需.要计算的字符串,其中含有要计算的  ...

  10. 吴裕雄 实战PYTHON编程(9)

    import cv2 cv2.namedWindow("ShowImage1")cv2.namedWindow("ShowImage2")image1 = cv ...