微信小程序用户登录授权处理

登录授权流程：（2019.5.31更新）

  目前微信小程序是不支持自动获得授权页的，需要开发者设置授权按钮，并绑定自定义的登录授权方法bindGetUserInfo。登陆授权这里坑很多，网上的博客教程也良莠不齐，博主就在这儿折腾了很久。

登陆授权页wxml：

<!-- 如果只是展示用户头像昵称，可以使用 <open-data /> 组件 -->
<view class='avatar'>
  <open-data type="userAvatarUrl" class="userImage"></open-data>
  <open-data type="userNickName" class="userNickName"></open-data>
</view>

<view class="box" wx:if="{
    {canIUse}}">
    <button class='bottom' open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="bindGetUserInfo">
        授权登录
    </button>
</view>
 
<view class="box" wx:else>请升级微信版本</view>

登陆授权页js：