发布到 Web 平台

发布到 Web 平台

Cocos Creator 3D 提供了两种 Web 平台的页面模板，可以通过 发布平台 的下拉菜单选择 Web Mobile 或 Web Desktop，他们的区别主要在于 Web Mobile 会默认将游戏视图撑满整个浏览器窗口，而 Web Desktop 允许在发布时指定一个游戏视图的分辨率，而且之后游戏视图也不会随着浏览器窗口大小变化而变化。

打开主菜单的 项目 -> 构建发布，打开构建发布面板。

构建选项介绍

一些通用的构建通用参数介绍，请参考通用构建参数介绍

web-desktop

参数名	可选	默认值	说明
polyfills	选填	{ asyncFunctions: true }	自 v1.0.3 版本起，构建支持一些新特性的 polyfills ，主要是在打包脚本时会做对应处理，开发者可以根据实际需求选择需要的 polyfills, 这组选项暂时只有`异步函数`，后续将会开放更多功能。
designWidth	必填	1280	游戏视图分辨率宽度
designHeight	必填	960	游戏视图分辨率高度

web-mobile

参数名	可选	默认值	说明
polyfills	选填	{ asyncFunctions: true }	自 v1.0.3 版本起，构建支持一些新特性的 polyfills ，主要是在打包脚本时会做对应处理，开发者可以根据实际需求选择需要的 polyfills, 这组选项暂时只有`异步函数`，后续将会开放更多功能。
embedWebDebugger	选填	false	是否使用 vConsole, vConsole 类似 DevTools 的迷你版，用于辅助调试。
orientation	必填	‘auto’	设备方向，可选值为`‘auto’、’landscape’、’portrait’`.

预览 URL

自 v1.0.3 版本起，构建支持同时预览多个 web 项目，因而构建的预览 URL 不再是统一的而是每个构建任务都会有一个单独的预览 URL 互不干扰。点击 URL 即可自动打开浏览器进行预览。具体的预览 URL 拼接规则为 ${偏好设置里预览的 IP 地址}:${编辑器预览端口号}/${构建平台}/${构建任务名}/index.html；