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


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 相关文章推荐
XML的代替者----JSON
Jul 21 Javascript
javascript 学习之旅 (1)
Feb 05 Javascript
jquery 仿QQ校友的DIV模拟窗口效果源码
Mar 24 Javascript
javascript如何操作HTML下拉列表标签
Aug 20 Javascript
JavaScript、tab切换完整版(自动切换、鼠标移入停止、移开运行)
Jan 05 Javascript
深入理解JavaScript内置函数
Jun 03 Javascript
JavaScript常见的五种数组去重的方式
Dec 15 Javascript
浅谈js for循环输出i为同一值的问题
Mar 01 Javascript
Node.js创建Web、TCP服务器
Dec 05 Javascript
vue-router两种模式区别及使用注意事项详解
Aug 01 Javascript
node使用mysql获取数据库数据中文乱码问题的解决
Dec 02 Javascript
浅谈vue项目利用Hbuilder打包成APP流程,以及遇到的坑
Sep 12 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调用三种数据库的方法(3)
2006/10/09 PHP
关于PHP自动判断字符集并转码的详解
2013/06/26 PHP
Thinkphp5 微信公众号token验证不成功的原因及解决方法
2017/11/12 PHP
我遇到的参数传递中 双引号单引号嵌套问题
2010/02/11 Javascript
jQuery事件 delegate()使用方法介绍
2012/10/30 Javascript
关于ExtJS4.1:快捷键支持的问题
2013/04/24 Javascript
jQuery实现的图文高亮滚动切换特效实例
2015/08/10 Javascript
IScroll5 中文API参数说明和调用方法
2016/05/21 Javascript
js实现可控制左右方向的无缝滚动效果
2016/05/29 Javascript
jQuery实现右下角可缩放大小的层完整实例
2016/06/20 Javascript
关于JavaScript 原型链的一点个人理解
2016/07/31 Javascript
那些精彩的JavaScript代码片段
2017/01/12 Javascript
AngularJS 支付倒计时功能实现思路
2017/06/05 Javascript
jQuery回调方法使用示例
2017/06/26 jQuery
JS实现下拉菜单列表与登录注册弹窗效果
2017/08/10 Javascript
JavaScript运行原理分析
2018/02/09 Javascript
nuxt.js 缓存实践
2018/06/25 Javascript
Vue封装的可编辑表格插件方法
2018/08/28 Javascript
微信小程序如何调用新闻接口实现列表循环
2019/07/02 Javascript
JS回调函数 callback的理解与使用案例分析
2019/09/09 Javascript
JavaScript常用进制转换及位运算实例解析
2020/10/14 Javascript
Python 命令行非阻塞输入的小例子
2013/09/27 Python
python实现巡检系统(solaris)示例
2014/04/02 Python
Python基于列表list实现的CRUD操作功能示例
2018/01/05 Python
python使用tkinter实现简单计算器
2018/01/30 Python
Django视图和URL配置详解
2018/01/31 Python
flask框架自定义url转换器操作详解
2020/01/25 Python
在python中使用pyspark读写Hive数据操作
2020/06/06 Python
Python实现粒子群算法的示例
2021/02/14 Python
文秘求职信范文
2014/04/10 职场文书
暑假学习心得体会
2014/09/02 职场文书
夫妻分居协议书范本
2014/11/28 职场文书
网吧温馨提示
2015/07/17 职场文书
2015年学校远程教育工作总结
2015/07/20 职场文书
springboot如何初始化执行sql语句
2021/06/22 Java/Android
Python捕获、播放和保存摄像头视频并提高视频清晰度和对比度
2022/04/14 Python