概述

我一直在做后端服务器开发。最近看了一篇介绍小程序云开发模式的文章。我觉得很有意思，所以就试了一下，记录在了这篇文章里。

由于本人不是专业的小程序开发者，也没有做过web开发，在讨论中难免出错，敬请见谅。

微信小程序，在我的理解中，是一个由微信内置浏览器解析并展示出来的js页面，支持一些微信特有的功能API。

在通常的框架中，js页面显示布局和框架，页面中的动态内容从后端服务返回数据，所以早期的小程序需要自己开发和部署后端服务和数据库。

随着小程序的发展，目前的后端服务和数据库都支持云开发模式。

开发者可以通过云开发快速开发小程序、小游戏、公众号页面等，原生打通微信的开放能力。

开发者无需搭建服务器，无需认证即可直接使用平台提供的API进行业务开发。

最重要的是，云开发环境有免费版，适合个人开发者学习和玩耍。

下面用一个简单的一页小程序来介绍小程序+云功能+云数据库的开发框架。

环境

：

微信发展价值工具1.05.

wx--sdk:~2.4.0

云开发步骤

小程序云开发步骤简单总结：

1.注册微信小程序，获取小程序。

2. 下载安装微信开发者工具。

3. 创建项目，选择后端服务的云开发模式。

4、创建成功后，直接得到一个示例小程序，​​包括完整的代码框架。

5、点击云开发按钮，激活云开发，创建新的云开发环境。云开发环境包括云功能和云数据库，以及云托管、云存储、运行分析、概览等。

6. 现在，你可以专心写代码了。

详细步骤请参考小程序开发官方文档。

代码树

源代码地址：

# tree base-info/ base-info/ #项目根目录 ├── cloudfunctions #云函数目录 │ └── quickstartFunctions │ ├── config.json #云函数配置文件 │ ├── index.js #云函数入口函数 │ ├── package.json #云函数打包配置 │ ├── selectRecord │ │ └── index.js #云函数子函数 │ └── updateRecord │ └── index.js #云函数子函数 ├── miniprogram #小程序目录 │ ├── app.js #小程序启动入口 │ ├── app.json #小程序全局配置 │ ├── app.wxss #小程序全局样式 │ ├── components #自定义组件 │ ├── envList.js #环境配置 │ ├── images #图片资源 │ ├── pages #页面目录 │ │ └── index │ │ ├── index.js #页面代码 │ │ ├── index.json #页面配置 │ │ ├── index.wxml #页面布局 │ │ └── index.wxss #页面样式 │ └── sitemap.json #微信搜索索引配置 ├── project.config.json #项目配置 ├── project.private.config.json ├── README.md └── uploadCloudFunction.bat 9 directories, 18 files

云功能

编写完云函数的代码后，点击上传进行部署。

上传部署方法：右键“”目录，选择“上传部署，云安装依赖（不上传）”，弹窗显示成功。

在云开发控制台中，在云功能页面微信小程序网络开发，可以看到云功能名称、运行环境、更新时间、状态等信息，以及运行日志信息，方便定位问题。

云数据库

在云开发控制台的数据库页面，可以查看和操作云数据库。

云数据库与云数据库基本相同，或者在 .

为表名，数据以json格式保存。

支持索引管理和数据权限设置。

代码逻辑

根据上面的代码框架，小程序启动后的逻辑流程如下图。截图是PC端自动预览中的日志显示。

“111”是js页面调用云函数前的日志打印。

云函数返回的数据为“...”，具体数据内容可以点击查看。

页面效果

总结

在小程序的云开发模式下，开发者可以更加关注代码逻辑的开发，大大简化了线上的部署流程，方便快捷。

像往常一样空

是真的