• 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
    
    • 1

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

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

    (建议构建不勾选调试)

    3.搭建本地服务器

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

    Cannot send network request to localhost.
    
    • 1

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

    3.1.搭建本地服务器

    管理员模式进入cmd

    3.1.1 安装node

    node -v
    
    • 1

    3.1.2 查看node_global 和 node_cache是否安装(已安装忽略)

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

     “无法将“http-server”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。”
    
    • 1
    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"
    
    • 1
    • 2
    • 3
    3.1.2.2 配置环境变量

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

    E:\AZ\python\nodejs\node_global
    
    • 1

    3.1.3 安装http-server

    windows

    npm install http-server -g
    
    • 1

    (for Linux & Mac)

    sudo npm install http-server -g
    
    • 1

    3.1.4 创建本地服务器文件夹(自定义文件夹位置)

    在E盘手动添加了文件夹

    LocalServer
    
    • 1

    3.1.5.命令进入新文件夹

    切换E盘

    e:
    
    • 1

    进入文件夹

    cd LocalServer
    
    • 1

    启动

    http-server
    
    • 1

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

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

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

    关闭本地服务器

    ctrl + c
    
    • 1

    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自动下载所有资源,并缓存到本地,供下次进入游戏调用。免去重复下载资源,造成流量的浪费。

  • 相关阅读:
    6.RokcketMQ消息重试与死信队列
    python-flask 登录案例
    代码随想录训练营day53
    【Java】方法
    Linux内核驱动开发-字符设备驱动框架
    坚持五件事,带你走出迷茫困境
    Rabbitmq - 集群模式
    dubbo(5):使用dubbo进行业务分离与dubbo-admin的使用
    Flask 表单form.validate_on_submit()什么情况下会是false——解决办法
    Uniapp-小程序自定义导航栏
  • 原文地址:https://blog.csdn.net/Hello_World_CFF/article/details/126165135