微信小程序云开发配置

本文详细介绍了微信小程序的云开发配置步骤,包括创建cloudfunction文件夹、配置project.config.json和app.json、安装依赖、新建并同步云函数、初始化云环境以及在JS中调用云函数获取openid。此外,还展示了如何新建集合并在onLoad函数中处理数据。通过这些步骤,读者可以学习到小程序如何与云数据库进行交互。
摘要由CSDN通过智能技术生成

前言:供学习用

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

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

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

风雷之霸主

感谢你的支持,我会持续输出

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值