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


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 相关文章推荐
js form action动态修改方法
Nov 04 Javascript
JavaScript设置FieldSet展开与收缩
May 15 Javascript
关于Aptana Studio生成自动备份文件的解决办法
Dec 23 Javascript
原生Javascript封装的一个AJAX函数分享
Oct 11 Javascript
JavaScript中SetInterval与setTimeout的用法详解
Nov 10 Javascript
Javascript中字符串replace方法的第二个参数探究
Dec 05 Javascript
angular写一个列表的选择全选交互组件的示例
Jan 22 Javascript
vue2 设置router-view默认路径的实例
Sep 20 Javascript
Vue商品控件与购物车联动效果的实例代码
Jul 21 Javascript
vue实现全匹配搜索列表内容
Sep 26 Javascript
JS常见错误(Error)及处理方案详解
Jul 02 Javascript
JavaScript中交换值的10种方法总结
Aug 18 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
网络资源
2006/10/09 PHP
php fputcsv命令 写csv文件遇到的小问题(多维数组连接符)
2011/05/24 PHP
PHP命名空间(Namespace)的使用详解
2013/05/04 PHP
php 判断网页是否是utf8编码的方法
2014/06/06 PHP
php实现图片局部打马赛克的方法
2015/02/11 PHP
PHP如何将XML转成数组
2016/04/04 PHP
php求今天、昨天、明天时间戳的简单实现方法
2016/07/28 PHP
Prototype 学习 Prototype对象
2009/07/12 Javascript
ExtJS下grid的一些属性说明
2009/12/13 Javascript
jQuery 核心函数以及jQuery对象
2010/03/23 Javascript
jquery dialog open后,服务器端控件失效的快速解决方法
2013/12/19 Javascript
jQuery实现圣诞节礼物动画案例解析
2016/12/25 Javascript
js微信应用场景之微信音乐相册案例分享
2017/08/11 Javascript
vue mint-ui tabbar变组件使用
2018/05/04 Javascript
vue js秒转天数小时分钟秒的实例代码
2018/08/08 Javascript
Vue从TodoList中学父子组件通信
2019/02/05 Javascript
改进 JavaScript 和 Rust 的互操作性并深入认识 wasm-bindgen 组件
2019/07/13 Javascript
layui实现左侧菜单点击右侧内容区显示
2019/07/26 Javascript
layui 数据表格 根据值(1=业务,2=机构)显示中文名称示例
2019/10/26 Javascript
微信小程序实现购物车功能
2020/11/18 Javascript
Python实现简单多线程任务队列
2016/02/27 Python
使用Python的Flask框架表单插件Flask-WTF实现Web登录验证
2016/07/12 Python
Python实现复杂对象转JSON的方法示例
2017/06/22 Python
python框架Django实战商城项目之工程搭建过程图文详解
2020/03/09 Python
pycharm2020.1.2永久破解激活教程,实测有效
2020/10/29 Python
预订旅游活动、景点和旅游:GetYourGuide
2019/09/29 全球购物
Linux上比较文件的命令都有哪些
2013/09/28 面试题
业务员岗位职责
2013/11/16 职场文书
2014年市场部工作总结
2014/11/25 职场文书
2014年安置帮教工作总结
2014/12/11 职场文书
论文答谢词
2015/01/20 职场文书
国家助学贷款承诺书
2015/04/30 职场文书
《我的伯父鲁迅先生》教学反思
2016/02/16 职场文书
2019年消防宣传标语集锦
2019/11/21 职场文书
python 字典和列表嵌套用法详解
2021/06/29 Python
vue使用refs获取嵌套组件中的值过程
2022/03/31 Vue.js