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


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模拟枚举的简单实例
Mar 06 Javascript
jQuery的:parent选择器定义和用法
Jul 01 Javascript
javascript实现window.print()去除页眉页脚
Dec 30 Javascript
js的回调函数详解
Jan 05 Javascript
javascript实现行拖动的方法
May 27 Javascript
详解JavaScript对Date对象的操作问题(生成一个倒数7天的数组)
Oct 01 Javascript
JS组件Bootstrap实现弹出框效果代码
Apr 26 Javascript
BootStrap入门教程(一)之可视化布局
Sep 19 Javascript
关于JS中二维数组的声明方法
Sep 24 Javascript
jquery应用实例分享_实现手风琴特效
Feb 01 jQuery
使用javascript做时间倒数读秒功能的实例
Jan 23 Javascript
解决vue单页面应用打包后相对路径、绝对路径相关问题
Aug 14 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
DOTA2【瓜皮时刻】Vol.91 RTZ山史最惨“矿难”
2021/03/05 DOTA
Jquery Ajax学习实例5 向WebService发出请求,返回泛型集合数据的异步调用
2010/03/17 Javascript
JavaScript之appendChild、insertBefore和insertAfter使用说明
2010/12/30 Javascript
jquery的extend和fn.extend的使用说明
2011/01/09 Javascript
javascript解决innerText浏览器兼容问题思路代码
2013/05/17 Javascript
JQuery设置文本框和密码框得到焦点时的样式
2013/08/30 Javascript
Javascript中获取对象的原型对象的方法小结
2015/02/25 Javascript
JS选项卡动态替换banner图片路径的方法
2015/05/11 Javascript
浅谈javascript中基本包装类型
2015/06/03 Javascript
jQuery实现鼠标经过时出现隐藏层文字链接的方法
2015/10/12 Javascript
jQuery实现的简单分页示例
2016/06/01 Javascript
深入理解jQuery之事件移除
2016/06/02 Javascript
JS实现的表头列头固定页面功能示例
2017/01/10 Javascript
微信小程序 标签传入数据
2017/05/08 Javascript
手把手教你搭建ES6的开发运行环境
2017/07/11 Javascript
Vue 项目代理设置的优化
2018/04/17 Javascript
vue3.0 加载json的方法(非ajax)
2020/10/26 Javascript
解决removeEventListener 无法清除监听的问题
2020/10/30 Javascript
nuxt 页面路由配置,主页轮播组件开发操作
2020/11/05 Javascript
Vue router安装及使用方法解析
2020/12/02 Vue.js
跟老齐学Python之玩转字符串(2)
2014/09/14 Python
python3生成随机数实例
2014/10/20 Python
python利用datetime模块计算时间差
2015/08/04 Python
在MAC上搭建python数据分析开发环境
2016/01/26 Python
python中函数默认值使用注意点详解
2016/06/01 Python
Pandas Shift函数的基础入门学习笔记
2018/11/16 Python
python画图系列之个性化显示x轴区段文字的实例
2018/12/13 Python
Michael Kors美国官网:美式奢侈生活风格的代表
2016/11/25 全球购物
Urban Outfitters德国官网:美国跨国生活方式零售公司
2018/05/21 全球购物
Quiksilver荷兰官方网站:冲浪和滑雪板
2019/11/16 全球购物
婚前协议书怎么写
2014/04/15 职场文书
纺织工程专业推荐信
2014/09/08 职场文书
教师国庆节演讲稿范文2014
2014/09/21 职场文书
防火标语大全
2014/10/06 职场文书
幼儿园圣诞节活动总结
2015/05/06 职场文书
圣诞晚会主持词
2015/07/01 职场文书