1. 开通uniCloud
开通uniCloud:本项目是云端一体的,它的云端代码需要部署在uniCloud云服务空间里,需要开通uniCloud。在 https://unicloud.dcloud.net.cn 登录,按云厂商要求进行实名认证。
在uniCloud认证通过后,创建一个服务空间给本项目使用。选择 腾讯云。参考
使用HBuilderX 3.1以上版本(最好是最新版),把本项目导入到HBuilderX中,在项目根目录uniCloud上点右键菜单,关联服务空间 -> 选择之前创建的服务空间
2. 下载游戏源码
前往uni-app 插件主页下载,链接:https://ext.dcloud.net.cn/plugin?id=5045
点击页面右侧 【下载插件并导入HBuilderX】按钮,导入到程序开发工具
3. 初始化项目
在 HBuilderX 中选择云空间
部署到云空间,勾选 同步云函数 和 根据init_db.json初始化服务后点击“开始”,等待完成(见下图)
avatar
4. 下载程序相关文件
游戏素材和数据资源包,点我下载
5. 上传程序文件(腾讯云参考,阿里云参考 5.1)
在 云存储 新建 app 文件夹 -> 上传 “游戏素材和数据资源包”中的 应用素材;
在 云存储 新建 resource 文件夹 -> 上传 “游戏素材和数据资源包”中的 游戏素材;
5.1 阿里云存储的使用问题(腾讯云不需要看)
因为阿云云存储不支持新建文件夹,并且所有上传的文件都会被重命名,默认的数据文件目录和文件名都无法保持不变。
解决办法:开通阿里云的 前端网页托管 功能,将文件按 云存储的目录规划上传上去即可。
6. 同步资源配置
在项目 libs 文件夹 helang-global.js 文件中的 URI 对象修改为如下内容:
复制代码let URI = {
/* 请求路径 */
request: ”,
/* 文件上传服务器路径 */
upload: ”,
/* 图片服务路径,查看资源详情的链接,取域名部分 */
images: ‘云存储地址(云存储文件的域名),例如:https://6666-darling-xxxx-xxxx.tcb.qcloud.la’
}
6.1 腾讯云存储地址获取方法
登录 uniCloud 后台,在云存储中所上传的图片文件有”详情”按钮,打开文件详情有“下载地址”,地址的域名部分
6.2 阿里云前端网页托管地址获取方法
登录 uniCloud 后台,在前端网页托管中选择参数配置选项卡下的域名信息
注:来源于网络,搭建好了可以在评论区留言