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


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 相关文章推荐
看了就知道什么是JSON
Dec 09 Javascript
Jquery AutoComplete自动完成 的使用方法实例
Mar 19 Javascript
计算新浪Weibo消息长度(还可以输入119字)
Jul 02 Javascript
js保留两位小数使用toFixed实现
Jul 29 Javascript
js的正则test,match,exec详细解析
Jan 29 Javascript
js图片滚动效果时间可随意设定当鼠标移上去时停止
Jun 26 Javascript
JS和jQuery使用submit方法无法提交表单的原因分析及解决办法
May 17 Javascript
Javascript基础回顾之(三) js面向对象
Jan 31 Javascript
BootStrap模态框不垂直居中的解决方法
Oct 19 Javascript
详解javascript replace高级用法
Feb 17 Javascript
通过javascript实现段落的收缩与展开
Jun 26 Javascript
element-ui 中使用upload多文件上传只请求一次接口
Jul 19 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中使用XML
2006/10/09 PHP
ThinkPHP的I方法使用详解
2014/06/18 PHP
Dwz与thinkphp整合下的数据导出到Excel实例
2014/12/04 PHP
YII视图整合kindeditor扩展的方法
2016/07/13 PHP
JS BASE64编码 window.atob(), window.btoa()
2021/03/09 Javascript
javascript时间函数基础介绍
2013/03/28 Javascript
基于iframe实现类似于ajax的页面无刷新
2014/05/31 Javascript
jQuery中children()方法用法实例
2015/01/07 Javascript
使用bootstrapValidator插件进行动态添加表单元素并校验
2016/09/28 Javascript
关于JavaScript和jQuery的类型判断详解
2016/10/08 Javascript
详谈js中window.location.search的用法和作用
2017/02/13 Javascript
js中this对象用法分析
2018/01/05 Javascript
React 无状态组件(Stateless Component) 与高阶组件
2018/08/14 Javascript
微信小程序云开发之云函数详解
2019/05/16 Javascript
vue+elementUI 复杂表单的验证、数据提交方案问题
2019/06/24 Javascript
[42:27]DOTA2上海特级锦标赛主赛事日 - 3 败者组第三轮#2Fnatic VS OG第三局
2016/03/05 DOTA
python 根据pid杀死相应进程的方法
2017/01/16 Python
python编程实现归并排序
2017/04/14 Python
Python字符串拼接六种方法介绍
2017/12/18 Python
使用Python进行QQ批量登录的实例代码
2018/06/11 Python
详解python爬虫系列之初识爬虫
2019/04/06 Python
Python高级property属性用法实例分析
2019/11/19 Python
Python实现bilibili时间长度查询的示例代码
2020/01/14 Python
TensorFlow低版本代码自动升级为1.0版本
2021/02/20 Python
HTML5中meta属性的使用方法
2016/02/29 HTML / CSS
浪漫婚礼主持词
2014/03/14 职场文书
师范生求职信
2014/06/14 职场文书
党员三严三实对照检查材料
2014/10/13 职场文书
代办出身证明书
2014/10/21 职场文书
党的群众路线教育实践活动个人整改方案
2014/10/25 职场文书
合伙经营协议书范本(通用版)
2014/12/03 职场文书
2014年妇产科工作总结
2014/12/08 职场文书
总经理2015中秋节致辞
2015/07/29 职场文书
Python下opencv使用hough变换检测直线与圆
2021/06/18 Python
Mysql Innodb存储引擎之索引与算法
2022/02/15 MySQL
讲解MySQL增删改操作
2022/05/06 MySQL