Unity导出WebGL工程，并部署本地web服务器-Toy模板网

这篇具有很好参考价值的文章主要介绍了Unity导出WebGL工程，并部署本地web服务器。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

WebGL打包

设置修改

在Build Settings->PlayerSettings->Other Settings->Rendering

将Color Space 设置为Gamma
将Lightmap Encoding 设置为NormalQuality

Unity导出WebGL工程，并部署本地web服务器

在Build Settings->PlayerSettings->Publishing Settings

勾选Decompression Fallback

Unity导出WebGL工程，并部署本地web服务器

打包

完成配置修改之后，可以直接在Build界面选择Build And Run，构建结束后会由Unity自动部署，可以正常打开网页。

Unity导出WebGL工程，并部署本地web服务器

如果选择的是Build，导出WebGL工程。直接在本地点击index.html，会出现以下报错。需要部署web服务器才可以正常访问。下文会部署本地nginx服务器，解决该问题

Unity导出WebGL工程，并部署本地web服务器

部署Nginx

安装Nginx

Windows端

到niginx的官网http://nginx.org/en/download.html

下载稳定版本

Unity导出WebGL工程，并部署本地web服务器

之后将下载的zip解压后直接双击nginx.exe运行

Unity导出WebGL工程，并部署本地web服务器

Mac端

在命令行输入下方指令，安装ngnix

brew install ngnix

安装完成后，可以看到以下的输出日志

Unity导出WebGL工程，并部署本地web服务器

其中 /opt/homebrew/etc/nginx/nginx.conf 就是nginx配置所在的位置

修改配置

打开conf/niginx.conf，将端口号和server_name改为一个未被占用的端口号和本机的ip地址

 server {
        #这里填一个未被占用的端口
        listen       8080;
        #这里填本机ip
        server_name  10.244.115.20;

        #charset koi8-r;

        #access_log  logs/host.access.log  main;

        
        location / {
            #这里填unity导出的webgl工程地址
            root   "D:\UnityProjects\DiceGameWeb";
            index  index.html index.htm;
        }
}

重新加载配置

修改完配置之后需要重新加载nginx配置，在nginx.exe所在的目录下运行

./nginx -s reload

运行webgl工程

最后将配置中填写的本机地址和端口号拼接在一起访问，http://10.244.115.20:8080/index.html

可以正常运行

Unity导出WebGL工程，并部署本地web服务器

问题处理

Unable to parse Build/DiceGameWeb.framework.js.br! If using custom web server, verify that web server is sending .br files with HTTP Response Header "Content-Encoding: br". Brotli compression may not be supported over HTTP connections. Migrate your server to use HTTPS.

BuildSetting->PlayerSettings->Player->Settings for WebGL->Publishing Settings->Compression Format

把Compression Format改成Disabled或者Gzip

Unity导出WebGL工程，并部署本地web服务器

执行nginx指令报错：nginx: [error] open() "/opt/homebrew/var/run/nginx.pid" failed (2: No such file or directory)

原因是nginx的pid丢失，所以执行 nginx -c /opt/homebrew/etc/nginx/nginx.conf 的指令后面xx/nginx.conf 是nginx.config实际存储的地址文章来源地址https://www.toymoban.com/news/detail-418335.html

到了这里，关于Unity导出WebGL工程，并部署本地web服务器的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！