cocos creator游戏发布和部署-HTML5篇

        游戏开发完成之后，我们想要把游戏分享给好友怎么办呢？要么你打包成android包发给朋友，要么上架应用商店，总之非常麻烦！有没有更好的办法呢？

        别问，问就是有！直接部署在自己的云主机上！把android包放在服务器上供好友下载！但是。。。。你好基友说劳资是iphone，咋办？

        你思考了0.1秒钟，怼他：浏览器有不（当然有了），等我3分钟！

        下面你就开始你的html5游戏发布和部署了😄

1、发布web-mobile

        cocos creator面板菜单栏点击 项目-> 构建发布 打开构建发布窗口：

      

         点击 新建构建任务，相关参数设置如下：

        发布平台：Web Mobile

        发布路径：最终打包出来的文件会输出到此目录

        初始场景：游戏启动scene

        参与构建场景：项目中的场景可以选择是否参与构建

        MD5缓存：这里务必勾选，防止网页缓存无法更新

 2、创建web网站

        使用宝塔新建一个网站（可参考我的前一篇blog： ubuntu安装宝塔发布http服务教程 ），当然也可以自己手动搭建http服务！

        例如我新建一个网站配置如下：（这里我使用的局域网ip，大家可修改成外网ip）

         网站创建成功之后会在页面上显示如下信息：

         网站创建成功之后，如果要进行修改，可以点击右侧的设置进行修改，例如修改域名、ip、根目录等等。

        如果没有其他问题，此时我们需要将我们发布出来的游戏上传到网站的根目录下即可！

3、上传游戏

        点击上面新创建网站的根目录  /www/wwwroot/web-mobile ，此时会跳转到以下页面：   

         该页面为文件管理页面，此时我们就可以点击上传按钮来上传文件啦！！！

        上传文件页面如下：这里可以上传文件或目录！那么，这里推荐大家使用上传文件的方式上传；也就是将我们的游戏压缩成zip包上传，上传完成之后再解压即可！（因为游戏可能会有成千上万个文件，如果使用目录的方式上传，会花费更多时间）

        进入游戏发布目录：build/web-mobile ，然后全选所有文件进行压缩！（为什么要这么做？继续往下看！）

        压缩完后会在目录下生成一个web-mobile.zip的压缩包，此时将该zip文件上传到服务器

         此时，可以直接把文件拖到浏览器窗口，也可以点击上传文件去选择都可以，等待上传效果图如下：

 ​​​​​

         然后点击 开始上传 按钮即可上传，上传成功之后会在服务器目录下显示web-mobile.zip文件，点击该文件右侧的 解压 按钮即可！

   

        解压出来的文件会覆盖当前目录中的文件！在游戏的发布目录中有一个index.html文件，该文件为该网站的默认启动页面，所以必须要将游戏目录的文件上传到咱们网站的根目录下！

 4、启动游戏

        到这里，咱们游戏就可以在浏览器中打开了！

        启动浏览器，输入url：http://192.168.147.128:8090 就能启动游戏啦。。。

        如果嫌弃url麻烦，那么，去用url转换成二维码分享给好朋友吧！ 二维码转换

        3分钟时间好像过啦，但是一劳永逸的事情，多花几分钟去做一下是不是更高效呢！此时，不管他是android还是iOS，windows还是macOS，只要有浏览器都可以玩你开发的游戏了！并且不需要下载，还能实时更新！太开心。。。