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


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 相关文章推荐
jQuery 方法大全方便学习参考
Feb 25 Javascript
JavaScript实现存储HTML字符串示例
Apr 21 Javascript
分享Javascript实用方法二
Dec 13 Javascript
JavaScript位移运算符(无符号) >>> 三个大于号 的使用方法详解
Mar 31 Javascript
jstree的简单实例
Dec 01 Javascript
js控制按钮,防止频繁点击响应的实例
Feb 15 Javascript
VUE元素的隐藏和显示(v-show指令)
Jun 23 Javascript
原生JS上传大文件显示进度条 php上传文件代码
Mar 27 Javascript
3种vue路由传参的基本模式
Feb 22 Javascript
详解Vue的钩子函数(路由导航守卫、keep-alive、生命周期钩子)
Jul 24 Javascript
前后端常见的几种鉴权方式(小结)
Aug 04 Javascript
微信小程序实现点击生成随机验证码
Sep 09 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
MySQL数据库转移,access,sql server 转 MySQL 的图文教程
2007/09/02 PHP
PHP取二进制文件头快速判断文件类型的实现代码
2013/08/05 PHP
一个tab标签切换效果代码
2009/03/27 Javascript
javascript document.execCommand() 常用解析
2009/12/14 Javascript
Extjs中常用表单介绍与应用
2010/06/07 Javascript
基于jquery的loading 加载提示效果实现代码
2011/09/01 Javascript
ASP.NET jQuery 实例3 (在TextBox里面阻止复制、剪切和粘贴事件)
2012/01/13 Javascript
js实现二代身份证号码验证详解
2014/11/20 Javascript
JavaScript制作windows经典扫雷小游戏
2015/03/31 Javascript
JQuery ztree 异步加载实例讲解
2016/02/25 Javascript
浅谈JavaScript对象与继承
2016/07/10 Javascript
javascript中闭包概念与用法深入理解
2016/12/15 Javascript
AngularJS监听ng-repeat渲染完成的两种方法
2018/01/16 Javascript
详解Eslint 配置及规则说明
2018/09/10 Javascript
js实现简单点赞操作
2020/03/17 Javascript
初步介绍Python中的pydoc模块和distutils模块
2015/04/13 Python
在Python的web框架中配置app的教程
2015/04/30 Python
在Python的Django框架中加载模版的方法
2015/07/16 Python
Python简单实现socket信息发送与监听功能示例
2018/01/03 Python
Python3的高阶函数map,reduce,filter的示例详解
2019/07/23 Python
关于pycharm中pip版本10.0无法使用的解决办法
2019/10/10 Python
Python全面分析系统的时域特性和频率域特性
2020/02/26 Python
Python发送邮件封装实现过程详解
2020/05/09 Python
python类共享变量操作
2020/09/03 Python
python自动打开浏览器下载zip并提取内容写入excel
2021/01/04 Python
医学生求职自荐信
2013/10/25 职场文书
20年同学聚会邀请函
2014/02/04 职场文书
农村门前三包责任书
2014/07/25 职场文书
幼儿园教师节演讲稿
2014/09/03 职场文书
酒店服务员岗位职责
2015/02/09 职场文书
致运动员赞词
2015/07/22 职场文书
《游戏公平》教学反思
2016/02/20 职场文书
2016年“12.4”法制宣传日活动总结
2016/04/01 职场文书
应届毕业生的自我评价
2019/06/21 职场文书
python 如何执行控制台命令与操作剪切板
2021/05/20 Python
SpringCloud项目如何解决log4j2漏洞
2022/04/10 Java/Android