FinClip 云开发实践(附小程序demo)

在开发一个小程序时,除了考虑界面功能逻辑外,还需要后端的数据支持,开发者需要提前考虑服务器、存储和数据库等相关需求的支持能力,此外还可能需要花费时间精力在部署应用、和依赖服务的建设上。

FinClip 云开发实践(附小程序demo)_第1张图片

因此,腾讯小程序为了实现小程序的快速上线和迭代,为开发者提供了一个云开发的功能,将以服务的方式为开发者提供如云函数、云数据库、存储管理等所需功能,大大降低了小程序的开发门槛。

等等,这三个功能是什么?

1. 什么是云函数?

云函数即在云端(服务器端)运行的函数。在物理设计上,一个云函数可由多个文件组成,占用一定量的 CPU 内存等计算资源;各云函数完全独立;可分别部署在不同的地区。开发者无需购买、搭建服务器,只需编写函数代码并部署到云端即可在小程序端调用,同时云函数之间也可互相调用。

云函数相当于传统的前后端分离开发中后端代码,运行在服务器中,对数据库的读写操作更快,可处理更加复杂的计算。一个云函数的写法与一个在本地定义的 JavaScript 方法无异,代码运行在云端 Node.js 中。

2. 什么是云数据库?

云开发提供了一个 JSON 数据库,顾名思义,数据库中的每条记录都是一个 JSON 格式的对象。一个数据库可以有多个集合(相当于关系型数据中的表),集合可看做一个 JSON 数组,数组中的每个对象就是一条记录,记录的格式是 JSON 对象。

3. 什么是云存储?

云开发提供了一块存储空间,提供了上传文件到云端、带权限管理的云端下载能力,开发者可以在小程序端和云函数端通过 API 使用云存储功能。

在最新的 FinClip 产品版本中,我们实现了小程序对「腾讯云」云开发的相关能力支持,快来看看如何使用吧。

使用介绍

在 FinClip 小程序中使用「腾讯云」的云开发能力,有如下前提需要注意:

  • 需要已经开通小程序的云开发能力;

  • 需要在代码中配置微信小程序的 AppID,Secret 与云开发环境 ID 部分的内容;

你可以点击上面的链接查看详情,或者跟随本篇文章,我们会通过一个 DEMO 来向您演示如何在小程序中使用云开发。

第一步,开通微信小程序云开发能力

FinClip 云开发实践(附小程序demo)_第2张图片

​在微信中创建小程序时,可以在后端服务处选择「微信云开发」,并在创建完毕小程序后,直接点击左上角的「云开发」按钮开通。

FinClip 云开发实践(附小程序demo)_第3张图片

新用户可免费使用一个月微信小程序云的基础套餐,后续可在 19.9元/月基础套餐上按量付费。查看详情请点击这里。

FinClip 云开发实践(附小程序demo)_第4张图片

创建完毕后,可以再次点击「云开发」按钮,在新打开的页面中就可以看到已经创建的云函数,云数据库与云存储的相关资源。我们可以直接点击顶部的「数据库」并在其中创建对应的数据集合。

第二步,使用小程序 DEMO 调用云函数

我们的研发同学写了一个调用云开发能力的小程序 DEMO,你可以点击下方的链接获取资源。

这是我们写好的小程序 DEMO miniprogram cloud.zip 在下载完毕后,使用 FinClip Builder 打开这个小程序文件,随后在「index.js」中编辑替换对应的 AppID,Secret 和环境变量信息,

FinClip 云开发实践(附小程序demo)_第5张图片

如上图所示,在我们将 index.js 文件中的内容替换为我们自有的微信小程序的 AppID,Secret 和云开发能力的环境 ID 后,可直接点击左侧窗口中的相关按钮,按钮会在底部的控制台中打印出对应的结果。

比如我们在数据库中插入了一条这样的数据:

FinClip 云开发实践(附小程序demo)_第6张图片

​随后就可以按照「数据集合名称」和「id」在云数据库中查询到这条数据:

FinClip 云开发实践(附小程序demo)_第7张图片

后记

以上内容仅作为演示,在实际使用过程中我们需要基于小程序的内容与架构设计合理的使用云开发能力,如果你对云开发还有兴趣,也可以看看这些腾讯云推荐的云开发小程序样例,并尝试在 FinClip 环境中使用浏览。

你可能感兴趣的:(个人开发,前端,微信小程序,腾讯云)