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


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 function对象那些迷惑分析
Oct 24 Javascript
jQuery EasyUI API 中文文档 - Dialog对话框
Nov 15 Javascript
基于MVC3方式实现下拉列表联动(JQuery)
Sep 02 Javascript
jquery阻止冒泡事件使用模拟事件
Sep 06 Javascript
JS+Canvas实现的俄罗斯方块游戏完整实例
Dec 12 Javascript
JS实现的二叉树算法完整实例
Apr 06 Javascript
关于vue-router的beforeEach无限循环的问题解决
Sep 09 Javascript
React Native使用百度Echarts显示图表的示例代码
Nov 07 Javascript
vue项目前端埋点的实现
Mar 06 Javascript
vue 中 beforeRouteEnter 死循环的问题
Apr 23 Javascript
Vue 无限滚动加载指令实现方法
May 28 Javascript
react使用antd表单赋值,用于修改弹框的操作
Oct 29 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图片上传存储源码并且可以预览
2011/08/26 PHP
php支付宝在线支付接口开发教程
2016/09/19 PHP
PHP 图片处理
2020/09/16 PHP
PHP接入支付宝接口失效流程详解
2020/11/10 PHP
关于火狐(firefox)及ie下event获取的两种方法
2012/12/27 Javascript
表单元素的submit()方法和onsubmit事件应用概述
2013/02/01 Javascript
JS中操作JSON总结
2020/12/06 Javascript
取得元素的左和上偏移量的方法
2014/09/17 Javascript
JS采用绝对定位实现回到顶部效果完整实例
2016/06/20 Javascript
vue项目tween方法实现返回顶部的示例代码
2018/03/02 Javascript
vue 多入口文件搭建 vue多页面搭建的实例讲解
2018/03/12 Javascript
vue中$refs的用法及作用详解
2018/04/24 Javascript
js实现图片放大并跟随鼠标移动特效
2019/01/18 Javascript
JavaScript中构造函数与原型链之间的关系详解
2019/02/25 Javascript
详解es6新增数组方法简便了哪些操作
2019/05/09 Javascript
详解基于Wepy开发小程序插件(推荐)
2019/08/01 Javascript
JavaScript中的相等操作符使用详解
2019/12/21 Javascript
js对象简介与基本用法示例
2020/03/13 Javascript
Antd的Table组件嵌套Table以及选择框联动操作
2020/10/24 Javascript
Python日志模块logging基本用法分析
2018/08/23 Python
python实现共轭梯度法
2019/07/03 Python
vscode+PyQt5安装详解步骤
2020/08/12 Python
python 实现朴素贝叶斯算法的示例
2020/09/30 Python
详解Django自定义图片和文件上传路径(upload_to)的2种方式
2020/12/01 Python
HTML5+CSS3实现无插件拖拽上传图片(支持预览与批量)
2017/01/05 HTML / CSS
大韩航空官方网站:Korean Air
2017/10/25 全球购物
美国在线面料商店:Online Fabric Store
2018/07/26 全球购物
波兰最大的电商平台:Allegro.pl
2021/02/06 全球购物
中专自荐信
2013/10/13 职场文书
书法大赛策划方案
2014/06/04 职场文书
员工生日会策划方案
2014/06/14 职场文书
2014预备党员党课学习心得范文
2014/07/08 职场文书
2014年消防工作总结
2014/11/21 职场文书
病假证明模板
2015/06/19 职场文书
Redis可视化客户端小结
2021/06/10 Redis
VW、VH适配移动端的解决方案与常见问题
2023/05/21 HTML / CSS