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


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之小练习代码
Oct 12 Javascript
获取HTML DOM节点元素的方法的总结
Aug 21 Javascript
angularjs学习笔记之完整的项目结构
Sep 26 Javascript
动态加载js文件简单示例
Apr 21 Javascript
详解Jquery 遍历数组之$().each方法与$.each()方法介绍
Jan 09 Javascript
js图片延迟加载(Lazyload)三种实现方式
Mar 01 Javascript
Vue添加请求拦截器及vue-resource 拦截器使用
Nov 23 Javascript
vue项目中的webpack-dev-sever配置方法
Dec 14 Javascript
JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析
Mar 06 Javascript
element的el-table中记录滚动条位置的示例代码
Nov 06 Javascript
JavaScript实现HSL拾色器
May 21 Javascript
vue实现把接口单独存放在一个文件方式
Aug 13 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
全国FM电台频率大全 - 27 陕西省
2020/03/11 无线电
对淘宝URL中ID提取的PHP代码
2013/09/01 PHP
9个经典的PHP代码片段分享
2014/12/18 PHP
ThinkPHP防止重复提交表单的方法实例分析
2018/05/10 PHP
ThinkPHP5.0框架控制器继承基类和自定义类示例
2018/05/25 PHP
php使用lua+redis实现限流,计数器模式,令牌桶模式
2019/04/04 PHP
ThinkPHP5分页paginate代码实例解析
2020/11/10 PHP
javascript编程起步(第七课)
2007/02/27 Javascript
firefox 和 ie 事件处理的细节,研究,再研究 书写同时兼容ie和ff的事件处理代码
2007/04/12 Javascript
Javascript与flash交互通信基础教程
2008/08/07 Javascript
js实现图片轮换效果代码
2013/04/16 Javascript
深入理解JavaScript中的对象
2015/06/04 Javascript
浅析JavaScript动画
2015/06/10 Javascript
javascript数组遍历的方法实例分析
2016/09/13 Javascript
JavaScript中return用法示例
2016/11/29 Javascript
浅谈Vue的基本应用
2016/12/27 Javascript
jquery+css实现侧边导航栏效果
2017/06/12 jQuery
深入浅析js原型链和vue构造函数
2018/10/25 Javascript
jQuery实现的网站banner图片无缝轮播效果完整实例
2019/01/28 jQuery
自定义javascript验证框架示例【附源码下载】
2019/05/31 Javascript
vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)
2019/06/04 Javascript
Python中import机制详解
2017/11/14 Python
python3获取两个日期之间所有日期,以及比较大小的实例
2018/04/08 Python
python爬虫 execjs安装配置及使用
2019/07/30 Python
Python人工智能之路 之PyAudio 实现录音 自动化交互实现问答
2019/08/13 Python
Python 如何在字符串中插入变量
2020/08/01 Python
Python生成pdf目录书签的实例方法
2020/10/29 Python
分布式全文检索引擎ElasticSearch原理及使用实例
2020/11/14 Python
HTML5制作3D爱心动画教程 献给女友浪漫的礼物
2014/11/05 HTML / CSS
美国修容界大佬创建的个人美妆品牌:Kevyn Aucoin Beauty
2018/12/12 全球购物
致跳高运动员加油稿
2014/02/12 职场文书
高三家长寄语
2014/04/03 职场文书
医院党的群众路线教育实践活动学习心得体会
2014/10/30 职场文书
四年级学生期末评语
2014/12/26 职场文书
Python3.8官网文档之类的基础语法阅读
2021/09/04 Python
解决Mysql中的innoDB幻读问题
2022/04/29 MySQL