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


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的滑动样例代码
Nov 20 Javascript
JavaScript下通过的XMLHttpRequest发送请求的代码
Jun 28 Javascript
js给onclick赋值传参数的两种方法
Nov 25 Javascript
jquery图片轮播插件仿支付宝2013版全屏图片幻灯片
Apr 03 Javascript
javascript控制图片播放的实现代码
Jul 29 Javascript
jQuery实现鼠标跟随效果
Feb 20 Javascript
详解vue-cli脚手架中webpack配置方法
Aug 22 Javascript
简单了解小程序+node梳理登陆流程
Jun 24 Javascript
如何在Angular8.0下使用ngx-translate进行国际化配置
Jul 24 Javascript
npm 语义版本控制详解
Sep 10 Javascript
解决layui的table插件无法多层级获取json数据的问题
Sep 19 Javascript
微信小程序实现滚动加载更多的代码
Dec 06 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和ACCESS写聊天室(八)
2006/10/09 PHP
php7 图形用户界面GUI 开发示例
2020/02/22 PHP
PHP并发场景的三种解决方案代码实例
2021/02/27 PHP
Mootools 1.2教程 事件处理
2009/09/15 Javascript
使用jQuery.Validate进行客户端验证(初级篇) 不使用微软验证控件的理由
2010/06/28 Javascript
javascript下对于事件、事件流、事件触发的顺序随便说说
2010/07/17 Javascript
基于Jquery+Ajax+Json的高效分页实现代码
2011/10/29 Javascript
JS组件Form表单验证神器BootstrapValidator
2016/01/26 Javascript
基于javascript的异步编程实例详解
2017/04/10 Javascript
基于layer.js实现收货地址弹框选择然后返回相应的地址信息
2017/05/26 Javascript
vue-router中的hash和history两种模式的区别
2018/07/17 Javascript
vue+element实现图片上传及裁剪功能
2020/06/29 Javascript
vue element 关闭当前tab 跳转到上一路由操作
2020/07/22 Javascript
Python解释执行原理分析
2014/08/22 Python
基础的十进制按位运算总结与在Python中的计算示例
2016/06/28 Python
Python单向链表和双向链表原理与用法实例详解
2018/08/31 Python
Python enumerate函数功能与用法示例
2019/03/01 Python
pycharm激活码有效到2020年11月底
2020/09/18 Python
pycharm中import呈现灰色原因的解决方法
2020/03/04 Python
通过Django Admin+HttpRunner1.5.6实现简易接口测试平台
2020/11/11 Python
python3实现飞机大战
2020/11/29 Python
pycharm进入时每次都是insert模式的解决方式
2021/02/05 Python
大专应届生个人简历的自我评价
2013/10/15 职场文书
税务专业毕业生自荐信
2013/11/10 职场文书
数控技术应届生求职信
2013/11/13 职场文书
男方父母证婚词
2014/01/12 职场文书
军训感想500字
2014/02/20 职场文书
倡议书格式范文
2014/04/14 职场文书
三严三实对照检查材料思想汇报
2014/09/28 职场文书
综治维稳工作汇报
2014/10/27 职场文书
乌镇导游词
2015/02/02 职场文书
骆驼祥子读书笔记
2015/06/26 职场文书
幼儿园六一儿童节主持词
2015/06/30 职场文书
2016七一建党节慰问信
2015/11/30 职场文书
AI:如何训练机器学习的模型
2021/04/16 Python
MySQL普通表如何转换成分区表
2022/05/30 MySQL