Unity发布Webgl在本地运行

最近因为某项目需要导出网页版本,本想着直接用H5写,但是项目中又涉及到模型部分,想来想去还是决定用Unity的webgl,但是当我发布出来后在本机直接打开index.html,会报以下这个错:

It seems your browser does not support running Unity WebGL content from file:// urls. Please upload it to an http server, or try a different browser.

其实意思是无法打开本地链接,需把网页发布成可打开的网址放在服务器上,我看过网上很多帖子说是要放在服务器上,但是我后来一想不对劲啊,本地电脑其实也是可充当局域网服务器使用的,凭什么就打不开,经过一番研究,终于发现了问题。

废话有点多了,下面直接贴步骤:

1.Unity发布出Webgl版本,Unity步骤就不说了

2.打开电脑控制面板-程序-启动或关闭Windows功能

检查下电脑的网页服务有没有开启,需全部打开,加号底下的也是

3.电脑右键“管理”,进入计算机管理,选择IIS管理器

 4.选择网站,右键添加网站

5.设置相关配置,其中最重要的是

网站名称:随便填一个

物理路径:Unity打包出来的webgl在电脑的地址

端口:建议往上填写,9000,10000都行,不要使用80,避免与其他网页冲突

6.设置好之后点击确定

7.把web.config放在webgl同路径下,下载地址https://download.csdn.net/download/qq_33155437/22029926,如图

8.这时候在电脑浏览器上输入127.0.0.1:设置的端口,就能打开Unity webgl了,建议浏览器使用谷歌,火狐

附带火狐直接开启webgl方法:

Mozilla firefox(火狐浏览器)开启方法
firefox的用户请在浏览器的地址栏输入“about:config”,回车后:
1、在过滤器(filter)中搜索“webgl”
 将webgl.force-enabled设置为true
 将webgl.disabled设置为false
2、在过滤器(filter)中搜索“security.fileuri.strict_origin_policy”
 将security.fileuri.strict_origin_policy设置为false
关闭目前开启的所有firefox窗口,然后重新启动firefox。
其中前两个设置是强制开启webgl支持,最后一个security.fileuri.strict_origin_policy的设置是允许从本地载入资源,如果你不是webgl的开发者,不需要开发调试webgl,只是想要看一下webgl的demo,那你可以不设置此项。


 

  • 8
    点赞
  • 52
    收藏
    觉得还不错? 一键收藏
  • 10
    评论
Unity WebGL是一种用于在网页浏览器中运行Unity的游戏和应用程序的技术。由于安全性和隐私的原因,Unity WebGL默认不支持从本地(即计算机的硬盘驱动器)加载本地文件。这是在浏览器中实施的一个限制措施,以防止任意读取用户的本地文件。 尽管如此,Unity WebGL仍然可以加载和呈现网络上的远程Web资源。要将本地文件打开并在Unity WebGL中访问,有几种可行的方法: 1. 将本地文件上传到Web服务器上:可以将要访问的本地文件上传到网络上的Web服务器,然后通过URL访问该文件。然后,Unity WebGL应用程序可以使用该URL加载和显示文件的内容。 2. 使用Web APIs:利用浏览器提供的Web APIs(如File API和XHR/Fetch API等)可以使Unity WebGL应用程序能够通过用户的交互来选择要加载的本地文件。应用程序可以请求用户选择文件,并使用File API读取文件内容,然后将其加载到Unity WebGL中。 3. 将本地文件编码为Base64:可以将本地文件编码为Base64格式的字符串,然后将其作为数据URI传递给Unity WebGL应用程序。应用程序可以使用该数据URI解码和加载文件的内容。 无论选择哪种方法,请记住确保用户的隐私和安全。在访问本地文件时,要向用户提供清晰的说明和明确的请求。确保用户充分了解要访问和使用他们的文件的目的,以及他们有权拒绝访问或选择其他文件的权利。
评论 10
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值