微信小程序云开发配置

风雷之霸主 - 2022-07-11 18:24:50

前言：供学习用

在小程序的根目录新建一个cloudfunction文件夹，比如下图

在这里插入图片描述

在project.config.json文件里配置"cloudfunctionRoot": "cloudfunction/",

在这里插入图片描述

在app.json文件里配置"cloudfunctionRoot": "./cloudfunction/"

在这里插入图片描述

cmd窗口切换到小程序的根目录然后执行npm install

点击开发者工具面板上的云开发-云函数，新建云函数login

在这里插入图片描述

鼠标放在这个文件上，右键选择同步云函数列表

在这里插入图片描述

同步完成后，鼠标放在这个文件夹上，右键选择最下方在外部终端窗口中打开，输入npm install,结果如下图

在这里插入图片描述

以上云开发就配置好了，接下来新建集合，如下图

在这里插入图片描述

然后点击概览查看自己的云函数环境ID

在这里插入图片描述

然后在每个js的onLoad:function里面放这一段代码，在小程序里onLoad只会加载一次，并且可以从options中获得从其他页面跳过来带的参数

onLoad: function (options) {

var that = this
//  调用login云函数获取openid
wx.cloud.callFunction({
  name: 'login',
  data: {},
  success: res => {
    console.log('[云函数] [login] user openid: ', res.result.openid)
    debugger;
    app.globalData.openid = res.result.openid
    wx.cloud.init({ env: 'dev-tejdn' })
    that.db = wx.cloud.database()
    that.test = that.db.collection('test') 
  },
  fail: err => {
    console.error('[云函数] [login] 调用失败', err)
    wx.navigateTo({
      url: '../deployFunctions/deployFunctions',
    })
  }
})

},
wx.cloud.init({ env: 'dev-tejdn' }) dev-tejdn 是你的云函数环境ID 换成你自己的

that.test = that.db.collection('test') test 是你新建的集合名换成你自己建的

上面的配置好之后就可以直接调用add update get remove 等方法对数据进行处理了

以上就是小程序的配置，如果对您有所帮助，可给作者打赏，谢谢。