代码编织梦想

        游戏开发完成之后,我们想要把游戏分享给好友怎么办呢?要么你打包成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,只要有浏览器都可以玩你开发的游戏了!并且不需要下载,还能实时更新!太开心。。。

    

    

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/zhaxun/article/details/120087104

cocoscreator开发笔记(1)-用python命令快速搭建web发布服务器_楚游香的博客-爱代码爱编程_cocos creator python

使用Cocos Creator开发时,经常需要自己搭建Web服务器,用来测试H5游戏的发布版本,而Python提供了快速搭建简易Web服务器的功能,非常简单,仅需要以下几步: 1、进入发布目录,如 :build/web-m

cocoscreator开发笔记(2)-linux系统用nginx搭建web发布服务器_楚游香的博客-爱代码爱编程

上文介绍了用简单的Python命令搭建CocosCreator的Web发布服务器,这一般在开发调试中使用。如果是用于正式服务器,则还是需要用专业的Web服务器软件,以满足高性能、灵活、稳定的商用需求。 Nginx简介 N

cocoscreator 发布到web平台http get跨域问题_insanenx的博客-爱代码爱编程

背景: 打算将creator制作的小游戏打出web端放到tomcat http服务器上测试 设计之初考虑一个登录的方式是先从http上get一个数据,获取真正链接的服务器ip地址。但是游戏的web app是放在tomcat下,http响应服务器是用的sprintboot放在另一台服务器上。在请求中报了:CORS policy: No 'Access-Con

cocos creator—最佳构建部署实践-爱代码爱编程

这篇文章主要是我们团队在使用Cocos Creator过程中的一些关于部署方面的实践总结,标题党了一回,严格来说,应该是《快看漫画游戏研发团队使用Cocos Creator构建部署最佳实践》,对于其他团队可能并不是。 之所以写这篇文章,一是我刚开始接触Cocos Creator的时候,发现构建部署方面的一些问题,针对性写了3篇优化的方案,随着对C

cocos creator 使用h5接口fileToUpload获取文件信息(打开系统自带的文件选择对话框)-爱代码爱编程

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Cocos Creator | hello_world</title> <!--http://www.html5rocks.com/en/mob

cocos creator 调用相机相册裁剪图片并上传到服务器-爱代码爱编程

大致思路就是creator里面js调用Java和object-c代码,调起系统相机相册,选取图库图片/拍照图片进行裁剪,然后转化为base64字符串,最后通过http post请求上传到服务器。 JavaScript实现部分,调用Java和oc相关接口,传入裁剪参数 // 类型,是否需要裁剪,裁剪尺寸,回调方法 PlatForm.pickImage

cocos creator3d:发布到 web 平台-爱代码爱编程

推荐:将 NSDT场景编辑器 加入你的3D工具链   3D工具集: NSDT简石数字孪生 发布到 Web 平台 打开主菜单的 项目 -> 构建发布,打开构建发布面板。 Cocos Creator 3D 提供了两种 Web 平台的页面模板,可以通过 发布平台 的下拉菜单选择 Web Mobile 或 We

cocoscreator h5包内文件详细介绍_学渣学编程的博客-爱代码爱编程

使用Cocos Creator的web-mobile构建模板。这个模板生成的文件夹结构通常用于Web浏览器中运行的H5游戏。下面是关于这些文件的简要说明: res 文件夹: 这个文件夹包含游戏的资源文件,如图像、音频、字

如何在github page上传h5试玩链接_cocos h5链接-爱代码爱编程

问题 之前试玩过别人的小游戏,不过不是通过微信或字节等其他平台,而是通过H5链接来访问的。当时就想着时如何实现的,现在研究了下,在此篇文章记录下。这里主要讨论如何将CocosCreator的H5版本上传到GitHub Pa