uniCloud使用

Posted 2023-04-04 GentleTK

uni-app 是是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到ios、android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。

1 创建uni-app项目

在 HBuilder 选择文件，新建（如果提示需要安装插件，按照提示安装即可，稍后会要求登陆，如果没有 HBuilder 账户，可以根据提示去注册）：

2 创建云服务空间

在 uniCloud 目录上单击右键，选择打开 uniCloud Web 控制台，根据提示创建云服务空间：

3 关联云服务空间

在 uniCloud 目录上单击右键，选择 关联云服务空间或项目，选择刚刚创建好的云服务空间：

4 新建云函数

在 uniCloud/cloudfunctions 目录上单击右键，选择新建云函数：

编辑云函数内容如下：

'use strict';
exports.main = async (event, context) => 
	return "hello uni-app!"
;

5 本地运行云函数

CTRL+R，选择 本地运行云函数（如果提示要安装插件，根据提示要求安装即可，如果提示参数不正确，可以点击manifest.json，看是否有appid，如果没有，那就重新获取下appid）：

6 上传至云端并运行

在 uniCloud/cloudfunctions/test 目录上单击右键，选择上传并运行：

可以在web控制台查看上传的云函数：

修改 pages/index/index.vue ：

<template>
	<view class="content">
		<image class="logo" src="/static/logo.png"></image>
		<view class="text-area">
			<text class="title">title</text>
		</view>
	</view>
</template>

<script>
	export default 
		data() 
			return 
				title: 'Hello'
			
		,
		onLoad() 
			uniCloud.callFunction(
				name:"test",
				success: (e) => 
					this.title = e
				
			)
		,
		methods: 

		
	
</script>

<style>
	.content 
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	

	.logo 
		height: 200rpx;
		width: 200rpx;
		margin-top: 200rpx;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 50rpx;
	

	.text-area 
		display: flex;
		justify-content: center;
	

	.title 
		font-size: 36rpx;
		color: #8f8f94;
	
</style>

运行到内置浏览器（如果提示要安装插件，按照提示安装即可）：

uni.callFunction 的好处：

• 更安全，黑客攻击都找不到URL入口。
• 无需URL，即无需域名，如果是只做APP和小程序，也就无需购买和备案域名。
• 自带 uni-id 的token。

文章作者：GentleTK
原文链接：https://gentletk.gitee.io/uniCloud使用

uniCloud云服务器的选择

uniCloud云服务器的选择

• 每个DCloud开发者账户，腾讯云版提供1个免费服务空间，最多可创建49个收费服务空间。阿里云版最多可创建50个免费服务空间。
• 选择阿里云作为服务商时，服务空间资源完全免费，每个账号最多允许创建50个服务空间。阿里云目前处于公测阶段，如有正式业务对稳定性有较高要求建议使用腾讯云。
• 选择腾讯云作为服务商时，可以创建一个免费的服务空间
• 云函数环境（仅腾讯云支持）仅能通过init返回同账号下其他的腾讯云服务空间实例。
• 云函数上传包大小限制为10M。如果npm包很大，阿里云的整体上传机制会无法满足需求。此时只能选择腾讯云，交给腾讯云自动安装依赖。
• 腾讯云支持配置云存储权限，需搭配腾讯云自定义登录使用；阿里云不支持控制前端访问云储存的权限
• 上传文件到云存储：阿里云单文件大小限制为100M，腾讯云单文件最大为5G
• 腾讯云cloudPath为文件标识，相同的cloudPath会覆盖，如果没有权限覆盖则会上传失败。阿里云以自动生成的ID为文件标识，不会存在覆盖问题
• 阿里云目前由于安全原因暂时禁止云存储内上传html文件
• 阿里云的云存储暂不支持分目录。阿里云的前端网页托管支持分目录。
• uniCloud.getTempFileURL云函数获取文件下载链接，仅腾讯云支持
• uniCloud.downloadFile仅腾讯云支持
• 组件uni-file-picker文件上传：如果绑定的是腾讯云的服务空间 ，tempFilePaths 将返回 fileID

放眼望去，就是阿里云限制很多各种不支持，但是他免费
所以你自己练习用，那就阿里云。正式业务还是选择腾讯云吧。