分享

微信小程序云开发个人博客项目实战(4)

 看见就非常 2020-05-08

微信小程序云开发个人博客项目实战目录
一、准备工作及引入 Vant Weapp 小程序 UI 组件库
二、专题的增删改查
三、文章的增删改查
四、云函数获取微信公众号access_token
五、云函数同步公众号文章到小程序

前提:确认公众号的接口权限

一、配置白名单

172.81.207.12
172.81.212.74
172.81.235.12
172.81.236.99
172.81.245.51
212.64.65.131
212.64.84.22
212.64.85.139
212.64.85.35
212.64.87.134
212.64.57.239
212.64.68.233
212.64.84.102
212.64.84.30
212.64.84.54
212.64.85.82
212.64.89.109
212.64.89.115
212.64.89.17
212.64.89.18

二、小程序云函数获取公众号access_token

官方文档

接口调用请求说明
https请求方式: GET https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&secret=APPSECRET

1、云开发控制台,新建集合wx-access-token,用于保存获取到的微信公众号的access_token

2、开发者工具 > 云函数目录 > 右键选择 “新建Node.js” 云函数 getAccessToken,如下图:

3、云函数 getAccessToken 下新建 AccessToken.js

const cloud = require('wx-server-sdk')
const request = require('request')
class AccessToken {
  constructor({
    appid,
    secret
  }) {
    this.appid = appid
    this.secret = secret
  }
  // 获取公众号access_token
  async getWechatAccessToken() {
    let token_url = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=' + this.appid + '&' + 'secret=' + this.secret;
    const rp = options =>
      new Promise((resolve, reject) => {
        request(options, (error, response, body) => {
          if (error) {
            reject(error);
          }
          resolve(response);
        });
      });
    const result = await rp({
      url: token_url,
      method: 'GET'
    });
    return (typeof result.body === 'object') ? result.body : JSON.parse(result.body);;
  }

  // 获取保存在数据库的公众号access_token
  async getCachedWechatAccessToken() {
    let collection = 'wx-access-token'; //数据库集合名称
    let gapTime = 300000; // 5 分钟
    cloud.init();
    let db = cloud.database();
    let result = await db.collection(collection).get();
    if (result.code) {
      return null;
    }
    // 数据库没有,获取
    if (!result.data.length) {
      let accessTokenBody = await this.getAccessToken();
      let act = accessTokenBody.access_token;
      let ein = accessTokenBody.expires_in * 1000;
      await db.collection(collection).add({
        data: {
          _id: 1,
          accessToken: act,
          expiresIn: ein,
          createTime: Date.now()
        }
      });
      return act;
    } else {
      let data = result.data[0];
      let {
        _id,
        accessToken,
        expiresIn,
        createTime
      } = data;
      // 判断access_token是否有效
      if (Date.now() < createTime + expiresIn - gapTime) {
        return accessToken;
      }
      // 失效,重新获取
      else {
        let accessTokenBody = await this.getWechatAccessToken();
        let act = accessTokenBody.access_token;
        let ein = accessTokenBody.expires_in * 1000;
        await db.collection(collection).doc(_id).set({
          _id: 1,
          accessToken: act,
          expiresIn: ein,
          createTime: Date.now()
        });
        return accessTokenBody.access_token;
      }
    }
  }
}
module.exports = AccessToken

4、修改云函数入口文件index.js

// 云函数入口文件
const cloud = require('wx-server-sdk');
const request = require('request');
const access_token = require('AccessToken');

cloud.init()

let appid = '***********************';//微信公众号开发者id
let secret = '***********************';//微信公众号开发者secret_key

// 云函数入口函数
exports.main = async (event, context) => {
  let at = new access_token({
    appid,
    secret
  });
  return at.getCachedWechatAccessToken();
}

5、创建并部署云函数

6、页面调用,编译调试

//可以在onLoad方法中 调试
onLoad: function (options) {
    wx.cloud.callFunction({
      // 云函数名称
      name: 'getAccessToken',
      success: function (res) {
        console.log("getAccessToken  result")
        console.log(res.result) 
      },
      fail: console.error
    })
  },

参考文章:https://blog.csdn.net/haitaoxiaodian/article/details/90762835

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多