# 微信小程序前端_最新按钮授权_服务器鉴权_登录状态维护

**Repository Path**: nbnat/wxmpauth

## Basic Information

- **Project Name**: 微信小程序前端_最新按钮授权_服务器鉴权_登录状态维护
- **Description**: 微信小程序前端最新授权+服务器鉴权+登录状态维护
- **Primary Language**: 微信
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 8
- **Forks**: 5
- **Created**: 2018-07-21
- **Last Updated**: 2024-10-01

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 微信小程序前端_最新按钮授权_服务器鉴权_登录状态维护

#### 项目介绍
小程序官方文档，上面说明

> wx.getUserInfo(OBJECT) 注意：此接口有调整，使用该接口将不再出现授权弹窗，请使用`<button open-type="getUserInfo"></button>`

> 引导用户主动进行授权操作 > 当用户未授权过，调用该接口将直接报错 当用户授权过，可以使用该接口获取用户

以下为参阅网上资料后整理的模块示例

---


#### 软件架构
前端示例，后端可用任意语言


#### 使用说明

1. 主要模块`utils/auth.js`将模块注入app后即可全局使用
2. 需要配合`pages/login/login`页面，样式可自行发挥
3. 主要配置项

```
//app.js
var auth = require("utils/auth.js")
App({
  onLaunch: function () {
    
  },
  auth: auth,
  globalData: {
    userInfo: null
    ,apiUrl : 'http://127.0.0.1/api.php'
  }
})

```
4. 授权使用示例，如页面无需授权无需处理

```
//index.js
//获取应用实例
const app = getApp()
Page({
  data: {
    motto: 'Hello World',
    userInfo: {},
    hasUserInfo: false,
    canIUse: wx.canIUse('button.open-type.getUserInfo')
  },

  onLoad: function () {
    
  },
  onShow:function(){
    let that = this;
    app.auth.isLogin(function () {
      app.globalData.userInfo = wx.getStorageSync('storeWxUser');
      that.setData({
        motto:'auth success',
        userInfo: app.globalData.userInfo,
        hasUserInfo: true
      })
    })
  }
})

```