实现微信小程序之授权登录

实现微信小程序之授权登录
自己写一个微信授权登录页面让用户实现点击的功能，也就是实现了通过button组件去触发getUserInof接口，有需要的朋友可以看看。

前言：由于微信官方修改了 getUserInfo 接口，所以现在无法实现一进入微信小程序就弹出授权窗口，只能通过 button 去触

发。

1.实现思路

自己写一个微信授权登录页面让用户实现点击的功能，也就是实现了通过 button 组件去触发 getUserInof 接口。在用户进入微

信小程序的时候，判断用户是否授权了，如果没有授权的话就显示下面“界面简介”的第一个图，让用户去执行授权的操作。如

果已经授权了，则直接跳过这个页面，进入首页。

相关免费学习推荐：微信小程序开发

2.界面简介

3.源码

login.wxml

<view wx:if="{{canIUse}}"> <view class=&#39;header&#39;> <image src=&#39;/images/wx_login.png&#39;></image> </view> <view class=&#39;content&#39;> <view>申请获取以下权限</view> <text>获得你的公开信息(昵称，头像等)</text> </view> <button class=&#39;bottom&#39; type=&#39;primary&#39; open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="bindGetUserInfo"> 授权登录 </button></view> <view wx:else>请升级微信版本</view>