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

淩亂°似流年 2024-04-22 15:20 52阅读 0赞

## 一、新建一个带有unicloud ##

![6a390b97fa1740f79022b698f5483131.png][]

![268b4280cad1434f9c6519a3cdab8787.png][]

###  ###

## 二、创建一个服务空间 ##

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

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

![4d7c65929342400dae6a08b95e55929a.png][]

![1e3d66a031ed4bb88f396b8ee85953e2.png][]

![8e5135b8971c4318bca5ef697714ccd6.png][]

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

![bc31afe6e4814d32bd31da15bb9008ba.png][]

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

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

### 1. 新建云函数（云函数包含普通云函数和云对象） ###

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

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

package.json

![97c25240e28246c6aac928bb640c60cb.png][]

![9c13ca87b69d4942a18176655b9a03aa.png][]

### 2. 编写云对象 ###

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

在前端调用:

（1）导入云对象

（2）调用云对象，将数据拿出来

<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）现在点击按钮，无法获取返回值，因为我只在本地有云对象

![bbff19269f1448aa8faa456b651f6f31.png][]

（2）查看服务空间里面的云函数列表，里面是没有的

![ba31ae796a364a1a9e9e97ae082ddd28.png][]

###  ###

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

（1）右键云对象文件夹，选择上传部署

![c4f1ac48fd494e1cbe2b8d5aa9d482af.png][]

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

![4557369899134aafb6f70cba3350f182.png][]

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

（1）可以在跨越配置菜单，添加通配符，这样就允许跨越请求

![52798a9ba0c840e29fb86fd7c48080a6.png][]

[6a390b97fa1740f79022b698f5483131.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/0ccd42ba9aac4d24bfbb917c7b90c40a.png
[268b4280cad1434f9c6519a3cdab8787.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/f6affa99937540d39da5f130f441e6d6.png
[4d7c65929342400dae6a08b95e55929a.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/9506701e25cd4f7184d8618bdc89fbfd.png
[1e3d66a031ed4bb88f396b8ee85953e2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/7fd237c920094bc983cc9eb60c525f51.png
[8e5135b8971c4318bca5ef697714ccd6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/8929b3e3cac04f5b8018e7f6e5ec171c.png
[bc31afe6e4814d32bd31da15bb9008ba.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/94742208c22141f4bb9b933eabd45cff.png
[97c25240e28246c6aac928bb640c60cb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/9232a03ebdc54d12bd7311e6f3cabc98.png
[9c13ca87b69d4942a18176655b9a03aa.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/7c2c6d5d648c472b8b0c8db39a3c5915.png
[bbff19269f1448aa8faa456b651f6f31.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/f2f4de8becaf4a6ba1953011ec7f1304.png
[ba31ae796a364a1a9e9e97ae082ddd28.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/e766b1be0c304b09b22b012d51f29686.png
[c4f1ac48fd494e1cbe2b8d5aa9d482af.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/7ec2aceae7094d6c9a86e380ce524206.png
[4557369899134aafb6f70cba3350f182.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/8c1d6f804dd94eeda25f32782b29caf9.png
[52798a9ba0c840e29fb86fd7c48080a6.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/22/ba2a3f96eb4c4e9984823e92ac38b13f.png