unity发布webgl踩坑填坑

牛顿顿顿1

已于 2024-12-02 16:48:39 修改

阅读量1k

点赞数 10

文章标签： webgl

于 2024-11-20 11:15:29 首次发布

本文链接：https://blog.youkuaiyun.com/weixin_45110508/article/details/143905202

版权

一、发布配置

参考：Unity打包到Webgl平台以及遇到的问题_unity webgl-优快云博客

发布后用VSCode打开文件夹，更改代码：将.framw里的var wr={requestInstances:{},nextRequestId:1,loglevel:2}替换为var wr={requestInstances:{},nextRequestId:1,loglevel:2, responses: {}, timer:{}, requests:{}, abortControllers:{} }

var wr={requestInstances:{},nextRequestId:1,loglevel:2, responses: {}, timer:{}, requests:{}, abortControllers:{} }

如果用iis发布，在发布的文件夹下添加web.config文件

代码如下

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
    <staticContent>
      <remove fileExtension=".mem" />
      <remove fileExtension=".data" />
      <remove fileExtension=".unity3d" />
      <remove fileExtension=".jsbr" />
      <remove fileExtension=".membr" />
      <remove fileExtension=".databr" />
      <remove fileExtension=".unity3dbr" />
      <remove fileExtension=".jsgz" />
      <remove fileExtension=".memgz" />
      <remove fileExtension=".datagz" />
      <remove fileExtension=".unity3dgz" />
      <remove fileExtension=".json" />
      <remove fileExtension=".unityweb" />
 
      <mimeMap fileExtension=".mem" mimeType="application/octet-stream" />
      <mimeMap fileExtension=".data" mimeType="application/octet-stream" />
      <mimeMap fileExtension=".unity3d" mimeType="application/octet-stream" />
      <mimeMap fileExtension=".jsbr" mimeType="application/octet-stream" />
      <mimeMap fileExtension=".membr" mimeType="application/octet-stream" />
      <mimeMap fileExtension=".databr" mimeType="application/octet-stream" />
      <mimeMap fileExtension=".unity3dbr" mimeType="application/octet-stream" />
      <mimeMap fileExtension=".jsgz" mimeType="application/x-javascript; charset=UTF-8" />
      <mimeMap fileExtension=".memgz" mimeType="application/octet-stream" />
      <mimeMap fileExtension=".datagz" mimeType="application/octet-stream" />
      <mimeMap fileExtension=".unity3dgz" mimeType="application/octet-stream" />
      <mimeMap fileExtension=".json" mimeType="application/json; charset=UTF-8" />
      <mimeMap fileExtension=".unityweb" mimeType="application/octet-stream" />
            <mimeMap fileExtension=".ab" mimeType="application/octet-stream" />
    </staticContent>
        <directoryBrowse enabled="true" />
        <httpProtocol>
            <customHeaders>
                <add name="Access-Control-Allow-Credentials: " value="true" />
                <add name="Access-Control-Allow-Headers" value="Accept, X-Access-Token, X-Application-Name, X-Request-Sent-Time" />
                <add name="Access-Control-Allow-Methods" value="GET, POST, OPTIONS" />
                <add name="Access-Control-Allow-Origin" value="*" />
            </customHeaders>
        </httpProtocol>
  </system.webServer>
</configuration>

二、界面缩放自适应

1、canvas设置

2、发布web后修改样式

<body style="text-align: left; padding: 0; border: 0; margin: 0;overflow: hidden;">
    <canvas id="unity-canvas" width=100% height=100% tabindex="-1" style="width: 100%; height: 100%; background: #231F20"></canvas>

else{
        var canvas = document.querySelector("#unity-canvas");
        canvas.style.width="100%";
        canvas.style.height="100%";
        canvas.style.position="fixed";
      }