概述

一直做后端服务器开发，最近看了一篇文章介绍小程序的云开发模式，觉得挺有意思，就尝试了一下，由本文做个记录。

因为不是专业的小程序开发人员，也没有做过网页开发，所以论述中出现错误难以避免，请多谅解。

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

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

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

开发者可以使用云开发快速开发小程序、小游戏、公众号网页等，并且原生打通微信开放能力。

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

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

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

环境

windows：win10

微信开发值工具Stable v1.05.2110110

wx-server-sdk：~2.4.0

云开发步骤

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

注册微信小程序，获取小程序APPID。
下载安装微信开发者工具。
创建项目，后端服务选择云开发模式。
创建成功后，直接得到一个实例小程序，包含完整的代码框架。
点击云开发按钮，开通云开发，并创建一个新的云开发环境，云开发环境包含了云函数和云数据库，也包含了云托管、云存储、运营分析、概览等内容。
现在，你可以专心的写代码了。

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

代码树

源代码地址：https://github.com/yuyoucuobei/miniprogram-template.git

# 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

云函数

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

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

在云开发控制台中，云函数页面，可以看到云函数名称、运行环境、更新时间、状态等信息，也可以看到运行中的日志信息，方便定位问题。

云数据库

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

云数据库和mongodb基本一样，或者说就是在mongodb的基础上封装出来的。

collection就是表名，数据使用json格式保存。

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

代码逻辑

按照上面的代码框架，小程序在启动之后的逻辑流程如下图，截图是使用PC端自动预览中的vconsole日志展示。

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

云函数返回数据是“Object …”，可以点击查看具体数据内容。

页面效果

总结

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

空空如常

求真得真

微信小程序云开发框架相关推荐

微信小程序云开发及背后的云服务支持。
文章目录导语什么是微信小程序云开发? 云开发的优势云开发的技术生态支持微信云开发主要能力特性云数据库: 云函数: 云存储: 身份认证: 云调用: 云开发与传统开发的模式区别小程序云开发带来 ...
记录我的第一篇博客，【新手向】微信小程序云开发
[新手向]微信小程序云开发前言为什么要写博客微信小程序开发小程序云开发概述准备知识储备组件库开源框架环境搭建最后前言偶然看到自己以前写的代码 em-这一坨什么鬼,哈哈哈所以我 ...
微信小程序云开发笔记
微信小程序云开发笔记 1. 微信小程序基本知识 1.1 小程序框架 1.2 开发工具 1.3 WXML基本语法 2. 导航栏操作 2.1 改变导航栏背景颜色 2.2 改变导航栏标题 2.3 改变导航栏 ...
python操作微信小程序云端数据库_微信小程序云开发之数据库操作
本文实例为大家分享了微信小程序云开发之数据库操作的具体代码,供大家参考,具体内容如下新建集合 1.打开云开发控制台,数据库 2.添加集合users 添加代码 onAdd: function () { ...
微信小程序云开发不完全指北
微信小程序云开发不完全指北首先必须说明云开发的"云"并不是类似云玩家里的云的意思,而是微信小程序真的提供了云开发的接口以及一个简单的提供存储.数据库服务的虚拟后台(对于一些轻量小 ...
python操作微信小程序云端数据库_微信小程序·云开发云数据库的基本使用-微信小程序云开发实例-腾讯云微信小程序...
微信小程序·云开发云数据库的基本使用-微信小程序云开发实例-腾讯云微信小程序浏览量:1120 时间:2020-04-06
微信小程序云开发用户身份登录_你必须要掌握的微信小程序云开发
微信小程序开发已经成为目前最火爆的技能之一,无论是在求职.毕设.兴趣培养等方面都已经成为一项必备技能,而小程序云开发技术的出现更是点燃了整个小程序生态圈. 在2019微信公开课PRO小程序分论坛上,腾 ...
基于微信小程序云开发（校园许愿墙app）2.0稳定版，以发布上线
大家好~我是c站的一个小博主,我会定期更新博文,本篇是围绕微信小程序基于腾讯云开发展开的一个项目,如果看着还不错,或者对您有帮助的话,可以进我的专栏看看我的小程序的其他作品https://blog.c ...
基于微信小程序云开（统计学生信息并导出excel）2.0版
前言随着移动端的不断发展,人们大部分的办公及生活应用都开始趋向于移动端.然而在2017年"微信之父"张小龙带领团队,开发了一款叫做微信小程序的东西,它的出现打破了人们认识移动端的 ...

微信小程序云开发框架

概述

环境

云开发步骤

代码树

云函数

云数据库

代码逻辑

页面效果

总结

微信小程序云开发框架相关推荐

最新文章

热门文章