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


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 相关文章推荐
用正则xmlHttp实现的偷(转)
Jan 22 Javascript
appendChild() 或 insertBefore()使用与区别介绍
Oct 11 Javascript
iframe子父页面调用js函数示例
Nov 07 Javascript
js树插件zTree获取所有选中节点数据的方法
Jan 28 Javascript
基于js实现checkbox批量选中操作
Nov 22 Javascript
ES6中module模块化开发实例浅析
Apr 06 Javascript
JavaScript中的遍历详解(多种遍历)
Apr 07 Javascript
深入探究node之Transform
Jul 20 Javascript
关于js对textarea换行符的处理方法浅析
Aug 03 Javascript
你或许不知道的一些npm实用技巧
Jul 04 Javascript
layui table 表格上添加日期控件的两种方法
Sep 28 Javascript
使用react+redux实现计数器功能及遇到问题
Jun 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和js如何通过json互相传递数据相关问题探讨
2013/02/26 PHP
基于MySQL体系结构的分析
2013/05/02 PHP
php中session使用示例
2014/03/29 PHP
浅谈PHP中其他类型转化为Bool类型
2016/03/28 PHP
php下的原生ajax请求用法实例分析
2020/02/28 PHP
MooTools 页面滚动浮动层智能定位实现代码
2011/08/23 Javascript
JavaScript DOM 编程艺术(第2版)读书笔记(JavaScript的最佳实践)
2013/10/01 Javascript
动态的创建一个元素createElement及删除一个元素
2014/01/24 Javascript
Jquery实现的一种常用高亮效果示例代码
2014/01/28 Javascript
10分钟学会写Jquery插件实例教程
2014/09/06 Javascript
Node.js Addons翻译(C/C++扩展)
2016/06/12 Javascript
JavaScript实现简易的天数计算器实例【附demo源码下载】
2017/01/18 Javascript
jquery 判断是否支持Placeholder属性的方法
2017/02/07 Javascript
JavaScript实现换肤功能
2017/09/15 Javascript
JS 封装父页面子页面交互接口的实例代码
2019/06/25 Javascript
深入了解JavaScript 防抖和节流
2019/09/12 Javascript
Vue数据双向绑定底层实现原理
2019/11/22 Javascript
如何修改Vue打包后文件的接口地址配置的方法
2020/04/22 Javascript
Python中使用logging模块代替print(logging简明指南)
2014/07/09 Python
python 2.7.13 安装配置方法图文教程
2018/09/18 Python
Python实现堡垒机模式下远程命令执行操作示例
2019/05/09 Python
pytorch 预训练层的使用方法
2019/08/20 Python
详解python安装matplotlib库三种失败情况
2020/07/28 Python
three.js模拟实现太阳系行星体系功能
2019/09/03 HTML / CSS
实习生体会的自我评价范文
2013/11/28 职场文书
财务主管的岗位职责
2013/12/30 职场文书
怎样写演讲稿
2014/01/04 职场文书
安全生产先进个人材料
2014/02/06 职场文书
留学顾问岗位职责
2014/04/14 职场文书
2014年母亲节演讲稿范文
2014/05/07 职场文书
班子成员四风问题自我剖析材料
2014/09/29 职场文书
三八红旗手事迹材料
2014/12/26 职场文书
2015年教研工作总结
2015/05/23 职场文书
教师节联欢会主持词
2015/07/04 职场文书
《云雀的心愿》教学反思
2016/02/23 职场文书
关于pytest结合csv模块实现csv格式的数据驱动问题
2022/05/30 Python