封装的api

    1. import { awaitWrap } from "./util"
    3. /**
    4.  * 封装微信原生api->promise
    5.  *
    6.  * @class weixinModel
    7.  */
    8. class weixinModel {
    9.     constructor() {}
    11.     // 获取图片信息
    12.     getImageInfo(src) {
    13.         return new Promise((resolve, reject) => {
    14.             wx.getImageInfo({
    15.                 src: src,
    16.                 success: (result) => {
    17.                     resolve(result)
    18.                 },
    19.                 fail: (err) => {
    20.                     reject(err)
    21.                 },
    22.                 complete: () => {}
    23.             })
    24.         })
    25.     }
    26.     // 微信登录获取code
    27.     getCode() {
    28.         return awaitWrap(new Promise((resolve, reject) => {
    29.             wx.login({
    30.                 timeout: 10000,
    31.                 success: (res) => {
    32.                     resolve(res.code)
    33.                 },
    34.                 fail: (err) => {
    35.                     reject(err)
    36.                 }
    37.             })
    38.         }))
    39.     }
    40.     // 用户授权登录
    41.     getUserInfo() {
    42.         return awaitWrap(new Promise((resolve, reject) => {
    43.             wx.getUserInfo({
    44.                 lang: 'zh_CN',
    45.                 timeout: 10000,
    46.                 success: (data) => {
    47.                     console.log(data);
    48.                     resolve(data)
    49.                 },
    50.                 fail: (err) => {
    51.                     reject(false)
    52.                 }
    53.             })
    54.         }))
    55.     }
    56.     // 用户是否允许授权获取信息
    57.     getSetting() {
    58.         return awaitWrap(new Promise((resolve, reject) => {
    59.             wx.getSetting({
    60.                 success: (data) => {
    61.                     if (data.authSetting['scope.userInfo']) {
    62.                         resolve(true)
    63.                     } else {
    64.                         reject(true)
    65.                     }
    66.                 }
    67.             })
    68.         }))
    69.     }
    70. }
    71. let weixin = new weixinModel()
    72. export { weixinModel, weixin }

    1. 小程序授权

      1. <button open-type="getUserInfo" bind:getuserinfo="onGotUserInfo" class="authorizedBtn bg_editPhone_btn">确认授权</button>

    2. 判断用户是否允许授权获取信息

      1. let [setErr, setRes] = await weixin.getSetting()
      2. if (setErr) return wx.showToast({ title: '授权之后才能正常使用小程序', icon: 'none' });

    3. 获取code

      1. let [codeErr, code] = await weixin.getCode()
      2. if (codeErr) return wx.showToast({ title: '获取code失败', icon: 'none' });

    4. 获取用户信息

      1. let [userInfoErr, userInfo] = await weixin.getUserInfo()
      2. if (userInfoErr) return wx.showToast({ title: '获取授权用户信息失败', icon: 'none' });

    5. 通过code请求后台服务登录接口，获取token

    6. 通过token、用户信息，获取系统用户信息

    7. 获取手机号

      1. async getPhoneNumber(e) { 
      2. console.log(e);
      3. if (!e.detail.encryptedData) return wx.showToast({ title: '请授权绑定手机号', icon: 'none' });
      4. let [codeErr, code] = await weixin.getCode()
      5. if (codeErr) return wx.showToast({ title: '获取code失败', icon: 'none' });
      6. console.log(e.detail.errMsg)
      7. console.log(e.detail.iv)
      8. console.log(e.detail.encryptedData)
      9. console.log(code);
      10. // todo：请求后台服务获取用户手机号
      11. }

    8. 通过获取手机号信息和code请求后台服务获取用户手机号