cocos2d-js 3.0 热更新

最新推荐文章于 2021-08-06 17:54:17 发布
最新推荐文章于 2021-08-06 17:54:17 发布
阅读量2.4k 收藏 1
点赞数
分类专栏： cocos2d-x 文章标签： cocos2d cocos2d-js3.0
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qwezcl/article/details/40339123
版权

首先搭建服务器的配置文件的目录：


img文件夹是用来存放图片，js文件夹是存放需要更新的js文件，res1_0_1.zip是把img和js2个文件夹打包的zip(客户端将下载该zip并解压)，

js的文件夹有2个重要文件imgFiles.js(用来加载图片文件)和jsFiles.js(用来加载需要更新的js文件，客户端更新完资源后将加载该脚本):




jsFiles.js我的内容如下：

var jsFiles = [//每个不同版本的js脚本直接在后面追加
    "js/imgFiles.js",
    "js/app.js"
];

imgFiles.js内容我的如下：

var res2 = {//每个不同版本的图片直接在后面追加
    HelloWorld_png : "img/HelloWorld.png",
    CloseNormal_png : "img/CloseNormal.png",
    CloseSelected_png : "img/CloseSelected.png"
};
//追加更新的资源res已在原来的第一版的包中定义了
for (var i in res2) {
    res[i]=res2[i];
}
for (var i in res2) {
    g_resources.push(res2[i]);
}

解释下res变量和g_resources是客户端文件中定义的，我是先加载客户端的本地资源，然后才是加载更新的资源

project.manifest文件是下载配置的信息，我的如下：

{
"packageUrl" : "http://xxxxxxx/update_liuYao/",
"remoteManifestUrl" : "http://xxxxxxx/update_liuYao/project.manifest",
"remoteVersionUrl" : "http://xxxxxxxxx/update_liuYao/version.manifest",
"version" : "1.0.1",
"engineVersion" : "3.0 beta",
"assets" : {
        "update1" : {
            "path" : "res1_0_1.zip",
            "md5" : "1.0.1",
            "compressed" : true,
            "group" : "1"
        }
    },   
    "searchPaths" : [
    ]
}

xxxxx代表你的服务器的地址(以下雷同)，解释下参数：

  • packageUrl : 远程资源的下载根路径。
  • remoteVersionUrl : 远程版本文件的路径，用来判断服务器端是否有新版本的资源。
  • remoteManifestUrl : 远程配置文件的路径，包含版本信息以及所有资源信息。
  • version : 配置文件对应的版本。
  • engineVersion : 配置文件对应的引擎版本。
  • assets : 所有资源信息。
    • path: 键代表资源的相对路径（相对于packageUrl）。
    • md5 : md5值代表资源文件的版本信息（随便写）.
    • compressed : [可选项] 如果值为true，文件被下载后会自动被解压，目前仅支持zip压缩格式。
  • searchPaths : 需要添加到cocos2d引擎中的搜索路径列表。
重点解释下MD5值的意义：

如果修改MD5值，如本文把1.0.1改成1.0.1.1那么当你新增更新第2个版本资源时，project.manifest文件现在假设修改如下：

{
"packageUrl" : "http://xxxxxx/update_liuYao/",
"remoteManifestUrl" : "http://xxxxxx/update_liuYao/project.manifest",
"remoteVersionUrl" : "http://xxxxxx/update_liuYao/version.manifest",
"version" : "1.0.2",
"engineVersion" : "3.0 beta",
"assets" : {
        "update1" : {
            "path" : "res1_0_1.zip",
            "md5" : "1.0.1.1",
            "compressed" : true,
            "group" : "1"
        },

    "update2" : {
            "path" : "res1_0_2.zip",
            "md5" : "1.0.2",
            "compressed" : true,
            "group" : "1"
        }
    },   
    "searchPaths" : [
    ]
}

现在打算更新第2个版本res1_0_2.zip,那么曾经更新过res1_0_1.zip的用户将会再次冲下该文件，如果不改update1的MD5值仍然为

1.0.1的话更新过res1_0_1.zip用户将不会再次更新只更新res1_0_2.zip，而没有更新过res1_0_1.zip的用户将会2个文件都更新。

version.manifest为文件版本信息，客户端的AssetsManager首先会下载version.manifest文件，如果有更新的版本(下载后会跟客户端的project.manifest的版本信息比较)，那么才会去下载project.manifest，我的如下：

{
"packageUrl" : "http://xxxxxx/update_liuYao/",
"remoteManifestUrl" : "http://xxxxxx/update_liuYao/project.manifest",
"remoteVersionUrl" : "http://xxxxxxx/update_liuYao/version.manifest",
"version" : "1.0.1",
"engineVersion" : "3.0 beta"
}


下面解说客户端：

ios模拟器测试经过更新的沙盒


首先在res下建立个project.manifest文件：


内容如下：

{
"packageUrl" : "http://xxxxxx/update_liuYao/",
"remoteManifestUrl" : "http://xxxxx/update_liuYao/project.manifest",
"remoteVersionUrl" : "http://xxxxxxx/update_liuYao/version.manifest",
"version" : “1.0.0”,
"engineVersion" : "3.0 beta",
"assets" : {
    },   
    "searchPaths" : [
    ]
}

在src建立AssetsManager.js文件：

/**
 * Created by zcl on 14-10-18.
 */
var __failCount = 0;
var AssetsManagerLoaderScene = cc.Scene.extend({
    _am:null,
    _progress:null,
    _percent:0,
    _percentByFile:0,
    run:function(){
        if (!cc.sys.isNative) {
            this.loadGame();
            return;
        }


        var layer = new cc.Layer();
        this.addChild(layer);
        this._progress = new cc.LabelTTF.create("0%", "Arial", 12);
        this._progress.x = cc.winSize.width / 2;
        this._progress.y = cc.winSize.height / 2 + 50;
        layer.addChild(this._progress);


        // android: /data/data/com.huanle.magic/files/
        var storagePath = (jsb.fileUtils ? jsb.fileUtils.getWritablePath() : "./")+"update/";


        this._am = new jsb.AssetsManager("res/project.manifest", storagePath);
        this._am.retain();


        if (!this._am.getLocalManifest().isLoaded())
        {
            cc.log("Fail to update assets, step skipped.");
            this.loadGame();
        }
        else
        {
            var that = this;
            var listener = new jsb.EventListenerAssetsManager(this._am, function(event) {
                switch (event.getEventCode()){
                    case jsb.EventAssetsManager.ERROR_NO_LOCAL_MANIFEST:
                        cc.log("No local manifest file found, skip assets update.");
                        that.loadGame();
                        break;
                    case jsb.EventAssetsManager.UPDATE_PROGRESSION:
                        that._percent = event.getPercent();
                        that._percentByFile = event.getPercentByFile();
                        cc.log(that._percent + "%");


                        var msg = event.getMessage();
                        if (msg) {
                            cc.log(msg);
                        }
                        break;
                    case jsb.EventAssetsManager.ERROR_DOWNLOAD_MANIFEST:
                    case jsb.EventAssetsManager.ERROR_PARSE_MANIFEST:
                        cc.log("Fail to download manifest file, update skipped.");
                        that.loadGame();
                        break;
                    case jsb.EventAssetsManager.ALREADY_UP_TO_DATE:
                    case jsb.EventAssetsManager.UPDATE_FINISHED:
                        jsb.fileUtils.addSearchPath(storagePath+"js");
                        cc.log("Update finished."+jsb.fileUtils.fullPathForFilename("jsFiles.js"));
                        if(jsb.fileUtils.fullPathForFilename("jsFiles.js")!="jsFiles.js"){//找到文件说明更新过资源，加载更新的资源
                            cc.loader.loadJs(["js/jsFiles.js"], function(err){
                                cc.loader.loadJs(jsFiles, function(err){
                                });
                            });
                        }
                        that.loadGame();
                        break;
                    case jsb.EventAssetsManager.UPDATE_FAILED:
                        cc.log("Update failed. " + event.getMessage());
                        //再次尝试更新
                        __failCount ++;
                        if (__failCount < 5)
                        {
                            that._am.downloadFailedAssets();
                        }
                        else
                        {
                            cc.log("Reach maximum fail count, exit update process");
                            __failCount = 0;
                            that.loadGame();
                        }
                        break;
                    case jsb.EventAssetsManager.ERROR_UPDATING:
                        cc.log("Asset update error: " + event.getAssetId() + ", " + event.getMessage());
                        that.loadGame();
                        break;
                    case jsb.EventAssetsManager.ERROR_DECOMPRESS:
                        cc.log(event.getMessage());
                        that.loadGame();
                        break;
                    default:
                        break;
                }
            });


            cc.eventManager.addListener(listener, 1);
            this._am.update();
            cc.director.runScene(this);
        }


        this.schedule(this.updateProgress, 0.5);
    },
    loadGame:function(){
      
      cc.director.runScene(new HelloWorldScene());
    },
    updateProgress:function(dt){
        this._progress.string = "" + this._percent;
    },
    onExit:function(){
        cc.log("AssetsManager::onExit");


        this._am.release();
        this._super();
    }
});

在project.json的文件增加AssetsManager.js文件如下：

{
    "project_type": "javascript",
   "debugMode" : 1,
    "showFPS" : true,
    "frameRate" : 60,
    "id" : "gameCanvas",
    "renderMode" : 0,
    "engineDir":"frameworks/cocos2d-html5",
    "modules" : ["cocos2d"],
    "jsList" : [
        "src/resource.js",
        "src/AssetsManager.js"

    ]
}

此处resource.js可以加载本地的图片：

var res = {
    HelloWorld_png2 : "res/HelloWorld.png",
    CloseNormal_png : "res/CloseNormal.png",
    CloseSelected_png : "res/CloseSelected.png"
};
var g_resources = [];
for (var i in res) {
    g_resources.push(res[i]);
}

修改main.js文件：

cc.game.onStart = function(){
    cc.view.adjustViewPort(true);
    cc.view.setDesignResolutionSize(1536, 2048, cc.ResolutionPolicy.EXACT_FIT);
    cc.view.resizeWithBrowserSize(true);
    //load resources
    cc.LoaderScene.preload(g_resources, function () {
        cc.log("load ben di resources,加载原有本地资源完毕！");
    },this);
    var scene = new AssetsManagerLoaderScene();
    scene.run();
};
cc.game.run();

平时生活中各种琐事比较多写的博文比较少，然本人一向本着事情要么不做要做就用心做，故而本人在此希望各位同道能本着开源，有责任的态度，以此减少后学者的困扰。

另本人推荐另一篇比较好的文章：https://github.com/faint2death/cocos2d-js/blob/master/assetsmanager.md。

唐僧光头也很帅
关注
专栏目录
cocos2dx-lua 热更新基础详解
ellis1970的博客
12-07 5996
本文介绍热更新有关的基础概念，流程和知识点，以及需要注意的事项(独家经验，倾囊相授)，项目类型为cocos-lua，非quick
cocos js 热更新
05-12
cocos js 热更新
cocos2d-js热更新
xuehaiwuya_1的专栏
11-04 1576
1. 热更新基本思路 得到cocoachina论坛上fysp和akira_cn的帮助，理清了游戏热更新的思路： 执行AssetsManager后，搜索路径增加了jsb.fileUtils.getWritablePath()目录，并且是优先搜索；需要热更新js不放在project.json中定义，等AssetsManager更新完了，用cc.loader.load动态加载；所以在js
cocos2d-js 热更新具体解释（一）
aodiyi6351的博客
05-26 149
本文将会具体解说cocos2d-js下的热更新机制。这篇内容先给大家介绍一下两个manifest文件就当热身了。 首先介绍project.manifest： 举个样例 { "packageUrl" : "http://192.168.1.108/games/dragon_gold", "remoteManifestUrl" : "http://192.168.1.108...
cocos2dx js 热更新
ubunrabbit各种笔记
07-04 149
node version_generator.js -v 1.0.0 -u http://your-server-address/tutorial-hot-update/remote-assets/ -s build/jsb-binary -d assets/
cocos js 热更新--版本号方法
wangjianmin1992的博客
06-12 1327
修改cocos源码，利用版本号进行热更新
Cocos2d-x 3.0的俄罗斯方块代码
03-15
《Cocos2d-x 3.0的俄罗斯方块代码》是一个基于Cocos2d-x游戏引擎3.0及以上版本实现的经典游戏项目。Cocos2d-x是一个广泛使用的开源跨平台2D游戏开发框架，它允许开发者用C++、Lua或JavaScript编写游戏，并在iOS、...
Cocos2d-JS-v3.0-API
03-01
Cocos2d-JS 是一个基于 JavaScript 的游戏开发框架，专为创建2D游戏、交互式应用程序和视觉效果设计。v3.0 版本是该框架的一个重要里程碑，引入了多项改进和新特性，旨在提升开发效率和游戏性能。这个离线API文档...
Cocos2d-x3.0正式版 练练看 源码
08-25
8. **脚本支持**：虽然主要基于C++，但Cocos2d-x3.0仍然支持Lua和JavaScript作为脚本语言，为那些不熟悉C++的开发者提供便利。 9. **动画系统**：通过SpriteSheet和Timeline，Cocos2d-x3.0提供了灵活的2D动画制作...
兄弟连cocos2d-x3.0 final视频教程完整版
12-02
### Cocos2d-x3.0 Final视频教程知识点解析 #### 一、Cocos2d-x简介 Cocos2d-x是一款开源的游戏开发框架，它支持多种编程语言，包括C++、JavaScript和Lua等。该框架特别适用于移动平台游戏的开发，支持iOS、...
Cocos2d-JS-Game-zfzm:Cocos2d-JS V3.0 游戏zfzm
06-28
Cocos2d-JS 是一个基于 JavaScript 的开源游戏开发框架，专为创建2D游戏、交互式应用和娱乐内容设计。这个项目名为 "Cocos2d-JS-Game-zfzm"，它基于 Cocos2d-JS V3.0 版本，是一款名为 "全民找房祖名" 的小游戏。...
【Unity3D_常用模块】资源管理器相关工程(AssetManager)
06-27
简单说明:(包含两个工程项目:Unity3D官方插件，修改后的AssetManager) 1.主要目的是让逻辑开发过程中摒弃AssetBundle的概念。在逻辑开发过程中，只需要对资源路径进行管理即可。 2.基本逻辑是参考Unity3D原生插件(AssetBundleManager.unitypackage)进行修改，封装。 3.具体使用方法，还需根据具体项目，开发环境以及策划需求，进行调整。
Cocos2d-x 3.6版本学习笔记－热更新
itol925的专栏
05-25 4011
Cocos 3.6版本热更新梳理   cocos热更新实现了项目资源和脚本文件的动态更新。当工程有新的改动时，用户无需重新下载完整的安装包，而是通过对比本地与最新的版本信息，仅下载有改动的文件到本地，完成版本的更新。   工程的资源和脚本文件存放分2个地方，一个是安装目录，一个是数据目录，当app安装完后，安装目录则不再可写，此后所有的更新文件统一存放到数据目录当中，APP调用文件时，也优
cocoscreator项目大厅加子游戏解决方案笔记
qq_15678393的专栏
09-03 3409
在独立游戏开发一段时间之后,会有这样的需求，想要做一个app大厅将所有独立游戏整合到一个大厅项目中，并且大厅和子游戏独立更新； #1. 将独立游戏打入大厅整包中     1. ccc项目发布中资源获取路径都可从cc.url.raw()获取, cc.url.raw = res/raw-assets/;     2. 既然资源都可以如此获取，自然子项目发布文件也可以拷贝到此目录下，作为大厅整包发布;...
jsb.fileUtils
LANGZI7758521的专栏
08-06 1149
cc.Class({ extends: cc.Component, properties: { // foo: { // default: null, // The default value will be used only when the component attaching // to a node for the first time // .
creator小功能----浅谈JSB的FileUtils本地文件读写
标题
03-05 5363
jsb是javascript bind的代表，整个C/C++ 导出的绑定都在这个jsb里面,jsb 支持不支持h5; FileUtils是本地文件读写的一个工具类,全局只有一个实例 jsb.fileUtils jsb.fileUtils来获取文件读写工具类的实例 // jsb.fileUtils获取全局的工具类的实例, cc.director; /...
cocos creator 截图功能- 摄像机的使用
qq_20173207的博客
01-01 4224
最近,开始从cocos2d-JS转移到creator开发中,其实之前有学习过Unity的开发,cocos creator的文档也大致看了一下,所以对于这种可视化编辑器,组件化开发方式也不陌生,API与cocos2d-JS的差异也不是很大.总的来说上手也不是很难. 很多人和我一样,遇到问题了会在网上搜一搜,学习一下别人的做法.殊不知新版的文档中早都已经透漏玄机.当然,文档有时候内容太多,有用的没用的...
cocoscreate使用资料整理与总结
iamgamer的博客
03-10 1043
一.如果遇到如图的问题，说明之前用旧版本构建了native项目，因此如果换了新版本，需要把旧的native删除，重新构建即可。 二.构建windows版本，会出现windows sdk版本问题，如果正好与ccc一致那么没什么问题，如果不一致，那么先用ccc构建出项目，然后用vs打开，重定向后，再用ccc编译，即可。 三.如果不以h5版本为主，以客户端平台为主的话，还是回归传统文件读取，这样省时...
cocos2d-x的另一个坑，cc.FileUtils-addSearchPath()的第二个参数在runtime下无法传递
leifurong6的专栏
01-05 1419
本来C++那边的FileUtils::addSearchPath(const std::string &path, const bool front=false)方法定义的挺人性化，传入第二个参数为true，就可以把新设置的路径放在路径搜索的前面，导出为Lua后，API也保留了这个特性，支持传入第二个参数： 于是你想当然地在Lua中这么用的时候，就傻眼了： cc.FileUtils:get
smart-x: 探索cocos2d-js 3.0中的JavaScript游戏库
资源摘要信息:"smart-x是一个针对cocos2d-js 3.0版本的JavaScript游戏开发库。" 在这段描述中，包含了两个重要的知识点：一是关于smart-x库本身，二是它所服务的平台cocos2d-js。 首先，我们来介绍smart-x库。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值