Unity打包浏览器端网页HTML（WebGL）以及部署到Tomcat浏览器访问报错问题解决

Unity默认打包是PC端客户端程序，想要打包浏览器可以访问的WebGL网页，需要修改一些配置。

我使用的Unity版本是2021.3.24f1。

1. 修改`Build Settings...`

1.1 点击`File`——`Build Settings...`

在这里插入图片描述

1.2 点击`Add Open Scenes`.把全部场景加入 Scene In Build 列表中

网上说不全部加进去会找不到需要跳转的场景，我还没涉及到…
在这里插入图片描述

1.3 `Platform`中，选择`WebGL`，点击`Switch Platform`切换平台。

在这里插入图片描述

1.4 切换完成后，发现`Build`和`Build And Run`不能点击。

2. `Build`

2.1 退出`Build Settings`，点击`File`——`Build And Run`

在这里插入图片描述

控制台报错（如果你找不到你的控制台窗口，可以点击Window——General——Console，调出你的控制台窗口）
分析下错误，Building Player 的 color space有问题，来设置一下Build Player

2.2 打开`Build Settings`——`Player Settings`

在这里插入图片描述

找到Other Settings —— Color Space，改为Gamma
点击Change to Gamma

2.3 至此，发现`Build`和`Build And Run`可以点击了。

在这里插入图片描述

点击Build，创建并选择一个存放输出内容的文件夹。
等待进度条走完即可。
进度条走完会弹出文件资源管理器，并且打开到输出目录的位置。
输出内容结构如下：
按我的理解，可以把输出的内容进行部署，再通过浏览器访问，当然如果你没有Tomcat、NginX之类的工具，可以执行Build And Run，可以直接在本地启动一个服务，在浏览器中直接访问。

下面是Build And Run 的效果。
在这里插入图片描述

3. 部署Tomcat常见问题

3.1 浏览器中访问报错

Unable to parse Build/WebGLOut.framework,js.gz! This can happen if build compression was enabled but web serverhosting the content was misconfigured to not serve the file with HTTP Response Header "Content-Encoding;: gzip’present. Check browser Console and Devtools Network tab to debug.
在这里插入图片描述

BuildSettings—PlayerSettings勾选Decompression Fallback(解压缩回退)之后，重新Build，再部署，就好了。

参考 https://blog.csdn.net/qq_37214567/article/details/122612429

在这里插入图片描述