微信小程序+云数据库的开发框架分析及应用

菏泽炫佑科技 菏泽炫佑小程序开发 菏泽炫佑app制作 炫佑科技

微信小程序+云数据库的开发框架分析及应用

概述

我一直在做后端服务器开发。 *近看到一篇介绍小程序云开发模式的文章。 我觉得很有趣，就尝试了一下，并在这篇文章中做了记录。

由于我不是专业的小程序开发，也没有做过Web开发，所以讨论中的错误在所难免，还请见谅。

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

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

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

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

开发无需搭建服务器微信小程序+云数据库的开发框架分析及应用，无需认证即可直接使用平台提供的API进行业务开发。

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

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

环境

: 赢10

微信开发价值工具v1.05。

wx --sdk:~2.4.0

云开发步骤

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

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

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

3、创建项目，选择后端服务云开发模型。

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

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

6. 现在，您可以专注于编写代码。

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

代码树

源码地址：

# 树基信息/

base-info/ #项目根目录

├── #云函数目录

│ └──

│ ├── .json #云函数配置文件

│ ├── index.js #云函数入口函数

│ ├── .json #云函数打包配置

│ ├──

│ │ └──index.js #云函数子函数

│ └──

│ └── index.js #云函数子函数

├── #小小程序目录

│ ├── app.js #小程序小程序入口

│ ├── app.json #小小程序全局配置

│ ├── app.wxss #小小程序全局样式

│ ├── #自定义组件

│ ├── .js #环境配置

│ ├── #图片资源

│ ├── Pages #页面目录

│ │ └──索引

│ │ ├──index.js #页面代码

│ │ ├── index.json #页面配置

│ │ ├── index.wxml #页面布局

│ │ └──index.wxss #页面样式

│ └── .json #微信搜索索引配置

├── ..json #项目配置

├── ...json

├──.md

└── .bat

9、18档

云功能

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

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

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

云数据库

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

云数据库基本是一样的，或者说是在.

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

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

代码逻辑

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

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

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

页面效果

总结

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

像往常一样空荡荡

寻求真相

炫佑科技专注互联网开发小程序开发-app开发-软件开发-网站制作等