第一次进去微信小程序显示授权页面，授权后以后授权页面不在展示

微信小程序授权页面，进入小程序如果没授权跳转到授权页面，授权后跳转到首页，如果用户点拒绝下次进入小程序还是能跳转到授权页面，授权页面如下作者微信/qq：1445579000 接各类软件开发及私活，只有你想不到的，没有我做不到的

1.app.js 中的 onLaunch或onShow中加如下代码，如果没授权跳转到授权页面

// 获取用户信息wx.getSetting({success: res => {if (res.authSetting['scope.userInfo']) {// 已经授权，可以直接调用 getUserInfo 获取头像昵称，不会弹框wx.getUserInfo({success: res => {// 可以将 res 发送给后台解码出 unionIdthis.globalData.userInfo = res.userInfo// 由于 getUserInfo 是网络请求，可能会在 Page.onLoad 之后才返回// 所以此处加入 callback 以防止这种情况if (this.userInfoReadyCallback) {this.userInfoReadyCallback(res)}}})}else{// 未授权，跳转到授权页面wx.reLaunch({url: '/pages/auth/auth',})}}})

2.创建一个授权页面 auth.wxml 授权页面结构

<view class="auth"><image src="https://res.wx.qq.com/wxopenres/htmledition/images/favicon32f740.ico" class="img" mode="aspectFill"></image><view class="title">微信授权页面</view><view class="describe">此页面是微信授权页面，点击下方按钮弹出授权或跳转页面</view><button class="btn" open-type='getUserInfo' wx:if="{{canIUse}}" bindgetuserinfo='onAuth'>点击微信授权</button><navigator wx:if="{{!canIUse}}" class="btn" url="/pages/auth/auth" open-type="reLaunch" hover-class="other-navigator-hover">已经授权点击调转</navigator>
</view>

3.auth.wxss 授权页面样式

/* 开始 */
page {height: 100%;display: table;
}.auth {margin-top: 0;text-align: center;display: table-cell;flex-direction: column;flex-wrap: wrap;justify-content: center;align-items: flex-start;padding: 100rpx;vertical-align: middle;
}.img {border-radius: 50%;border: 1px solid #fff;background-color: #fff;margin: 0 0 60rpx;display: inline-block;width: 200rpx;height: 200rpx;line-height: 0;
}.title {display: inline-block;width: 100%;margin: 0 0 60rpx;
}.describe {color: #a7aaa9;font-size: 26rpx;margin: 0 0 60rpx;border-radius: 50%;text-align: center;display: inline-block;width: 100%;
}.btn {padding: 0 60rpx;background-color: #19be6b;margin: 20rpx 0 200rpx;text-align: center;vertical-align: middle;touch-action: manipulation;cursor: pointer;background-image: none;white-space: nowrap;user-select: none;font-size: 14px;border: 0 !important;position: relative;text-decoration: none;height: 44px;line-height: 44px;box-shadow: inset 0 0 0 1px #19be6b;  background: #fff !important;color: #19be6b !important;display: inline-block;border-radius: 10rpx;
}

4.auth.js 授权页面js，点击授权后跳转到首页

var app = getApp();
Page({data: {canIUse: wx.canIUse('button.open-type.getUserInfo')},onAuth() {wx.getSetting({success: (res) => {if (res.authSetting['scope.userInfo']) {wx.reLaunch({url: '../index/index',})}}})}
})

第一次进去微信小程序显示授权页面，授权后以后授权页面不在展示相关推荐

vue+uni-app商城实战 | 第一篇：从0到1快捷开发一个商城微信小程序，无缝接入OAuth2实现一键授权登录
一. 前言本篇通过实战来讲述如何使用uni-app快速进行商城微信小程序的开发以及小程序如何接入后台Spring Cloud微服务. 有来商城 youlai-mall 项目是一套全栈商城系统,技术栈 ...
微信小程序显示分页列表
目录微信小程序创建项目配置底部导航栏微信小程序滚动播放内容微信小程序功能中心模块开发微信小程序个人中心页面开发微信小程序获取电话号码微信小程序显示列表数据微信小程序显示分页列表微信小程 ...
解决微信小程序使用switchTab跳转后页面不刷新的问题
解决微信小程序使用switchTab跳转后页面不刷新的问题参考文章: (1)解决微信小程序使用switchTab跳转后页面不刷新的问题 (2)https://www.cnblogs.com/mmyk ...
微信小程序java中文乱码_如何解决微信小程序显示中文无法上传或者出现乱码的问题？...
今天小编给大家讲解如何解决微信小程序显示中文无法上传或者出现乱码的问题?有需要或者有兴趣的朋友们可以看一看下文,相信对大家会有所帮助的. 在formData中对文字进行编码,使用encodeURI() ...
微信小程序消息订阅长期订阅一次授权多次接收微信服务通知
微信小程序消息订阅长期订阅一次授权多次接收发送微信服务通知消息这里讲长期订阅! 长期订阅! 长期订阅! 需求描述: – 根据用户不同标签(租户.业主.维修师傅.居委会成员)一键向人员统一发送 ...
微信小程序（第十九章）- 用户评价页面实现
微信小程序(第十九章)- 用户评价页面实现页面结构的实现页面样式实现五角星实现页面结构的实现代码如下:  <view id="reviewV ...
导入微信小程序显示未选择环境或未指定环境，解决办法
导入微信小程序显示未选择环境或未指定环境如下图所示: 解决办法:重新导入,选择云开发(需删掉以前的导入记录) 1.点击云开发申请通过 2.右键cloudfuncrions, 3.点击同步云函数列表 ...
微信小程序开发——点击按钮获取用户授权没反应或反应很慢的解决方法
微信小程序开发--点击按钮获取用户授权没反应或反应很慢的解决方法参考文章: (1)微信小程序开发--点击按钮获取用户授权没反应或反应很慢的解决方法 (2)https://www.cnblogs.co ...
微信小程序学习2：开发工具快速创建页面（pages）的四个文件(.js，.json，.wxml， .wxss)
微信小程序学习2:开发工具快速创建页面(pages)的四个文件(.js,.json,.wxml, .wxss) [1]首先在pages文件夹下创建一个页面文件夹,比如我打算创建个人中心,我创建一个ho ...
微信小程序充值及充值回调后的处理
微信小程序的充值流程与 H5 或公众号大致差不多,这里简单说一下前端在充值时候的一些操作流程. 用户在小程序中发起充值请求时,一般会先请求自己的服务器,将充值的参数发送给后端,然后后端会去请求微信充 ...

第一次进去微信小程序显示授权页面，授权后以后授权页面不在展示

第一次进去微信小程序显示授权页面，授权后以后授权页面不在展示相关推荐

最新文章

热门文章