微信小程序云开发详细教程


Posted in Javascript onMay 16, 2019

微信小程序云开发之初体验,供大家参考,具体内容如下

小程序云开发是微信最近推出的新的一项能力,它弱化了后端以及运维的概念,开发者无需搭建服务器,使用微信平台提供的api即可完成核心的业务开发。

目前提供三大基础能力支持:

  • 云函数:在云端运行的代码,微信私有协议天然鉴权,开发者只需编写自身业务逻辑代码
  • 数据库:既可在小程序前端操作,也能在云函数中读写的 JSON 数据库,免费2G容量
  • 存储:可在小程序前端上传/下载云端文件,在云开发控制台可视化管理,免费5G容量

微信小程序云开发详细教程

上手体验

打开微信开发者工具,新建工程,选择新建云开发模板,这里appid是必填项。

微信小程序云开发详细教程

确认后,工具默认创建好工程如下:

微信小程序云开发详细教程

可以看到,工程目录中多了一个cloudfunctions的文件夹,其他的与普通模板目录结构一致,而cloudfunctions文件夹其实就是用来存放云函数的。

云开发控制台

点击顶部工具栏中的云开发,会弹出创建的引导,按照提示一步一步创建,这里点击开通。

微信小程序云开发详细教程

填写好相应的环境名称信息,可以看到,数据库有2G的空间,另外有5G的存储,可以用来存放一些图片和其他资源,这对于一些小的应用来说是完全够用的。另外,一个小程序可以建立两个环境。

微信小程序云开发详细教程

新建好的控制台就是这个样子

微信小程序云开发详细教程

云数据库

下面通过一个实例来学习小程序的云开发终端云数据库功能。数据库使用的是JSON 数据库,也就是我们所说的nosql,类似于MongoDB,使用键值对应的方式存储数据。

首先进入云开发控制台,选择数据库管理。新建一个集合,也就是一个数据库,输入集合名称。

微信小程序云开发详细教程

然后新建一条记录,记录可以手动创建,也可以导入json或者csv数据。id默认自动生成。

微信小程序云开发详细教程

那么接下来,就尝试着从小程序端读取数据库中的数据。在pages/index/index.js中的onLoad函数中加入下面的一段代码

// 创建数据库实例
const db = wx.cloud.database()
// 2. 构造查询语句
// collection 方法获取一个集合的引用
// 可以使用where 方法传入一个对象,数据库返回集合中字段等于指定值的 JSON 文档。API 也支持高级的查询条件(比如大于、小于、in 等)
// get 方法会触发网络请求,往数据库取数据
db.collection('user').get({
 success(res) {
 console.log(res)
 }
})

保存代码,编译运行,观察控制台,发现打印出来的信息中没有数据。

微信小程序云开发详细教程

不要着急,这并不是我们的代码写的有问题,而是数据库有权限限制。再次打开控制台,选择数据库权限设置。

微信小程序云开发详细教程

可以看到,默认的权限是仅创建者及管理员可读写,这里我们更改为第一个选项,选择所有用户可读,仅创建者可写。再次编译运行,可以看到数据库中的内容成功的被打印出来了。

微信小程序云开发详细教程

总结

小程序云开发确实是一个不错的功能,大大降低了开发成本,不用再去为服务器、域名、备案等一系列开发流程而发愁,因此如果要开发一些小型的应用,首选云开发。

以上是小程序云开发之初体验,之后的文章会继续深入,持续关注。

希望本文对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
May 21 Javascript
js模拟类继承小例子
Jul 17 Javascript
JSChart轻量级图形报表工具(内置函数中文参考)
Oct 11 Javascript
jQuery的学习步骤
Feb 23 Javascript
JQuery扩展插件Validate 1 基本使用方法并打包下载
Sep 05 Javascript
jsp+javascript打造级连菜单的实例代码
Jun 14 Javascript
Angularjs 设置全局变量的方法总结
Oct 20 Javascript
详解使用Node.js 将txt文件转为Excel文件
Jul 05 Javascript
js中apply和Math.max()函数的问题及区别介绍
Mar 27 Javascript
swiper在angularjs中使用循环轮播失效的解决方法
Sep 27 Javascript
JS基于开关思想实现的数组去重功能【案例】
Feb 18 Javascript
自定义Vue中的v-module双向绑定的实现
Apr 17 Javascript
atom-design(Vue.js移动端组件库)手势组件使用教程
May 16 #Javascript
小程序scroll-view安卓机隐藏横向滚动条的实现详解
May 16 #Javascript
微信小程序云开发之云函数详解
May 16 #Javascript
微信小程序云开发之模拟后台增删改查
May 16 #Javascript
微信小程序云开发之新手环境配置
May 16 #Javascript
vue项目中使用scss的方法步骤
May 16 #Javascript
微信小程序云开发使用方法新手初体验
May 16 #Javascript
You might like
php URL验证正则表达式
2011/07/19 PHP
PHP发送短信代码分享
2015/08/11 PHP
javascript 导出数据到Excel(处理table中的元素)
2009/12/18 Javascript
javascript面向对象的方式实现的弹出层效果代码
2010/01/28 Javascript
jquery 弹出层注册页面等(asp.net后台)
2010/06/17 Javascript
jQuery ul标签下拉菜单演示代码
2010/12/11 Javascript
CSS+jQuery实现的一个放大缩小动画效果
2013/09/24 Javascript
JS中prototype的用法实例分析
2015/03/19 Javascript
10条建议帮助你创建更好的jQuery插件
2015/05/18 Javascript
js点击列表文字对应该行显示背景颜色的实现代码
2015/08/05 Javascript
WEB 前端开发中防治重复提交的实现方法
2016/10/26 Javascript
浅谈Angular2 模块懒加载的方法
2017/10/04 Javascript
微信小程序promsie.all和promise顺序执行
2017/10/27 Javascript
vue2使用keep-alive缓存多层列表页的方法
2018/09/21 Javascript
微信小程序-可移动菜单的实现过程详解
2019/06/24 Javascript
JavaScript计算出两个数的差值
2020/03/19 Javascript
angular组件间通讯的实现方法示例
2020/05/07 Javascript
[40:50]2014 DOTA2国际邀请赛中国区预选赛 5 23 CIS VS LGD第四场
2014/05/24 DOTA
python与php实现分割文件代码
2017/03/06 Python
python实现微信机器人: 登录微信、消息接收、自动回复功能
2019/04/29 Python
Python 实现数据结构中的的栈队列
2019/05/16 Python
基于python实现语音录入识别代码实例
2020/01/17 Python
keras tensorflow 实现在python下多进程运行
2020/02/06 Python
python输出数学符号实例
2020/05/11 Python
css3弹性盒模型实例介绍
2013/05/27 HTML / CSS
阿迪达斯加拿大官网:Adidas加拿大
2016/08/25 全球购物
总经理助理岗位职责
2013/11/08 职场文书
心理健康课教学反思
2014/02/13 职场文书
大学生就业策划书范文
2014/04/04 职场文书
大学生励志演讲稿
2014/04/25 职场文书
新颖的化妆品活动方案
2014/08/21 职场文书
高一课前三分钟演讲稿
2014/09/13 职场文书
北京爱情故事观后感
2015/06/12 职场文书
2019通用版导游词范本!
2019/08/07 职场文书
使用CSS实现一个搜索引擎的原理解析
2021/09/25 HTML / CSS
Win10开机修复磁盘错误怎么跳过?Win10关闭开机磁盘检查的方法
2022/09/23 数码科技