小程序·云开发~你迈向全栈的第一步

371 阅读2分钟

我正在参加 「掘金日新计划 · 4 月更文挑战」,今天要讲的是创建你的第一个云函数。 我就用我的微信小程序:乐玩程序,作为一个例子进行讲解。

开发者无需购买、搭建服务器,只需编写代码并部署到云端即可在客户端(App/Web/小程序等)调用,同时云函数之间也可互相调用。一个云函数的写法与一个在本地定义的 JavaScript 方法无异,代码运行在云端 Node.js 中。当云函数被客户端调用时,定义的代码会被放在 Node.js 运行环境中执行。开发者可以如在 Node.js 环境中使用 JavaScript 一样在云函数中进行网络请求等操作,也可以使用 node_modules。但 DCloud提供了 uniCloud对象 内置在云函数/云对象中,开发者使用更多的是 uniCloud 的 api,不了解 node 不影响开发。

开发自己的第一个uniCloud项目

  1. 创建uniCloud项目

HBuilderX中新建项目,选择uni-app项目,并勾选启用uniCloud,在右侧选择服务供应商(腾讯云或阿里云),我当然选择阿里云啊,毕竟是不要钱,白嫖当然香啊。项目名称随意,我的叫have-fun(乐玩)

image.png

  1. 关联服务空间

注册自己的云空间,地址:unicloud.dcloud.net.cn/  按照步骤一步步操作即可,注册完成如下:

3.录入数据新建数据表,今天先讲一个个手动录入数据,json格式,当然这样录入比较繁琐,后期会讲到如何快速录入数据。

image.png

云函数

创建云函数

uniCloud项目创建并绑定服务空间后,然后创建自己的云函数,咱们先简单创建一个首页的banner列表相关数据以及云函数,这篇就以banner数据的创建返回展示在前端为例。

image.png

关联云空间

右键创建自己的云空间,然后选择自己之前创建好的云空间进行关联,如图:

image.png

编写第一个云函数

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) }) 
 },

至此就可以得到动态数据。

部署云函数

上传部署&下载云函数

image.png

在控制台得到

image.png

是不是感觉很简单呢,你学会云函数就可以慢慢向全栈进发了。

微信小程序效果图:

image.png

❤️ 谢谢支持

以上便是本次分享的全部内容,希望对你有所帮助^_^

如果你有任何想法和疑问,欢迎留言~ 一起探讨

点赞收藏不迷路