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


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图片渐变特效的简单实现
Jun 25 Javascript
关于原生js中bind函数的简单实现
Aug 10 Javascript
微信扫码支付零云插件版实例详解
Apr 26 Javascript
Angular4学习笔记之准备和环境搭建项目
Aug 01 Javascript
vue-router+vuex addRoutes实现路由动态加载及菜单动态加载
Sep 28 Javascript
element vue Array数组和Map对象的添加与删除操作
Nov 14 Javascript
通过npm或yarn自动生成vue组件的方法示例
Feb 12 Javascript
Node.js 多线程完全指南总结
Mar 27 Javascript
一些手写JavaScript常用的函数汇总
Apr 16 Javascript
详解Vscode中使用Eslint终极配置大全
Nov 08 Javascript
详解JavaScript中new操作符的解析和实现
Sep 04 Javascript
JS前端宏任务微任务及Event Loop使用详解
Jul 23 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中使用Oracle数据库(2)
2006/10/09 PHP
Fine Uploader文件上传组件应用介绍
2013/01/06 PHP
php中url传递中文字符,特殊危险字符的解决方法
2013/08/17 PHP
php str_getcsv把字符串解析为数组的实现方法
2017/04/05 PHP
javascript 出生日期和身份证判断大全
2008/11/13 Javascript
改写一个简单的菜单 弹性大小
2010/12/02 Javascript
jquery操作下拉列表、文本框、复选框、单选框集合(收藏)
2014/01/08 Javascript
基于javascript实现的搜索时自动提示功能
2014/12/26 Javascript
JS+CSS实现的蓝色table选项卡效果
2015/10/08 Javascript
jQuery遮罩层实现方法实例详解(附遮罩层插件)
2015/12/08 Javascript
基于Node.js的JavaScript项目构建工具gulp的使用教程
2016/05/20 Javascript
jqueryMobile 动态添加元素,展示刷新视图的实现方法
2016/05/28 Javascript
浅谈js对象属性 通过点(.) 和方括号([]) 的不同之处
2016/10/29 Javascript
Ajax基础知识详解
2017/02/17 Javascript
JavaScript中Promise的使用详解
2017/02/26 Javascript
Js实现中国公民身份证号码有效性验证实例代码
2017/05/03 Javascript
AngularJS中下拉框的基本用法示例
2017/10/11 Javascript
使用Vue动态生成form表单的实例代码
2018/04/26 Javascript
JQuery搜索框自动补全(模糊匹配)功能实现示例
2019/01/08 jQuery
Vue登录主页动态背景短视频制作
2019/09/21 Javascript
vue项目里面引用svg文件并给svg里面的元素赋值
2020/08/17 Javascript
[00:35]可解锁地面特效
2018/12/20 DOTA
python线程池(threadpool)模块使用笔记详解
2017/11/17 Python
Python网页正文转换语音文件的操作方法
2018/12/09 Python
Python内存管理实例分析
2019/07/10 Python
Python Threading 线程/互斥锁/死锁/GIL锁
2019/07/21 Python
利用Python产生加密表和解密表的实现方法
2019/10/15 Python
使用matplotlib动态刷新指定曲线实例
2020/04/23 Python
Django haystack实现全文搜索代码示例
2020/11/28 Python
德国滑雪和户外用品网上商店:XSPO
2019/10/30 全球购物
甜品店的创业计划书范文
2014/01/02 职场文书
七年级生物教学反思
2014/01/30 职场文书
家长对孩子的感言
2014/03/10 职场文书
银行进社区活动总结
2014/07/07 职场文书
校运会班级霸气口号
2015/12/24 职场文书
python编程学习使用管道Pipe编写优化代码
2021/11/20 Python