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