uniapp项目的创建与cloudfunctions函数的调用

最新推荐文章于 2024-05-22 15:19:10 发布
最新推荐文章于 2024-05-22 15:19:10 发布
阅读量434 收藏
点赞数 10
分类专栏： unicloud教程 文章标签： uni-app uniapp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37455326/article/details/133935272
版权

uniapp项目的创建，左上角点击文件,新建,项目
在这里插入图片描述
然后给项目起一个名字,再然后勾选启用uniCloud，我选的是阿里云，之后点击右下角的创建就可以了
在这里插入图片描述
然后就是关联云服务了，在uniCloud文件上右键，然后点击关联云服务，这里没有账号的话需要创建一个账号，会有提示，按照提示做就可以了
在这里插入图片描述
之后点击云服务空间的名字，勾选它，之后再点击关联就可以了
在这里插入图片描述
cloudfunctions是云函数的意思，需要在这里面创建云函数，云函数是与数据库关联的
在这里插入图片描述
在cloudFunctions上右键，点击新建云函数
在这里插入图片描述
然后取一个名字，再点击创建就可以了
在这里插入图片描述
我们所有请求，请求数据库都是从index.js中发出的
在这里插入图片描述
创建一个最简单的云函数，删掉框框中的代码，在return后面输入返回的值
在这里插入图片描述
在这里插入图片描述
在pages文件下打开index.vue，然后找到，onLoad(){}
在这里插入图片描述
然后输入代码
uniCloud.callfunction连接云函数
name:后面输入你需要连接的云函数的名字
在这里插入图片描述
然后在小扩后后面输入
.then(res=>{
console.log(res);
请求的结果需要放到then里面
在这里插入图片描述
然后保存，未保存状态文件前面会有一个*号，保存了就没有了
在这里插入图片描述
之后点击运行，运行到浏览器
在这里插入图片描述
然后在弹出的页面右键，检查，之后点击Console
我们就可以在下面的result中看到云函数的返回值了
在这里插入图片描述

星辰漫步者
关注
  • 10
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
uniapp------uniCloud云函数与云对象的简述
2301_76193278的博客
06-19 1984
4、uni.switchTab(OBJECT) ------ 跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面。2、uni.navigateBack(OBJECT) ------ 关闭当前页面，返回上一页面或多级页面。1、uni.navigateTo(OBJECT) ------ 保留当前页面，跳转到应用内的某个页面，使用。3、uni.redirectTo(OBJECT) ------ 关闭当前页面，跳转到应用内的某个页面。5、openURL ------ 调用第三方程序打开指定的URL。
uniapp云函数项目新建
weixin_41688609的博客
03-18 672
uniapp 云函数项目搭建1.新建项目 1.新建项目 打开项目右键进行云服务空间的关联 关联完后创建cloudfunctions目录这样我们就可以新建云函数了 cloudfunctions右键新建云函数 我在这里创建了个list函数 右键我们新建的函数 如果不上传的话我们是无法使用的 到此云函数项目创建完成，我们接下来就开启云函数的学习征程 ...
如何在uniapp中编写云函数
zz_ll9023的博客
12-29 928
const res = await cloud.callFunction('addRecord', { name: '张三', age: 20 });collection.where('name', '==', event.name) // 查询条件，例如按名字查询。// 导入你的云函数模块。"env": "env-xxxxxxxx", // 你的云开发环境ID。// 在 'cloudfunctions/example.js' 中。// 在 'cloudfunctions/example.js' 中。
uni-app 配置 以及 使用微信云函数
qq_44766377的博客
07-08 4139
aiwendnagphonenumber.getPhoneNumber | 微信开放文档 获取手机号方法云调用 | 微信开放文档 云调用教程文档配置云调用权限，每个云函数需要声明其会使用到的接口，否则无法调用 微信文档介绍 3.在根目录中创建文件文件内容我在 1.操作 中的文件名称为 functions 所以下列代码 路径文件请按照自己的情况更改 二。编译环境 配置 1.在项目中安装依赖 2.在我们创建的 functions文件下找到我们创建的 getPhone文
uniapp调用云函数
weixin_42095178的博客
12-10 465
个人建议，若要开发云函数，最好直接在小程序中开发，在uniapp中开发不仅麻烦且其它平台不通用。云函数是小程序的一个特性，为小程序提供了一个简单的后端，对于纯前端开发是个不错的选择。3.function文件夹下创建一个名为phone的云函数 其中三个文件如下。5. 启动项目时需要安装依赖包，注意依赖包版本兼容，使用最新版本有问题。2.定义云函数路径在manifest.json文件中添加云函数路径。然后可以在云函数中上右击，选择上传并部署云函数。// 云函数入口文件。// 云函数入口函数。
uniapp - uniCloud 云函数
u012043953的博客
11-18 4241
如果客户端使用uni-app开发，且向uniCloud服务空间的请求主要是为了操作云数据库（增删改查），那么推荐clientDB方式，由uni-app客户端直接操作云数据库。云函数有若干子概念，包括 普通云函数、云对象、公共模块、clientDB的action云函数、uniCloud扩展库。每个云函数是一个目录，其中普通云函数有index.js入口文件，云对象的入口文件则是index.obj.js。现在：云对象，服务器编写API，客户端调用API，不再开发传输Json的接口，思路更清晰，代码更精简。
Python创建与调用函数
12-21
今天我们来讲Python里的创建与调用函数。 先讲创建函数，创建函数使用def关键字，就是define的缩写。 上代码看看吧： def say(info): print(info) 这就是一个名叫say的函数，我们来看看这个函数的结构： def 函数...
C/C++ 函数调用与函数返回值
01-19
函数参数与函数调用 　1、函数调用的作用： 　·用实参数向形式参数传递数据； 　·为获得数据参数及在函数体中声明的变量分配存储空间； 　·中断现行（调用）函数，把流程向被调用函数的入口处，开始执行被调...
js中匿名函数的创建与调用方法分析
10-25
主要介绍了js中匿名函数的创建与调用方法,详细分析了匿名函数的原理与用法,以及闭包的原理分析,非常具有实用价值,需要的朋友可以参考下
Python入门_学会创建并调用函数的方法
09-21
下面小编就为大家带来一篇Python入门_学会创建并调用函数的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
实例讲解Python中函数的调用与定义
09-21
主要介绍了Python中函数的调用与定义,是Python入门学习中的基础知识,需要的朋友可以参考下
uni-app云开发基础保姆级教程
wzy199982的博客
12-05 2535
什么是uni-app云开发、uni-app云开发的优点、使用uni-app云开发的步骤、如何利用uni-app云开发一键生成代码
解决uniApp 中不能直接使用 Axios 的问题
饭一口口吃的博客
05-21 322
`uni-app-wxnetwork-tool` 是一个专为 UniApp 开发的轻量级 HTTP 请求库，旨在解决 UniApp 中不能直接使用 Axios 的问题。该库封装了 UniApp 的 `request` API，提供了简单易用的 GET、POST、PUT、DELETE 请求方法，并支持全局请求和响应拦截器，便于处理全局加载动画、请求头设置和统一的错误处理。包的使用方法
uniapp中使用 iconfont字体
hjh15827475896的博客
05-20 379
5. 使用iconfont 使用 iconfont 有两种方式， 一种是 class 方式， 一种是使用 unicode 的方式。5.2 使用 unicode 的方式。5.1 使用 class 的方式。
uniapp 使用vuex 在app上能获取到state,小程序获取不到
Jk200165的博客
05-21 306
【代码】uniapp 使用vuex 在app上能获取到state,小程序获取不到。
uniapp+canvas实现逐字手写效果
qq_66390045的博客
05-21 265
上，形成一个逐字的手写效果。用户还可以保存整幅图像或者撤销上一个添加的字。在移动端使用 UniApp 进行逐字手写的功能。上书写单个字，然后在特定时间后将这个字添加到。
uniapp实现下拉过滤查询列表
最新发布
一只野生的coder博客
05-22 361
uniapp实现下拉与回显
uniapp 安卓 Pc端真机浏览器调试
weixin_39475476的博客
05-21 284
1. 安装, 每次启用时使用usb 线连接电脑, 并且打开手机或者POS (调试设备)开发者模式, 比如我的是pos 机 则在系统设置中找到版本号,点击多次就会触发开发者模式。2.打开真机模拟软件,打开后会打开一个浏览器,如果想要模拟google的浏览器则 在浏览器地址中 输入"
uniapp调用组件中的函数
06-16
在uniapp中，要调用组件中的函数，可以通过以下几个步骤实现： 1. 在组件中定义函数，例如： ``` <template> <button @click="handleClick">点击按钮</button> </template> <script> export default { methods: { handleClick() { console.log('点击了按钮'); } } } </script> ``` 2. 在父组件中引入子组件，并通过 ref 属性获取子组件实例，例如： ``` <template> <child ref="childComponent"></child> </template> <script> import child from '@/components/child.vue'; export default { components: { child }, mounted() { // 获取子组件实例 this.$refs.childComponent.handleClick(); } } </script> ``` 3. 在父组件中调用子组件实例中的函数，例如： ``` <template> <child ref="childComponent"></child> </template> <script> import child from '@/components/child.vue'; export default { components: { child }, methods: { handleChildClick() { // 调用子组件实例中的函数 this.$refs.childComponent.handleClick(); } } } </script> ``` 以上是uniapp调用组件中的函数的方法，希望能够解决你的问题。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

星辰漫步者

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值