uniCloud(一) 新建项目、初始化服务空间、云对象访问测试

一、新建一个带有unicloud

二、创建一个服务空间

1. 右键uniCloud,关联云服务空间

我当前没有服务空间,需要新建一个服务空间,之后将其关联。初始化服务空间需要的时间有点长

服务空间初始化成功后,刷新HBuilder,勾选服务空间,进行关联

三、本地测试云对象,前端访问云对象里面的接口

此时前端请求后端接口就不用Ajax而是直接导入云对象,直接执行云对象的数据。

1. 新建云函数(云函数包含普通云函数和云对象)

我创建了一个叫helloco的云对象。helloco的云对象文件夹下,有连个文件

index.obj.js 该云对象的入口文件,不可改名。

package.json

2. 编写云对象

javascript 复制代码
module.exports = {
	sum(a, b) {
   		// 此处省略a和b的有效性校验
   		return a + b
   	}
}

在前端调用:

(1)导入云对象

(2)调用云对象,将数据拿出来

html 复制代码
<template>
	<view class="content">
		<button @click="testco()">请求云对象的方法</button>
		<image class="logo" src="/static/logo.png"></image>
		
	</view>
</template>

<script setup>
    //快捷键 constco
	const helloco = uniCloud.importObject('helloco') // 导入云对象
	const testco = async()=>{
		let res = await helloco.sum(1,2);
		console.log("结果=",res);
	}
</script>

四、上传云对象,本地前端 连接 线上unicloud

1. 在HBuilder中连接云端函数

(1)现在点击按钮,无法获取返回值,因为我只在本地有云对象

(2)查看服务空间里面的云函数列表,里面是没有的

2. 将本地云对象上传部署到 云服务空间

(1)右键云对象文件夹,选择上传部署

(2)再次检查云服务空间的云函数列表,刚才的helloco云对象已经部署成功

3. 本地前端调用服务空间的云函数列表,跨越报错

(1)可以在跨越配置菜单,添加通配符,这样就允许跨越请求

相关推荐
狗凯之家源码网4 小时前
UniApp 数藏系统源码部署与定制开发全指南
uni-app
RuoyiOffice1 天前
2026 企业定制开发选型:从零开发、低代码、SaaS 与 RuoYi Office 怎么选?
spring boot·uni-app·开源·saas·oa·定制化·ruoyioffice
三天不学习2 天前
【超详细】Vue3+UniApp+.NET8集成腾讯云IM即时通信全攻略
uni-app·.net·腾讯云·im·即时通信
于先生吖2 天前
前后端分离人事招聘项目,校招宣讲预约+社招双向撮合功能架构设计教程
java·开发语言·uni-app
QQ_5110082852 天前
uniapp微信小程序网上饰品商城售卖系统php python物流
微信小程序·uni-app·php
2501_915909062 天前
深入解析Mock.js:功能、应用及实战案例,提升前端开发效率
android·ios·小程序·https·uni-app·iphone·webview
于先生吖2 天前
前后端分离体育服务项目,场馆计费+线下赛事排行小程序部署开发教程
java·小程序·uni-app
蜡台2 天前
Uniapp 实现预览pdf 文件
pdf·uni-app·pdfh5
不想吃饭e2 天前
uniapp-图片,视频上传组件封装
java·uni-app·音视频
2501_916007472 天前
不用 Mac 也可以 Windows下管理iOS描述文件的非Xcode完整指南
android·ios·小程序·https·uni-app·iphone·webview