Cocos Creator发布微信小游戏包内体积过大问题

1.初识

设置微信开发工具和js编辑器

3.5.2 :Cocos Creator perferences

2.Cocos Creator发布微信小游戏包内体积过大问题

2.1 已不可取:搭建本机服务器

2.2 也不建议分包:因为分完包依然很大

2.3 建议利用OSS资源管理

参照搭建本地服务器,构建填的地址换一下,拷贝文件的方式换一下即可
方式一:七牛云OSS,我注册,实名认证有10G免费,还有30天免费域名,适合开发调试,学习,网址如下:

https://s.qiniu.com/Znyqeu

方式二:阿里云OSS,花钱的更稳定,正式环境首选,网址如下:

https://www.aliyun.com/activity/new?userCode=c7q2ooln

(建议构建不勾选调试)

3.搭建本地服务器

如果你百度到的是是让你下载node,用于http-server搭建本机服务器,我劝你不不用看了,因为微信做调整,不能用本地服务器了。
会报错:

Cannot send network request to localhost.

虽然我也摸索出来了,如下:

3.1.搭建本地服务器

管理员模式进入cmd

3.1.1 安装node
node -v
3.1.2 查看node_global 和 node_cache是否安装(已安装忽略)

百度好多都没有这项说明,容易下面的报错:
这一步就是,解决下面的报错

 “无法将“http-server”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。”
3.1.2.1 设置node_global 和 node_cache

以下路径根据各自的node的安装位置进行调整,此处node安装 位置是:E:\AZ\python\nodejs
前提:node_global 和 node_cache 已新建,如没有新建,请新建后再执行命令

npm config set prefix "E:\AZ\python\nodejs\node_global"   

npm config set cache "E:\AZ\python\nodejs\node_cache"
3.1.2.2 配置环境变量

电脑右键,属性,找到“高级系统设置”

E:\AZ\python\nodejs\node_global
3.1.3 安装http-server

windows

npm install http-server -g

(for Linux & Mac)

sudo npm install http-server -g
3.1.4 创建本地服务器文件夹(自定义文件夹位置)

在E盘手动添加了文件夹

LocalServer
3.1.5.命令进入新文件夹

切换E盘

e:

进入文件夹

cd LocalServer

启动

http-server

http-server 或者 http-server src(路径)
更改端口为8888
http-server -p 8888

3.1.6 测试本地服务器搭建成功

方法一:出现了ip和端口列表
方法一:在浏览器中输入localhost:8080,出现空文件列表表示已经成功

关闭本地服务器

ctrl + c

3.2. 构建

3.2.1 填入:游戏名称
3.2.2 选中以下项:
  • 发布平台:微信小游戏
  • MD cache
  • 配置主包为远程包
3.2.3 填入:AppId
3.2.4 填入:资源服务器地址

(注:调成中文:在 Cocos Creator下的偏好设置,通用设置里)

3.3.拷贝文件

构建完毕后,将项目中的res文件夹剪切至本地服务器文件夹中,使用,即可自动加载本地服务器资源,不会因包内体积过大报错

(注:版本3.5.2是remote文件夹了,不是res文件夹,OSS一般要下载对应的Browser客户端,才能连文件夹一并上传)

3.4. 运行

微信web开发者工具打开项目,运行
或Cocos Creator配置好开发者工具,直接点运行

(注:配置好开发者工具:在 Cocos Creator下的偏好设置,外部程序的Wechat开发者工具里,对应版本3.5.2,有些在原生开发环境里,调成中文很容易找到的)

Cocos Creator提供了两种解决方案:
一:通过cc.loader.load来从服务器远程加载资源 ,成本过高,麻烦
二:通过引擎自动打包依赖,并把资源一股脑放在资源服务器,然后打开小游戏的时候,将自动使用内置的wx API自动下载所有资源,并缓存到本地,供下次进入游戏调用。免去重复下载资源,造成流量的浪费。

  • 2
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

wx_h13813744

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值