云函数-uniapp + uniCloud 订阅消息实战教程(二)

一、创建uniCloud项目

HBuilderX 新建项目界面,选择 uni-app项目,输入项目名称,选择默认模板即可,根据个人需要选择 vue版本,并勾选 启用uniCloud,在右侧选择服务供应商(支付宝云、阿里云、腾讯云)(开通云服务器需实名认证),点击创建。

关联服务空间

对于新建时勾选 启用uniCloud的项目,对项目根目录 uniCloud点右键选择关联云服务空间,绑定之前创建的服务空间,或者新建一个服务空间。
如果新建时没有勾选 启用uniCloud的项目,也不要慌,还可以抢救一下,在项目名称上面右键 创建uniCloud开发环境,选择服务供应商即可,然后对项目根目录 uniCloud点右键选择关联云服务空间,绑定之前创建的服务空间,或者新建一个服务空间。

二、认识云函数

callFunction方式云函数,也称之为普通云函数。

uni-app的前端代码,不再执行 uni.request联网,而是通过 uniCloud.callFunction调用云函数。

这里只是简单的介绍一下,方便后面的距离使用,更多详情可以参考云函数。

uniCloud.callFunction可以在uni-app前端执行,也可以在uniCloud云函数中执行。也就是前端和云端都可以调用另一个云函数。

callFunction方法的参数和返回值如下:

uniCloud.callFunction需要一个json对象作为参数,其中包含2个字段

字段类型必填说明
nameString云函数名称
dataObject客户端需要传递的参数

返回json

字段类型说明
resultObject云函数中代码return的返回结果
requestIdString云函数请求序列号,用于错误排查,可以在uniCloud web控制台的云函数日志中查到
headerObject服务器header信息
errCodeNumber或String服务器错误码
successbool执行是否成功

创建第一个云函数

uniCloud项目创建并绑定服务空间后,开发者可以创建云函数(云对象是云函数的一种,云函数可泛指普通云函数和云对象)。

uniCloud/cloudfunctions目录右键创建云函数/云对象,创建一个求和的云函数 sumFun

创建云函数后,生成一个目录,该目录下自动生成index.js,是该云函数的入口文件,不可改名。

'use strict';
exports.main = async (event, context) => {//event为客户端上传的参数let c = event.a + event.breturn {errCode: 0,errMsg: '',sum: c} // 通过return返回结果给客户端
}

在前端调用云函数

在项目首页,pages/index/index.vue 里,添加一个按钮,点击后执行方法getSumFun,效果如下:

<template><view class="content"><button style="margin: 20px 0;" @click="getSumFun()" type="primary">求和</button><text>结果: {{sum}}</text></view>
</template><script>
export default {data() {return {sum: 0}},methods: {getSumFun() {// 客户端发起调用云函数sumFun,并传入data数据uniCloud.callFunction({name: 'sumFun',data: {a: 1,b: 2}}).then((res) => {console.log(res.result)this.sum = res.result.sum}).catch((err) => {console.error(err)})}}
}
</script><style>
</style>

选中云函数,右键,可以选择上次部署运行-本地云函数上传并运行等。运行项目时也默认选择连接本地云函数。可以在底部控制台中的前端控制台右上角进行切换。可以对sumFun云函数点右键上传到uniCloud服务空间,然后在前端控制台右上角切换为连接云端云函数,那么此时客户端连接的就是真正的现网uniCloud服务器了,更详细可参考运行与调试。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/34730.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

再不挖掘就晚了!本周三分之二二区以上 | GBD数据库周报(6.12~6.18)

全球疾病负担&#xff08;GBD&#xff09;是迄今为止规模最大、最全面的一项研究&#xff0c;旨在量化不同地区和不同时期的健康损失&#xff0c;从而改善卫生系统并消除差异。 该研究由华盛顿大学健康指标与评估研究所 (IHME) 牵头&#xff0c;是一项真正的全球性研究&#xf…

Tensorflow入门实战 T06-Vgg16 明星识别

目录 1、前言 2、 完整代码 3、运行过程结果 4、遇到的问题 5、小结 本文为&#x1f517;365天深度学习训练营 中的学习记录博客&#x1f356; 原作者&#xff1a;K同学啊 | 接辅导、项目定制 1、前言 这周主要是使用VGG16模型&#xff0c;完成明星照片识别。 2、 完整代…

奇点临近:人类与智能时代的未来

在信息爆炸的时代&#xff0c;我们每天都被海量的信息所淹没&#xff0c;如何才能在这个嘈杂的世界中找到真正有价值的信息&#xff1f;如何才能利用信息的力量&#xff0c;提升我们的认知水平&#xff0c;重塑我们的未来&#xff1f; 这些问题的答案&#xff0c;或许都能在雷…

无需高配置 怎么获得超流畅的VR体验?

传统VR眼镜在使用中存在一些显著不足&#xff0c;而实时渲染技术又是如何解决的&#xff1f;接下来与大家共同探讨遇到的问题以及实时渲染在VR眼镜中的实际应用。 1、高配置要求 目前主流VR一体机的眼镜需要较高配置才能运行普通VR内容&#xff0c;且受限于VR眼镜的算力限制&…

【小程序】聊天功能

文章目录 聊天功能实现功能实现思路后端前端效果展示 聊天功能 实现功能 要实现一个聊天机器人&#xff0c;它能够解答用户疑问&#xff0c;并且能够识别到用户聊天的主题&#xff0c;涉及到饮食方面时&#xff0c;会自动决定是否要去数据库中读取用户的相关喜好信息&#xf…

【ARM】MDK自动备份源文件

【更多软件使用问题请点击亿道电子官方网站】 1、 文档目标 解决MDK在编写文档的时候需要找回上一版代码的问题。 2、 问题场景 目前大部分情况下对于源代码的管理都是使用的Git等第三方的代码管理平台。这样的第三方代码管理平台都是针对与代码的版本更新进行管理。对于本地…

2024年6月上半月30篇大语言模型的论文推荐

大语言模型&#xff08;LLMs&#xff09;在近年来取得了快速发展。本文总结了2024年6月上半月发布的一些最重要的LLM论文&#xff0c;可以让你及时了解最新进展。 LLM进展与基准测试 1、WildBench: Benchmarking LLMs with Challenging Tasks from Real Users in the Wild Wi…

数字心动+华为运动健康服务 使用体验指导

一、应用介绍 “数字心动”是一个体育生态平台APP&#xff0c;践行“体育大健康娱乐数字营销”模式&#xff0c;打造深度融合体育平台。APP集跑步运动记录、赛事活动报名、成绩/大众等级证书查询等多功能于一体&#xff0c;采取“线上线下”模式&#xff0c;结合协会、行业、品…

【CT】LeetCode手撕—56. 合并区间

目录 题目1- 思路2- 实现⭐56. 合并区间——题解思路 3- ACM 实现 题目 原题连接&#xff1a;56. 合并区间 1- 思路 模式识别&#xff1a;合并区间 ——> 数组先排序 思路 1.先对数组内容进行排序 ——> 定义 left、right 根据排序后的结果&#xff0c;更新 right2.遍…

高性能的多媒体播放器(提供补帧功能)

一、简介 1、一款高性能的多媒体播放器&#xff0c;支持几乎所有主流和部分罕见的音视频格式。无需额外安装coder插件&#xff0c;即可顺利播放各种媒体文件。此外&#xff0c;它还提供补帧功能&#xff0c;显著提升了视频播放的流畅性和视觉效果 二、下载 1、文末有下载链接,不…

Shopee API接口:一键获取商品买家评论数据,赋能电商运营新智慧

一、核心功能介绍——一键获取商品买家评论数据 在电商领域&#xff0c;买家评论是反映商品质量和市场反馈的重要指标。为了帮助商家更好地了解买家需求&#xff0c;优化产品和服务&#xff0c;Shopee接口特别推出了获取商品买家评论数据的功能。以下是该功能的核心介绍&#…

数据库设计文档编写

PS&#xff1a;建议使用第三种方法 方法1&#xff1a;使用 Navicat 生成数据库设计文档 效果 先看简单的效果图&#xff0c;如果效果合适&#xff0c;大家在进行测试使用&#xff0c;不合适直接撤退&#xff0c;也不浪费时间。 随后在docx文档中生成目标字段的表格&#xf…

人工智能赋能数据资产分析:借助先进的人工智能技术,优化数据处理流程,显著提升数据资产分析的准确性和效率,为企业决策提供强大支撑,推动业务快速发展

一、引言 在数字化浪潮席卷全球的今天&#xff0c;数据已经成为企业最宝贵的资产之一。如何有效地分析这些数据&#xff0c;挖掘其中的价值&#xff0c;为企业决策提供有力支持&#xff0c;是每个企业都面临的挑战。近年来&#xff0c;人工智能技术的快速发展&#xff0c;为数…

【面试干货】Java中的++操作符与线程安全性

【面试干货】Java中的操作符与线程安全性 1、什么是线程安全性&#xff1f;2、 操作符的工作原理3、 操作符与线程安全性4、如何确保线程安全&#xff1f;5、 结论 &#x1f496;The Begin&#x1f496;点点关注&#xff0c;收藏不迷路&#x1f496; 在Java编程中&#xff0c;操…

Kendryte K210 固件烧录

本章将为读者介绍 Kendryte K210 的固件烧录&#xff0c;以及 Kendryte K210 外部 NOR Flash 的空间 分布。 本章分为如下几个小节&#xff1a; 6.1 外部 NOR Flash 的空间分布 6.2 Ubuntu 下的固件烧录 6.3 Windows 下的固件烧录 外部 NOR Flash 的空间分布 Kendryte K210 的…

mac 常用工具快捷键集合

一、vim 快捷键 1、移动光标 h j k l 左 下 上 右 箭头上 上移一行 箭头下 下移一行 0 跳至行首&#xff0c;不管有无缩进&#xff0c;就是跳到第0个字符 ^ 跳至行首的第一个字符 $ 跳至行尾 gg 跳至文首 G 调至文尾 5gg/5G 调至第5行w 跳到下一个字首&#xff0c;按标点或…

51单片机最火型号大比拼:性能、应用与选型指南

51单片机作为经典的微控制器架构&#xff0c;凭借其易于学习、价格低廉、应用广泛等优势&#xff0c;一直活跃在嵌入式开发领域。面对市场上琳琅满目的51单片机型号&#xff0c;初学者和开发者常常感到眼花缭乱。本文将对几款最火的51单片机型号进行深度剖析&#xff0c;从性能…

蓝牙透传芯片TD5322A,低功耗ble芯片,蓝牙电表通信方案介绍—拓达半导体

蓝牙透传芯片TD5322A芯片是一款支持蓝牙BLE的纯数传芯片&#xff0c; 蓝牙5.1版本。芯片的亮点在尺寸小&#xff08; SOP-8封装&#xff09;、主从切换、性能强、 性价比高。以及简单明了的透传和串口 AT 控制功能。大大降低了嵌入蓝牙在其它产品的开发难度和成本。 蓝牙透传芯…

中国 AGI 市场—4543 亿市场下的新机会

前言 我们正站在一个全新智能纪元的路口&#xff0c;围绕通用人工智能&#xff08;AGI&#xff09;&#xff0c;在学术界、科技界、产业界的讨论中&#xff0c;一部分 AGI 的神秘面纱已被揭开&#xff0c;但这面纱之后还有更多的未知等待着我们。 InfoQ 研究中心在此背景下&a…

LabVIEW高精度电能质量监测系统

LabVIEW和研华采集卡的高精度电能质量监测系统利用虚拟仪器技术&#xff0c;实时监测电能质量的关键指标&#xff0c;如三相电压、频率和谐波。通过提高监测精度和效率&#xff0c;改善电网的电能质量。系 一、系统背景 电能作为现代社会的关键能源&#xff0c;其质量直接影响…