微信小程序云开发之使用云函数


Posted in Javascript onMay 17, 2019

在之前的几篇文章里面介绍了下云开发中的云数据库、云存储:

接下来的这篇文章主要介绍下云函数,介绍这个云函数的主要用途是因为要解决从云数据库查询数据最多显示20条的限制,而使用到云函数可以解决这种限制,使用云函数可以将最大限制改为100条,继而达到我们需要的效果。

【步骤】

简单说一下我们如何创建云函数,如下所示

微信小程序云开发之使用云函数

>我们右击cloudfunctions出现如下图所示,点击新建Node.js函数即可

微信小程序云开发之使用云函数

>创建好云函数后我们需要填写好我们需要的逻辑,以我写的这个小项目为例,我需要获取超过20条记录的评论,那么我需要写一个函数来实现如下所示

// 云函数入口文件
const cloud = require('wx-server-sdk')
cloud.init()
const db = cloud.database()
// 云函数入口函数
exports.main = async (event, context) => {
 var videoId = event.videoId ? event.videoId : null;
 try {
 return await db.collection('comments').where(videoId).get()
 } catch (e) {
 console.error(e)
 }
}

这个云函数的作用就是通过videoId来显示当前视频下的评论数量。

>编写好了当前代码,那么我们需要将这个函数上传,具体步骤如下

右击云函数然后出现下图所示,然后我们点击上传部署:所有文件,如果上传失败那么我们店家上传并部署:云端安装依赖

微信小程序云开发之使用云函数

>上传完毕后我们点击云开发然后进入云函数进行测试,如下所示

微信小程序云开发之使用云函数

微信小程序云开发之使用云函数

进入之后我们运行测试出现如下结果那么久说明我们的函数没问题

PS:我们这里要强调下每修改一次云函数必须要上传更新下

竟然写了个函数那么我们怎么在界面中调用这个云函数呢?下面通过我的案例来为大家展示下

//查询所有评论
 showAllComment() {
 /*const db = wx.cloud.database()
 //接收从welcome.js传递过来的id
 var videoId = getApp().requestDetailid;
 db.collection("comments").where({
 videoId: videoId
 }).get({
 success: res => {
 this.setData({
  comments: res.data,
 })
 },
 fail: err => {
 wx.showToast({
  icon: "none",
  title: '查询评论失败',
 })
 }
 })*/
 //这里是使用云函数
 var videoId = getApp().requestDetailid;
 wx.cloud.callFunction({
 name: 'show',
 data: {
 videoId: {videoId}
 }
 }).then(res => {
 this.setData({
 comments: res.result.data,
 })
 })
 
 
 
 },

在上面代码我将我们的云函数的用法在这里调用了,有什么不懂的我在里面进行了说明,所以基本上云函数的基本使用就是你这个样子。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery 表单验证扩展代码(二)
Oct 20 Javascript
js中单引号与双引号冲突问题解决方法
Oct 04 Javascript
JS保留两位小数 四舍五入函数的小例子
Nov 20 Javascript
深入理解JavaScript系列(42):设计模式之原型模式详解
Mar 04 Javascript
详解Angularjs filter过滤器
Feb 06 Javascript
AngularJS表格详解及示例代码
Aug 17 Javascript
Angularjs的Controller间通信机制实例分析
Nov 07 Javascript
简单谈谈原生js的math对象
Jun 27 Javascript
浅谈JS获取元素的N种方法及其动静态讨论
Aug 25 Javascript
Vue Router的懒加载路径的解决方法
Jun 21 Javascript
VUE脚手架具体使用方法
May 20 Javascript
JavaScript实现动态生成表格
Aug 02 Javascript
jQuery实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 #jQuery
微信小程序云开发之使用云数据库
May 17 #Javascript
微信小程序云开发之使用云存储
May 17 #Javascript
vue-cli3 配置开发与测试环境详解
May 17 #Javascript
AngularJS实现的鼠标拖动画矩形框示例【可兼容IE8】
May 17 #Javascript
微信小程序如何使用云开发
May 17 #Javascript
微信小程序页面传多个参数跳转页面的实现方法
May 17 #Javascript
You might like
php 正则 过滤html 的超链接
2009/06/02 PHP
php处理文件的小例子(解压缩,删除目录)
2013/02/03 PHP
php中读写文件与读写数据库的效率比较分享
2013/10/19 PHP
PHP大神的十大优良习惯
2016/09/14 PHP
PHP 99乘法表的几种实现代码
2020/10/13 PHP
用jQuery技术实现Tab页界面之二
2009/09/21 Javascript
COM中获取JavaScript数组大小的代码
2009/11/22 Javascript
javascript与CSS复习(二)
2010/06/29 Javascript
Jquery AJAX POST与GET之间的区别
2013/11/14 Javascript
使用原生js封装webapp滑动效果(惯性滑动、滑动回弹)
2014/05/06 Javascript
使用jQuery制作浮动工具栏的实例分享
2016/05/13 Javascript
JavaScript解八皇后问题的方法总结
2016/06/12 Javascript
H5用户注册表单页 注册模态框!
2016/09/17 Javascript
Javascript中数组去重与拍平的方法示例
2017/02/03 Javascript
js数字舍入误差以及解决方法(必看篇)
2017/02/28 Javascript
Javascript实现页面滚动时导航智能定位
2017/05/06 Javascript
javascript获取指定区间范围随机数的方法
2017/09/08 Javascript
vue生成token保存在客户端localStorage中的方法
2017/10/25 Javascript
Vuejs实现购物车功能
2017/11/05 Javascript
layui自定义ajax左侧三级菜单
2019/07/26 Javascript
vue-router跳转时打开新页面的两种方法
2019/07/29 Javascript
浅谈Python脚本开头及导包注释自动添加方法
2018/10/27 Python
TensorFlow获取加载模型中的全部张量名称代码
2020/02/11 Python
django的autoreload机制实现
2020/06/03 Python
加拿大国民体育购物网站:National Sports
2018/11/04 全球购物
MIRTA官网:手工包,100%意大利制造
2020/02/11 全球购物
辞旧迎新演讲稿
2014/09/15 职场文书
大学生万能检讨书范例
2014/10/04 职场文书
出售房屋协议书范本
2014/10/06 职场文书
营业员岗位职责范本
2015/04/14 职场文书
2016年“5.12”护士节致辞
2015/07/31 职场文书
大学优秀学生主要事迹材料
2015/11/04 职场文书
SQL Server基本使用和简单的CRUD操作
2021/04/05 SQL Server
react antd实现动态增减表单
2021/06/03 Javascript
聊聊Python String型列表求最值的问题
2022/01/18 Python
mysql使用FIND_IN_SET和group_concat两个方法查询上下级机构
2022/04/20 MySQL