cocos2d-js 3.0 beta + cocos code ide + pomelo手游框架搭建

在文章的开始，需要说明一下，有些东西写得不会很细，需要你摸索一下

1.准备工作

cocos2d-js 3.0 beta    下载地址  http://www.cocos2d-x.org/filedown/cocos2d-js-v3.0-beta.zip
cocos code ide        下载地址  https://github.com/chukong/cocos-docs/blob/master/manual/studio/cocos-code-ide/getting-started/zh.md (这是入门指南，里面有下载地址)
virtualbox                   下载地址  https://www.virtualbox.org/wiki/Downloads   (根据自己的系统下对应的版本)

2.配置cocos code ide使用cocos2d-js 3.0 beta
    https://github.com/chukong/cocos-docs/blob/master/manual/studio/cocos-code-ide/debug-js/zh.md


3.在virtualbox安装centos6.5 

   这个步骤要写的话很长，只能靠百度和google了
   最后配置一下centos的ip为 192.168.1.112  (这个IP看你想配哪个，不需要和我相同)


4.下载pomelo的聊天项目

  下载地址  https://github.com/bearcatnode/chatofpomelo-websocket

本文路径是 /home/pomelo
      1.打开网页,点击download zip后会下载一个master.zip文件，解压出来
进入解压出来的chatofpomelo-websocket-master目录，执行sh npm-install.sh  


2.执行脚本会下载一些node.js包回来，由于***原因，大家懂的，有时会下不了国外的包，这个需要使用node.js镜像


        3.编辑game-server/config/servers.json这个配置文件，把里面的127.0.0.1全部改为centos虚拟机的ip     192.168.1.112


       4.cd /home/pomelo/chatofpomelo-websocket-master/game-server 之后 再执行 pomelo start即可启动服务端


5.配置cocos2d-js 3.0 使用 pomelo-cocos2d-jsb


   下载地址  https://github.com/NetEase/pomelo-cocos2d-jsb


下载回来后，解压出来放到工程的src目录下


由于想使用cocos-js的热更新，所以我改了一下pomelo-cocos2d-jsb的路径

 

如上图，pomelo-cocos2d-jsb目录下的index.js文件没有src/开头的，我加了src开头，这样才能找到对应的文件


     
 

之后在project.json里面的jslist加上"src/pomelo-cocos2d-jsb/index.js"


6.生成cocos code ide工程的win32 build runtime


   在工程名上右键，cocos tools,build runtime, next , build win32 runtime  这个过程会有点久，可能要10分钟，耐心等待吧

  
 

   之后需要配置一下run configurations,弹出上图后，点win32的浏览，有个prebuiltRuntimeJs.exe,不要选这个，选你生成的那个exe


7.连接pomelo服务端

   按照pomelo的例子，在src/app.js最前面加上下面一段代码

  

复制代码 var pomelo = window.pomelo; var route = 'gate.gateHandler.queryEntry'; var uid = "uid"; var rid = "rid"; var username = "username"; pomelo.init({     host: "192.168.1.112",     port: 3014,     log: true }, function() {     pomelo.request(route, {         uid: uid     }, function(data) {         pomelo.disconnect();         pomelo.init({             host: data.host,             port: data.port,             log: true         }, function() {             var route = "connector.entryHandler.enter";             pomelo.request(route, {                 username: username,                 rid: rid             }, function(data) {                 cc.log(JSON.stringify(data));                 chatSend();             });         });     }); }); function chatSend() {     var route = "chat.chatHandler.send";     var target = "*";     var msg = "msg"         pomelo.request(route, {             rid: rid,             content: msg,             from: username,             target: target         }, function(data) {             cc.log(JSON.stringify(data));         }); }

只需要改一下那个host : "192.168.1.112"就可以运行了

为了看到效果，cd /home/pomelo/chatofpomelo-websocket-master/web-server 之后node app.js打开网页客户端

在浏览器中打开 http://192.168.1.112:3001/   用户名可以随便填，channel这个地方要填rid(为了看效果)

这里运行一下工程，如果在网页中看到username says to all:    msg  说明连接pomelo成功


8.cocos2d-js 3.0 beta客户端热更新
   
   1.先下一个web服务器软件，下载地址    http://zyan.cc/post/373/  ,下载回来启动web服务器

   2.解压ass.rar里面的配置出来放在web服务器的www/htdocs目录下，这样就能通过网页访问到要更新的配置文件

   3.在工程的src目录创建一个version目录，然后把project.manifest文件放进去，这个文件我的ip是192.168.1.250,改为你机器的ip

   4.app.js的更新代码也在压缩包里面，覆盖你的app.js即可运行

   5.在你的工程目录下runtime/win32/hotupload如果看到热更新回来的文件，说明ok了

   6.需要注意的地方，现在还不支持压缩文件热更新（不过听说快了),还有一点，记得把你的js代码文件加密，使用的命令是cocos jscompile 加密js文件
   
    7.想热更新哪个文件或图版时，把更新的文件图片放在web服务器上，改一下project.manifest的version值，和对应文件图片的md5的值，和之前不相同即可更新
   
9.pomelo的代码热更新

    http://nodejs.netease.com/topic/538d94eebf23dba73491b286   这个就不细说了，按文档尝试就行


当你想搞一个手游，如果你用lua,后端好像没有lua对应的服务端框架，你需要开发服务端，前后不统一，成本和时间都会很高，

如果你前端用cocos2d-js,后端pomelo，你都可以用js一个人搞定，还可以热更新代码，，，，，赶快尝试吧