Cocos2d-JS 热更新

packageUrl : 远程资源的下载根路径。

remoteVersionUrl : 远程版本文件的路径，用来判断服务器端是否有新版本的资源。

remoteManifestUrl : 远程配置文件的路径，包含版本信息以及所有资源信息。

version : 配置文件对应的版本。

groupVersions : 是新增的功能字段，用于做增量更新很方便。

engineVersion : 配置文件对应的引擎版本。

assets : 所有资源信息。

key : 升级名称

path : 键代表资源的相对路径（相对于packageUrl）。

md5 : md5值代表资源文件的版本信息。

compressed : [可选项] 如果值为true，文件被下载后会自动被解压，目前仅支持zip压缩格式。

searchPaths : 需要添加到Cocos2d引擎中的搜索路径列表。

以我的配置为例，一个完整的更新流程是这样的：

先通过本地的version.manifest和服务端的version.manifest比较，如果本地version低于服务端，那么就会再去获取project.manifest。

如果version相同，那么会比较groupVersions。

如果本地没有下载过groupVersions中的任何更新，那么会依次下载升级包。

如果本地下载过1.0.1版本的升级包，那么就会跳过1.0.1下载属于1.0.2版本的升级内容。

如果下载失败，或者没有网络导致更新失败的，会继续使用未更新前的版本。并且下次启动会继续尝试更新。

2. 创建后台

用一种你喜欢的方式起一个后台服务。我朴实无华的用IDE(Eclipse for JavaEE)建立了一个空的Web工程，用Tomcat起了一个后台。

从刚才的配置文件可以看出，Web工程名为JsUpdateServer。

在WebContent的根目录下新建一个index.HTML文件，随便在里边写些东西，用来验证我的后台已经起来。

Run起来之后，在浏览器里输入http://localhost:8080/JsUpdateServer/index.HTML看看是不是能够看到你刚才写的内容？

到这里你的后台已经OK了~

3. 创建Cocos2d-Js工程

新建一个Cocos2d-Js工程，可以用专用的IDE(Cocos Code IDE)，官网有下载，也有如何配置的教程，这里就不多说了。

在res目录下，新建一个project.manifest文件。这个是初始版本信息，之后的更新会用到这个文件。内容如下：

这个文件里包括的是需要加载的Js文件路径，将会在其他地方加载。

在src目录下，新建一个assetsManagerScene.Js文件，这里就是热更新的主要逻辑了。代码如下：

37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110

varfailCount=0; varmaxFailCount=1; //最大错误重试次数 /** *自动更新Js和资源 */ varassetsManagerLoaderScene=cc.Scene.extend({ _am:null, _progress:null, _percent:0, run:function(){ if (!cc.sys.isNative){ this .loadGame(); return ; } varlayer= new cc.Layer(); .addChild(layer); ._progress= cc.LabelTTF.create( "update0%" "Arial" ._progress.x=cc.winSize.wIDth/2; ._progress.y=cc.winSize.height/2+50; layer.addChild( ._progress); varstoragePath=(Jsb.fileUtils?Jsb.fileUtils.getWritablePath(): "./" ); cc. log ( "storagePathis" +storagePath); ._am= Jsb.AssetsManager( "res/project.manifest" ._am.retain(); (! ._am.getLocalManifest().isLoaded()) //if(true) { "Failtoupdateassets,stepskipped." ); .loadGame(); } else { varthat= ; cc.EventListenerAssetsManager varListener= Jsb.EventListenerAssetsManager( ._am,function(event){ switch (event.getEventCode()){ case Jsb.EventAssetsManager.ERROR_NO_LOCAL_MANIFEST: "Nolocalmanifestfilefound,skipassetsupdate." ); that.loadGame(); break ; Jsb.EventAssetsManager.UPDATE_PROGRESSION: that._percent=event.getPercent(); (that._percent+ "%" ); varmsg=event.getMessage(); (msg){ (msg); } ; Jsb.EventAssetsManager.ERROR_DOWNLOAD_MANIFEST: Jsb.EventAssetsManager.ERROR_PARSE_MANIFEST: "Failtodownloadmanifestfile,updateskipped." ); that.loadGame(); ; Jsb.EventAssetsManager.ALREADY_UP_TO_DATE: "ALREADY_UP_TO_DATE." ); that.loadGame(); ; Jsb.EventAssetsManager.UPDATE_FINISHED: "Updatefinished." ); that.loadGame(); ; Jsb.EventAssetsManager.UPDATE_Failed: "UpdateFailed." +event.getMessage()); failCount++; (failCount<maxFailCount) { that._am.downloadFailedAssets(); } else { "Reachmaximumfailcount,exitupdateprocess" ); failCount=0; that.loadGame(); } ; Jsb.EventAssetsManager.ERROR_UPDATING: "Assetupdateerror:" +event.getAssetID()+ "," +event.getMessage()); that.loadGame(); ; Jsb.EventAssetsManager.ERROR_DECOMPRESS: (event.getMessage()); that.loadGame(); ; default : ; } }); cc.eventManager.addListener(Listener,1); ._am.update(); cc.director.runScene( ); } .schedule( .updateProgress,0.5); loadGame:function(){ //JsList是JsList.Js的变量，记录全部Js。 cc.loader.loadJs([ "src/JsList.Js" ],function(){ cc.loader.loadJs(JsList,function(){ HelloWorldScene()); }); }); updateProgress:function(dt){ ._progress.string= "update" + ._percent+ ; onExit:function(){ "AssetsManager::onExit" ); ._am.release(); ._super(); } });

热更新主要是通过引擎提供的AssetsManager来实现的。

在AssetsManagerLoaderScene里，用到了res/project.manifest，是用来对版本对比的。

下载完成后的资源会被解压，然后放在Jsb.fileUtils.getWritablePath()的路径下，加到引擎的搜索范围中，并且他们的优先级是高于APP原本的资源路径的。所以相同的资源名称，引擎会优先使用更新路径下的文件，就达到更新的目的。

下载成功后会执行loadGame方法，里边会加载src/JsList.Js的所有资源。也就是说通过AssetsManagerLoaderScene来确保热更新完成后，再加载所有资源。

由于资源和脚本的加载顺序发生了改变，所以还要修改根目录下的main.Js和“project.Json”。

main.Js：

9

cc.game.onStart=function(){ cc.vIEw.adjustVIEwPort( ); cc.vIEw.setDesignResolutionSize(800,450,cc.ResolutionPolicy.SHOW_ALL); cc.vIEw.resizeWithbrowserSize( ); varscene= AssetsManagerLoaderScene(); scene.run(); }; cc.game.run();

将启动场景改为我的热更新场景AssetsManagerLoaderScene。

project.Json：

16

"project_type" "JavaScript" "deBUGMode" :1,monospace!important; Font-size:1em!important; min-height:inherit!important; color:blue!important">"showFPS" "frameRate" :60,monospace!important; Font-size:1em!important; min-height:inherit!important; color:blue!important">"ID" "gameCanvas" "renderMode" :0,monospace!important; Font-size:1em!important; min-height:inherit!important; color:blue!important">"engineDir" "frameworks/cocos2d-HTML5" "modules" "cocos2d" "extensions" "JsList" :[ "src/assetsManagerScene.Js" ] 将JsList的值改为src/assetsManagerScene.Js，只要加载这个Js，其他Js会在AssetsManagerLoaderScene中被加载。 到这里你可以跑起来看下，虽然获取不到升级文件，但是可以以最原始的版本跑起来。 4. 在后台配置升级文件 现在到后台工程的WebContent目录下添加升级文件。 从我的manifest配置文件你可以看到，我又建立了一个res文件夹，在其中分别建立src和res分别对应Cocos2d-Js工程中的资源、脚本文件夹。 随意修改一下app.Js，将其作为更新内容使用。总结了几个要注意的地方。 升级文件的路径，一定要和配置文件中的path内容一致。 升级文件是.zip，记得compressed改为true。 添加新的资源文件要记得同步更新resource.Js。 新增Js文件也记得同步更新JsList.Js。 5. 回到Cocos2d-Js工程 核对一下project.manifest文件中的地址是不是和后台一致，内容是否正确。 没问题的话就可以跑起来了，会发现你的升级内容被下载下来并且更新了。 参考 本文工程后台&Cocos2d-Js的简陋源码戳这里，Cocos2d-Js工程中的文件替换你的文件，通用的引擎工程太大没有上传。 其他可以使用到的教程 资源管理器ASSETS MANAGER Cocos2d-JS热更新 来源网址：http://karelgt.com/Cocos2dJS 热更新/ 总结 以上是内存溢出为你收集整理的Cocos2d-JS 热更新全部内容，希望文章能够帮你解决Cocos2d-JS 热更新所遇到的程序开发问题。 如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。 欢迎分享，转载请注明来源：内存溢出 原文地址: http://outofmemory.cn/web/1055558.html 热更新 赞 (0) 打赏 微信扫一扫 支付宝扫一扫 reduce 一级用户组 0 0 生成海报 Cocos2d-X的事件分发(3) 上一篇 2022-05-25 Cocos2d-X的事件分发(1) 下一篇 2022-05-25 发表评论 请登录后评论... 登录后才能评论 提交 评论列表（0条） 保存