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


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 变量作用域 代码分析
Jun 26 Javascript
离开当前页面前使用js判断条件提示是否要离开页面
May 02 Javascript
javascript 10进制和62进制的相互转换
Jul 31 Javascript
JavaScript字符串对象replace方法实例(用于字符串替换或正则替换)
Oct 16 Javascript
在Node.js应用中读写Redis数据库的简单方法
Jun 30 Javascript
bootstrap滚动监控器使用方法解析
Jan 13 Javascript
vue init webpack myproject构建项目 ip不能访问的解决方法
Mar 20 Javascript
搭建基于express框架运行环境的方法步骤
Nov 15 Javascript
浅谈Vue.js 中的 v-on 事件指令的使用
Nov 25 Javascript
vue.js中使用echarts实现数据动态刷新功能
Apr 16 Javascript
vue 使用axios 数据请求第三方插件的使用教程详解
Jul 05 Javascript
使用原生JS实现滚轮翻页效果的示例代码
May 31 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实现获取文件后缀名的几种常用方法
2015/08/08 PHP
详解PHP数组赋值方法
2015/11/07 PHP
PHP实现图片不变型裁剪及图片按比例裁剪的方法
2016/01/14 PHP
PHP观察者模式实例分析【对比JS观察者模式】
2019/05/22 PHP
Ajax一统天下之Dojo整合篇
2007/03/24 Javascript
javascript或asp实现的判断身份证号码是否正确两种验证方法
2009/11/26 Javascript
!DOCTYPE声明对JavaScript的影响分析
2010/04/12 Javascript
几种延迟加载JS代码的方法加快网页的访问速度
2013/10/12 Javascript
jquery自动切换tabs选项卡的具体实现
2013/12/24 Javascript
javascript页面加载完执行事件代码
2014/02/11 Javascript
javascript与有限状态机详解
2014/05/08 Javascript
JavaScript实现将数组中所有元素连接成一个字符串的方法
2015/04/06 Javascript
JavaScript实现的MD5算法完整实例
2016/02/02 Javascript
jQuery实现右下角可缩放大小的层完整实例
2016/06/20 Javascript
seajs学习之模块的依赖加载及模块API的导出
2016/10/20 Javascript
jQuery EasyUI中的日期控件DateBox修改方法
2016/11/09 Javascript
nodejs 图解express+supervisor+ejs的用法(推荐)
2017/09/08 NodeJs
详解Angular5/Angular6项目如何添加热更新(HMR)功能
2018/10/10 Javascript
echarts多条折线图动态分层的实现方法
2019/05/24 Javascript
JS面向对象编程实现的Tab选项卡案例详解
2020/03/03 Javascript
Antd下拉选择,自动匹配功能的实现
2020/10/24 Javascript
[02:14]完美“圣”典2016风云人物:xiao8专访
2016/12/01 DOTA
Python中函数eval和ast.literal_eval的区别详解
2017/08/10 Python
python中闭包Closure函数作为返回值的方法示例
2017/12/17 Python
python实现多进程代码示例
2018/10/31 Python
Python Request爬取seo.chinaz.com百度权重网站的查询结果过程解析
2019/08/13 Python
python-opencv获取二值图像轮廓及中心点坐标的代码
2019/08/27 Python
Python中pyecharts安装及安装失败的解决方法
2020/02/18 Python
html5 Canvas实现图片旋转的示例
2018/01/15 HTML / CSS
ALDO美国官网:加拿大女鞋品牌
2018/12/28 全球购物
初中同学聚会感言
2014/02/11 职场文书
劳资协议书范本
2014/04/23 职场文书
机电专业求职信
2014/06/14 职场文书
上级领导检查欢迎词
2015/09/30 职场文书
Python实现智慧校园自动评教全新版
2021/06/18 Python
Redis 报错 error:NOAUTH Authentication required
2022/05/15 Redis