我正在参加 「掘金日新计划 · 4 月更文挑战」,今天要讲的是创建你的第一个云函数。 我就用我的微信小程序:乐玩程序,作为一个例子进行讲解。
开发者无需购买、搭建服务器,只需编写代码并部署到云端即可在客户端(App/Web/小程序等)调用,同时云函数之间也可互相调用。一个云函数的写法与一个在本地定义的 JavaScript 方法无异,代码运行在云端 Node.js 中。当云函数被客户端调用时,定义的代码会被放在 Node.js 运行环境中执行。开发者可以如在 Node.js 环境中使用 JavaScript 一样在云函数中进行网络请求等操作,也可以使用 node_modules。但 DCloud提供了 uniCloud对象 内置在云函数/云对象中,开发者使用更多的是 uniCloud 的 api,不了解 node 不影响开发。
开发自己的第一个uniCloud项目
- 创建uniCloud项目
HBuilderX中新建项目,选择uni-app项目,并勾选启用uniCloud
,在右侧选择服务供应商(腾讯云或阿里云),我当然选择阿里云啊,毕竟是不要钱,白嫖当然香啊。项目名称随意,我的叫have-fun(乐玩)
- 关联服务空间
注册自己的云空间,地址:unicloud.dcloud.net.cn/ 按照步骤一步步操作即可,注册完成如下:
3.录入数据新建数据表,今天先讲一个个手动录入数据,json格式,当然这样录入比较繁琐,后期会讲到如何快速录入数据。
云函数
创建云函数
uniCloud
项目创建并绑定服务空间后,然后创建自己的云函数,咱们先简单创建一个首页的banner列表相关数据以及云函数,这篇就以banner数据的创建返回展示在前端为例。
关联云空间
右键创建自己的云空间,然后选择自己之前创建好的云空间进行关联,如图:
编写第一个云函数
1、首先,连接自己的数据库,然后通过db.collection读取数据库内容。
const db = uniCloud.database(); // 1、链接数据库
exports.main = async (event, context) => { // 读取数据库数据
let bannerlist = await db.collection("index-bannerList").get()
return bannerlist
}
2.读取云函数(读数据库数据)
getbanneList() {
uniCloud.callFunction({
name: "product-index", // 云函数名称
data: {}
}).then(res => {
this.bannerList = res.result.data.reverse()
console.log(res) })
},
至此就可以得到动态数据。
部署云函数
上传部署&下载云函数
在控制台得到
是不是感觉很简单呢,你学会云函数就可以慢慢向全栈进发了。
微信小程序效果图:
❤️ 谢谢支持
以上便是本次分享的全部内容,希望对你有所帮助^_^
如果你有任何想法和疑问,欢迎留言~ 一起探讨
点赞收藏不迷路