微信小程序云开发配置

前言:供学习用

在小程序的根目录新建一个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 等方法 对数据进行处理了

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

微信小程序云开发配置_第1张图片

你可能感兴趣的:(前端微信小程序后端工具云开发)