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


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之九 一些瑕疵说明
Jun 21 Javascript
javascript实现促销倒计时+fixed固定在底部
Sep 18 Javascript
node.js中的http.response.writeHead方法使用说明
Dec 14 Javascript
jquery结合CSS使用validate实现漂亮的验证
Jan 29 Javascript
用AngularJS来实现监察表单按钮的禁用效果
Nov 02 Javascript
Ext JS 实现建议词模糊动态搜索功能
May 13 Javascript
详解AngularJS1.6版本中ui-router路由中/#!/的解决方法
May 22 Javascript
js实现首屏延迟加载实现方法 js实现多屏单张图片延迟加载效果
Jul 17 Javascript
JavaScript 五大常见函数
Mar 23 Javascript
微信小程序自定义toast组件的方法详解【含动画】
May 11 Javascript
vue中使用router全局守卫实现页面拦截的示例
Oct 23 Javascript
vue2.0 watch里面的 deep和immediate用法说明
Oct 30 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源码之 ext/mysql扩展部分
2009/07/17 PHP
PHP 截取字符串专题集合
2010/08/19 PHP
浅析php插件 Simple HTML DOM 用DOM方式处理HTML
2013/07/01 PHP
php利用curl抓取新浪微博内容示例
2014/04/27 PHP
深入浅出php socket编程
2015/05/13 PHP
php集成动态口令认证
2016/07/21 PHP
php如何修改SESSION的生存存储时间的实例代码
2017/07/05 PHP
Laravel中为什么不使用blpop取队列详析
2018/08/01 PHP
PHP实现微信公众号验证Token的示例代码
2019/12/16 PHP
javascript 进阶篇1 正则表达式,cookie管理,userData
2012/03/14 Javascript
location.href用法总结(最主要的)
2013/12/27 Javascript
js选项卡的实现方法
2015/02/09 Javascript
jQuery实现自定义checkbox和radio样式
2015/07/13 Javascript
基于jquery实现页面滚动时顶部导航显示隐藏
2020/04/20 Javascript
JS组件Form表单验证神器BootstrapValidator
2016/01/26 Javascript
Bootstrap开发实战之第一次接触Bootstrap
2016/06/02 Javascript
javascript基于牛顿迭代法实现求浮点数的平方根【递归原理】
2017/09/28 Javascript
jQuery基于闭包实现的显示与隐藏div功能示例
2018/06/09 jQuery
微信小程序登录态和检验注册过没的app.js写法
2019/05/22 Javascript
解决elementui表格操作列自适应列宽
2020/12/28 Javascript
python sqlobject(mysql)中文乱码解决方法
2008/11/14 Python
浅谈pyhton学习中出现的各种问题(新手必看)
2017/05/17 Python
python+django+sql学生信息管理后台开发
2018/01/11 Python
Python利用pandas计算多个CSV文件数据值的实例
2018/04/19 Python
利用pyinstaller将py文件打包为exe的方法
2018/05/14 Python
Python3.6中Twisted模块安装的问题与解决
2019/04/15 Python
TensorFlow2.0:张量的合并与分割实例
2020/01/19 Python
Python数据可视化处理库PyEcharts柱状图,饼图,线性图,词云图常用实例详解
2020/02/10 Python
荷兰男士时尚网上商店:Suitable
2017/12/25 全球购物
澳大利亚家居用品零售商:Harris Scarfe
2020/10/10 全球购物
毕业生求职自荐书范文
2014/03/27 职场文书
病人家属写给医院的感谢信
2015/01/23 职场文书
趣味运动会赞词
2015/07/22 职场文书
保外就医申请书范文
2015/08/06 职场文书
教学工作总结范文5篇
2019/08/19 职场文书
Pandas||过滤缺失数据||pd.dropna()函数的用法说明
2021/05/14 Python