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


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 相关文章推荐
javascript globalStorage类代码
Jun 04 Javascript
JavaScript 对象的属性和方法4种不同的类型
Mar 19 Javascript
jquery下onpropertychange事件的绑定方法
Aug 01 Javascript
菜鸟学习JavaScript小实验之函数引用
Nov 17 Javascript
jquery 插件实现多行文本框[textarea]自动高度
Mar 04 Javascript
JavaScript实现选项卡效果的分析及步骤
Apr 16 Javascript
vue中使用vue-cli接入融云实现即时通信
Apr 19 Javascript
原生JS实现随机点名项目的实例代码
Apr 30 Javascript
JavaScript获取某一天所在的星期
Sep 05 Javascript
浅析vue-router中params和query的区别
Dec 24 Javascript
解决Echarts2竖直datazoom滑动后显示数据不全的问题
Jul 20 Javascript
vue生命周期钩子函数以及触发时机
Apr 26 Vue.js
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中实现精确设置session过期时间的方法
2014/07/17 PHP
php实现判断访问来路是否为搜索引擎机器人的方法
2015/04/15 PHP
typecho插件编写教程(二):写一个新插件
2015/05/28 PHP
php使用gearman进行任务分发操作实例详解
2020/02/26 PHP
discuz论坛更换域名,详细文件修改步骤
2020/12/09 PHP
利用js获取服务器时间的两个简单方法
2010/01/08 Javascript
JavaScript字符串对象substr方法入门实例(用于截取字符串)
2014/10/16 Javascript
jQuery+Pdo编写login登陆界面
2016/08/01 Javascript
Node.js中用D3.js的方法示例
2017/01/16 Javascript
angular学习之从零搭建一个angular4.0项目
2017/07/10 Javascript
详解利用 Vue.js 实现前后端分离的RBAC角色权限管理
2017/09/15 Javascript
angular.js4使用 RxJS 处理多个 Http 请求
2017/09/23 Javascript
vue学习之mintui picker选择器实现省市二级联动示例
2017/10/12 Javascript
Bootstrap开发中Tab标签页切换图表显示问题的解决方法
2018/07/13 Javascript
Angularjs之ngModel中的值验证绑定方法
2018/09/13 Javascript
js实现移动端轮播图
2020/12/21 Javascript
JS操作字符串转数字的常见方法示例
2019/10/29 Javascript
[15:15]教你分分钟做大人:狙击手
2014/10/30 DOTA
[01:01:29]2018DOTA2亚洲邀请赛 4.4 淘汰赛 VP vs Liquid 第一场
2018/04/05 DOTA
[01:09:01]完美世界DOTA2联赛循环赛 Magma vs PXG BO2第一场 10.28
2020/10/28 DOTA
Python Tkinter GUI编程入门介绍
2015/03/10 Python
详解Django框架中用户的登录和退出的实现
2015/07/23 Python
Python实现自动添加脚本头信息的示例代码
2016/09/02 Python
python 接口_从协议到抽象基类详解
2017/08/24 Python
Python实现邮件的批量发送的示例代码
2018/01/23 Python
利用Python实现kNN算法的代码
2019/08/16 Python
python3 配置logging日志类的操作
2020/04/08 Python
Python自省及反射原理实例详解
2020/07/06 Python
python中数字是否为可变类型
2020/07/08 Python
美国在线自行车商店:Jenson USA
2018/05/22 全球购物
C#如何允许一个类被继承但是避免这个类的方法被重载?
2015/02/24 面试题
2014年高一班主任工作总结
2014/12/05 职场文书
第二次离婚起诉书
2015/05/18 职场文书
JavaScript展开运算符和剩余运算符的区别详解
2022/02/18 Javascript
Python数据处理的三个实用技巧分享
2022/04/01 Python
Python 图片添加美颜效果
2022/04/28 Python