Cocos Creator 加载zip文件（将json表压缩成zip）

关注

原创最新推荐文章于 2026-10-26 16:09:54 发布 2.5k 阅读 AI 写同款· GEO 优化 ›

Cocos Creator Bundle压缩类型深度解析：从原理到实战选型指南在游戏开发与Web前端性能优化领域，资源加载效率是影响用户体验的关键因素。其核心原理在于平衡网络请求次数与单次传输体积，以降低加载延迟。通过合并文件减少HTTP请求，或利用压缩算法减小数据体积，是两种主流优化技术。这些技术对于实现快速启动、流畅运行及高效热更新具有重要价值，尤其适用于游戏分包、首屏优化等场景。本文聚焦于Cocos Creator引擎中的Asset Bundle，深入剖析其提供的合并依赖、无压缩、合并所有JSON、小游戏分包及Zip五种压缩类型。结合实战中遇到的Bundle加载与热更新问题，详阅读详情

const { ccclass, property } = cc._decorator;

@ccclass
export default class Helloworld extends cc.Component {

    m_cfgTableMap:any = {};

    start() {

        this.m_cfgTableMap = {};

        this.loadZip();


    }

    loadZip() {
        let self = this;
        let url = cc.url.raw('resources/configs.zip');
        cc.loader.load({ url: url, type: "binary" }, (err: Error, zipData: ArrayBuffer) => {
            //2.1.3在安卓平台下会出现load不到资源的情况
            if (err) {
                let httpUrl = `资源服务地址${url}`;
                console.log('loadConfigZip httpUrl: ', httpUrl);
                let oReq = new XMLHttpRequest();
                oReq.open("GET", httpUrl, true);
                oReq.responseType = "arraybuffer";

                oReq.onload = function (oEvent) {
                    let arrayBuffer = oReq.response; // 注意:不是oReq.responseText
                    if (arrayBuffer) {
                        console.log('LoadConfig::unzip 0');
                        self.unzip(arrayBuffer);
                    }
                };
                oReq.send(null);
            }
            else {
                console.log("unzip unzip");
                this.unzip(zipData);
            }
        });
    }

    unzip(zipData) {
        let self = this;
        let newZip = new JSZip(); // 因为将jszip导入为插件，所以可以全局直接访问
        newZip.loadAsync(zipData).then(zip=>{
            // console.log(zip);
            let fileList = zip.files;
            for(let filename in fileList){
                zip.file(filename).async('string').then(data=>{
                    let json = JSON.parse(data);
                    console.log(JSON.stringify(json));
                    self.m_cfgTableMap[filename] = json;
                });
            }

        });
    }

}

参考链接：https://forum.cocos.org/t/jszip-zip/92462

收录于