服务器发布web项目路径,发布到 Web 平台

发布到 Web 平台

点击编辑器菜单栏的项目 -> 构建发布，打开构建发布面板。

Cocos Creator 提供了两种 Web 平台的页面模板，可以通过发布平台的下拉菜单选择 Web Mobile 或 Web Desktop。它们的区别主要在于：

Web Mobile 默认将游戏视图撑满整个浏览器窗口。

Web Desktop 允许在发布时指定一个游戏视图的分辨率，并且之后游戏视图不会随着浏览器窗口大小的变化而变化。

发布路径

通过在发布路径的输入框中输入路径或者通过 ... 浏览按钮直接选择，我们可以为游戏指定一个发布路径，后续的多平台发布都会在这个发布路径中的子文件夹中创建资源或工程。

默认的发布路径在项目文件夹下的 build 文件夹中，如果您使用 git、svn 等版本控制系统，可以将 build 文件夹在版本控制中忽略。

构建选项

主包压缩类型

设置主包的压缩类型，具体内容可参考文档 Asset Bundle — 压缩类型。

内联所有 SpriteFrame

自动合并资源时，将所有 SpriteFrame 与被依赖的资源合并到同一个包中。建议网页平台开启，启用后会略微增大总包体，多消耗一点点网络流量，但是能显著减少网络请求数量。建议原生平台关闭，因为会增大热更新时的体积。

vConsole

插入 vConsole 调试插件，vConsole 类似 DevTools 的迷你版，用于辅助调试。

如果需要调试，也可以开启调试模式和 Source Maps 的选项，这样构建出的版本会保留 sourcemap。

MD5 Cache

给构建后的所有资源加上 MD5 信息，解决 CDN 或者浏览器资源缓存问题。

启用后，如果出现资源加载不了的情况，说明找不到重名后的新文件。这通常是因为有些第三方资源没通过 cc.assetManager 加载引起的。这时可以在加载前先用以下方法转换 url，转换后的路径就能正确加载。

var uuid = cc.assetManager.utils.getUuidFromURL(url);

url = cc.assetManager.utils.getUrlWithUuid(uuid);

构建和预览

点击构建按钮，开始 Web 平台版本构建。面板上方会出现一个进度条，当进度条达到 100% 完成度时，构建就完成了。

接下来可以点击运行按钮，在浏览器中打开构建后的游戏版本进行预览和调试。

上图所示就是 Web Desktop 模式的预览，可以看到游戏视图是固定分辨率的，不会占满整个浏览器窗口。

浏览器兼容性

Cocos Creator 开发过程中测试的桌面浏览器包括：Chrome 和 Firefox(火狐)，其他浏览器只要内核版本够高也可以正常使用，对部分浏览器来说请勿开启 IE 兼容模式。

移动设备上测试的浏览器包括：Safari、Chrome、QQ 浏览器、UC 浏览器、百度浏览器、微信内置 WebView。

Retina 设置

可以在脚本中通过 cc.view.enableRetina(true) 设置是否使用高分辨率，构建到 Web 平台时默认会开启 Retina 显示。

发布到 Web 服务器

要在互联网上发布或分享您的游戏，只要点击发布路径旁边的打开按钮，打开发布路径之后，将构建出的 web-mobile 或 web-desktop 文件夹里的内容整个复制到您的 Web 服务器上就可以通过相应的地址访问了。

关于 Web 服务器的架设，可以自行搜索 Apache、Nginx、IIS、Express 等相关解决方案。

服务器发布web项目路径,发布到 Web 平台相关推荐

在web项目中发布jaxws
概述在web项目中发布基于jaxws的webservice. 参考文章:用JAX-WS在Tomcat中发布WebService 参考文章说,如果不是servlet3.0及以上,需要配置servlet ...
win10下 VS2019 C#创建web项目并发布部署在iis
win10下 VS2019 C#创建web项目并发布部署在iis 安装iis: 安装完成后在浏览器输入:http://localhost/ 说明安装成功创建web项目: 添加新窗体编写内容设置发 ...
怎么修改云服务器项目路径,云服务器tomcat的项目路径怎么设置
云服务器tomcat的项目路径怎么设置内容精选换一换华为云提供两种连接方式通过MySQL客户端连接实例:非SSL连接和SSL连接.其中,SSL连接实现了数据加密功能,具有更高的安全性.登录弹性云 ...
Java Web项目的发布
自己写的项目,我们想部署到其他电脑上,供别人访问. 首先安装jdk,和Tomcat.这里我的Tomcat是免安装版的,根据http://www.cnblogs.com/Joanna-Yan/p/487 ...
web服务器获取项目路径问题,读取web项目properties文件路径解决tomcat服务器找不到properties路径问题...
1.需求:有时候我们产品经理给我们的需求是会不断变化的,例如数量是1000现在变成500,我们不可以去改代码吧,这样很麻烦,所以就可以改配置文件properties(这个数据库链接一样),当然也有js ...
gradle构建web项目_25多个Web资源可帮助您构建项目
gradle构建web项目 This article was created in partnership with Mekanism. Thank you for supporting the pa ...
1.eclipse怎么样新建web项目，eclipse新建web项目
1.首先,你要先打开Eclipse软件打开后在工具栏依次点击[File]>>>[New]>>>[Dynamic Web Project],这个就代表新建的项目是W ...
嵌入式Web项目（一）——Web服务器的引入
文章目录网络模型 TCP服务器的概念 Wed服务器的概念 netstate 工具嵌入式系统,常用开源Web服务器移植BOA到Ubuntu 下载BOA源码传输到虚拟机进行解压编译BOA 修改B ...
java获取项目的部署目录结构_JAVA WEB项目目录结构以及web应用部署的根目录，编译路径和项目根目录的区别...
本文链接:https://blog.csdn.net/l00149133/article/details/78984083 web应用部署的根目录,编译路径和项目的根目录有什么区别? 直接上例子: 你 ...
eyeon项目总结音频转换 amr-mp3 web项目路径实践经验（血泪史）
来点感慨: 不到最后关头总是不想去解决一些较为麻烦的事情,今天解决的问题都是之前项目中的盲点,一直不想去解决.一整天的时间,解决的问题不多,而且没有效率,不过发现的问题不尝试去解决,总结会使问题.所以 ...

服务器发布web项目路径,发布到 Web 平台

服务器发布web项目路径,发布到 Web 平台相关推荐

最新文章

热门文章

服务器 发布web项目路径,发布到 Web 平台

服务器 发布web项目路径,发布到 Web 平台相关推荐

最新文章

热门文章

服务器发布web项目路径,发布到 Web 平台

服务器发布web项目路径,发布到 Web 平台相关推荐