微信小程序 授权登录详解（附完整源码）

一、前言

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

官方连接：https://developers.weixin.qq.com/community/develop/doc/0000a26e1aca6012e896a517556c01

二、实现思路

自己写一个微信授权登录页面让用户实现点击的功能，也就是实现了通过 button 组件去触发 getUserInof 接口。在用户进入微信小程序的时候，判断用户是否授权了，如果没有授权的话就显示授权页面，让用户去执行授权的操作。如果已经授权了，则直接跳过这个页面，进入首页。

三、界面简介

1.不带 tabBar

 

 

 

 

四、源码

1.index.wxml

<view wx:if="{
   {isHide}}">
 <view wx:if="{
   {canIUse}}" >
  <view class='header'>
   &l