unity打包Webgl的设置和UI适配问题

前言

记录一下自己学习打包Webgl出现的问题，看了不少文章，自己总结一下。

一、unity添加模块和设置

在unityHub中安装中添加webgl模块

在打包的地方点击webgl点击左下角的Playersetting

将Decompression Fallback勾选上

然后就可以打包并运行，你就会看到

这样就对了，因为你没有服务器作为载体。所以我们要配置本地服务器。

二、配置本地服务器并打开服务

右击此电脑点击管理

点击服务器应用，选着第一个

选择网站后右上角有个添加

输入网站名称（非中文）、物理路径（记住后面用的到，找个地方放就好），端口挑个喜欢的输入完了确定，我的网站名是webgl；

点击webgl（你填的网站名）

点击MIME类型，点击右侧添加，添加下图

.unity3d

application/octet-stream

打开网络服务，打开控制面板选择出现程序

点击启用或关闭Windows功能

将下面服务打开

三、打包运行

还记得上面服务器的物理路径吗，在该路径下键一个文件夹并打包到这里

然后点击index运行，你会发现还是报上面的错误。

原因就是这里是物理路径，要使用服务器端口打开。

打开的端口地址是：localhosthttp://localhost:801/unity/Unity WebGL Player | Observer mode

这里localhost指的是自己的IP地址，用自己的IP地址也可以，801是端口，unity是文件名；

之后就可以使用端口直接访问。（只有非自定义IP每次重启电脑IP会变，建议使用localhost）

四、其他

打包webgl后UI不适配

找到打包的文件右键index用vs打开

将这两个值改成100%

打开后UI文字无法显示

在这里找一个字体放进去unity里面（得是tff格式的）我用的黑体常规可用

将文本框的格式都改成你导入的字体

总结

打包成webgl遇到的问题还是很多的，需要细心；

就像我直接是选择的打包而不是打包并运行，然后打开报错那个问题就一直在，其实是成功了，无法用物理路劲打开，得用端口打开。