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


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 流畅动画实现原理
Sep 08 Javascript
JavaScript 面向对象之命名空间
May 04 Javascript
JavaScript中检测变量是否存在遇到的一些问题
Nov 11 Javascript
javascript中parseInt()函数的定义和用法分析
Dec 20 Javascript
JavaScript中的立即执行函数表达式介绍
Mar 15 Javascript
jQuery插件Flexslider实现图片轮播、图文结合滑动切换效果
Apr 16 Javascript
vue+element-ui动态生成多级表头的方法
Aug 28 Javascript
引入外部js脚本加载慢与页面白屏问题的解决
Dec 10 Javascript
JS与SQL方式随机生成高强度密码示例
Dec 29 Javascript
vue下axios拦截器token刷新机制的实例代码
Jan 17 Javascript
解决vue做详情页跳转的时候使用created方法 数据不会更新问题
Jul 24 Javascript
vue+iview分页组件的封装
Nov 17 Vue.js
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
Terran兵种对照表
2020/03/14 星际争霸
十天学会php之第六天
2006/10/09 PHP
使用php批量删除数据库下所有前缀为prefix_的表
2014/06/09 PHP
CI框架文件上传类及图像处理类用法分析
2016/05/18 PHP
基于Laravel实现的用户动态模块开发
2017/09/21 PHP
JS 建立对象的方法
2007/04/21 Javascript
JavaScript 解析读取XML文档 实例代码
2009/07/07 Javascript
对象特征检测法判断浏览器对javascript对象的支持
2009/07/25 Javascript
jQuery操作input type=radio的实现代码
2012/06/14 Javascript
jQuery实现可收缩展开的级联菜单实例代码
2013/11/27 Javascript
转换字符串为json对象的方法详解
2013/11/29 Javascript
js时间比较示例分享(日期比较)
2014/03/05 Javascript
js实现图片上传并正常显示
2015/12/19 Javascript
Angular.js回顾ng-app和ng-model使用技巧
2016/04/26 Javascript
JavaScript 函数节流详解及方法总结
2017/02/09 Javascript
Vue2.0子同级组件之间数据交互方法
2018/02/28 Javascript
Angular Renderer (渲染器)的具体使用
2018/05/03 Javascript
详解node字体压缩插件font-spider的用法
2018/09/28 Javascript
如何使用JavaScript实现栈与队列
2019/06/24 Javascript
JS/jQuery实现超简单的Table表格添加,删除行功能示例
2019/07/31 jQuery
vue实现在线学生录入系统
2020/05/30 Javascript
JS实现简易日历效果
2021/01/25 Javascript
玩转python爬虫之cookie使用方法
2016/02/17 Python
Python判断文本中消息重复次数的方法
2016/04/27 Python
Python处理PDF及生成多层PDF实例代码
2017/04/24 Python
Python简单实现两个任意字符串乘积的方法示例
2018/04/12 Python
pytorch:torch.mm()和torch.matmul()的使用
2019/12/27 Python
马来西亚银饰品牌:JEOEL
2017/12/15 全球购物
澳大利亚最超值的自行车之家:Reid Cycles
2019/03/24 全球购物
暖通工程师岗位职责
2014/06/12 职场文书
高等教育学专业自荐书
2014/06/17 职场文书
党委班子纠正“四风”问题整改措施
2014/10/28 职场文书
计划生育诚信协议书
2014/11/02 职场文书
2015年公司行政后勤工作总结
2015/05/20 职场文书
pytorch实现手写数字图片识别
2021/05/20 Python
mybatis3中@SelectProvider传递参数方式
2021/08/04 Java/Android