Unity打包WebGL的全过程及在打包和使用过程中会遇到的问题

article/2025/7/1 8:22:23

目录

概要

Unity打包WebGL PlayerSettings设置

Resolution and Presentation

Other Settings

 Publishing Settings

本地服务器测试环境配置

问题盘点

概要

        盘点Unity在Build WebGL环境包时需要的配置以及遇到的难题

Unity打包WebGL PlayerSettings设置

Resolution and Presentation

Resolution and Presentation 界面主要设置打包后的WebGL界面的分辨率显示

设置的分辨率尽量要和当前编译器界面的分辨率一致 

Other Settings

Unity Other Settings的默认设置在打开后会看到有警告,其大致意思就是在提醒我们要在 Unity WebGL 构建中启用高质量的光照贴图编码并确保 WebGL 2 兼容性,解决这个警告只需要将Auto Graphics API 自动图形接口关闭后在Graphics APIs选择WebGL2就可以解决这个警告

 Publishing Settings

这是系统默认的  Publishing设置

其中Compression Format是打包后的Build包的压缩格式这里如果是要在本地服务器也就是127.0.0的环境下测试的话选择Disabled就可以如果说选择压缩的话就需要去解压缩这些文件

选择Gzip的Build包

选择Disabled的Build包

如果说选择压缩打包那么在本地测试(广域网测试母鸡啊~)会出现浏览器不支持解压缩这个问题解决方案还在研究中,所以就只讲解一下不压缩的,其实压缩与不压缩其会出现的问题只会在包的大小上体现出来如果不是正式上线只是本地测试的话没有什么区别也不会存在解压缩这个问题了

到这里打包以前的所有配置就都已经完毕了,接下来就是配置本地的服务器测试环境

本地服务器测试环境配置

打包后我们会发现在我们的文件夹里会有一个网址html,这代表我们的Web包已经打成功了,那么直接点击这个html文件就能够直接运行我们的项目了

才怪!!!                

 肯定已经有单身几十年的读者已经打开了页面

无法下载文件 ,此浏览器不支持在没有 Web 服务器的情况下通过 file:// URL 加载网页。请使用本地开发 Web 服务器来托管 Unity 内容,或使用 Unity 构建和运行选项。

 映入眼帘的血红的报错,犹如万箭穿心,裤子都脱了你给我看这个!!!

别慌马上就来..............

这个问题是因为我们Web包必须在有服务器支持的环境下才能够正常运行,所以接下来重点要来了

我们要配置我们的包体在本地也就是127.0.0的环境下的服务器托管状态

首先要配置我们的电脑的Windows功能

1.打开控制面板 

2.

3.

4. 

Internet Information Services左边的箭头全选后点击确定就可以

接下来就是创建一个新的网络

 1.找到此电脑然后右击找到管理选项

2.打开后我们可以看到如下界面在服务和应用程序下面找到Internet Information Services选项单击进入

 3.找到网站右击点击添加一个新的网站

4.

5.点击确定后就会创建出一个我们的本地路径

 然后在我们的网页上输入127.0.0.1:8080(设置的端口号)

不出意外的话意外就要来啦

进入界面后我们看见报错不见了但是并没有进入我们的界面,根据能量守恒定律报错没有消失他只是换了一种方式陪伴你而已,当我们按F12进入网页控制台后我们发现报错来啦。

 

 我们在网络里发现我们的.data文件出现了报错我们双击他就会进入这样的界面

这是因为我们的网站MIME类型不支持解析.data类型文件那这个.data文件是哪来的???

 有这样疑问的朋友一定没有看过Unity打包后的Web包里都存在什么

在我们的Build包里存在这样几个文件

.data的解析就是因为这里导致的

那么开往幼儿园的车要发车了~~~~~~~~~~~~~~~~~~

我们再次回到我们的网站配置界面 点击我们添加的网站

找到MIME类型双击他 双击 双击 双击 重要的事情说三遍

 

在这个界面添加我们的MIME类型 

 application/octet-stream   知道你们懒得敲

点击确定就添加上了我们的类型然后再回去我们的网站就发现牛顿棺材板按不住了能量守恒消失了BUG不见了

至此所有环境配置完成火箭成功发射

问题盘点

在测试中发现了一些阻碍项目运行的问题

在我们的项目中减少不了有许多的文件解析尤其json占我们解析文件的大头

在打包后解析json时发现了一个问题应为我使用的json解析是Newtonsoft.Json.dll插件去解析的,在我们打包后运行时会发现这个插件Web并不能去识别所以会给我们发出报错

这个的解决方案其实很简单更换一个解析插件或者说直接使用unity自带API去解析

点击下载解析插件


http://chatgpt.dhexx.cn/article/44cQyche.shtml

相关文章

Unity WebGL 遇到的各种问题

内容持续更新!如果你有遇到过奇怪的问题,也可以在评论局反馈。 1.Unity 发布WebGL1.0版本,需要把程序包控制在100M以内。 提示1:RangeError: Start offset undefined is outside the bounds of the buffer(开始偏移量…

【unity发布webgl】遇到的问题和解决办法

1.发布部署出来的链接放到手机上测试。 ios:20秒读条然后闪退;vivo:9秒读条闪退;小米:15秒进入 然鹅,资料只有130kb的图片。 2.报这个警告,修改Build文件夹里的UnityLoader.js取消 移动端展示弹出提示框&a…

【Unity】打包WebGL项目遇到的问题及解决记录

目录 Unity中打包时注意事项切换平台为WebGL平台设置Player Setting分辨率预设其它设置发布设置确保项目路径没有中文 选择Assets同级目录打包 打包后将项目部署到IIS上发布安装IIS并添加网站为服务器添加 MIME Type 映射和跨域访问权限添加MIME Type映射添加跨域访问权限 尝试…

发布WebGL遇到的问题

本文地址:https://blog.csdn.net/t163361/article/details/129734803 最近准备申请新星创作者,需要2000个粉丝关注,觉得文章有用的,请点一下左侧边栏的关注,谢谢。 以下为发布WebGL时遇到的问题以及解决方案。相同的问…

关于Webgl实际中遇到的一些坑,与大家分享。

我们在webgl的开发中,可能会遇到这样或者那样的问题,在这里与大家分享。 首先,我们要懂得如何找到问题。 打开Firefox火狐浏览器的web控制台。 这样我们更可以知道哪一个环节出了问题,就可以对症下药,解决问题。节省…

个性化推荐系统 - 01简述

前言 在互联网发展的早期,内容比较匮乏,不论在资讯,电商,还是广告行业。那个阶段诞生了搜索引擎。解决了信息查找的问题。随着互联网迅速发展起来,互联网上面的内容几何式增长。用户获取信息的途径不再困难。怎么样在海量的信息中找到用户感兴趣的内容,就是我们现在要解决的问…

4个方面,系统总结个性化推荐系统

作者:Placeless 全文共 7393 字 13 图,阅读需要 16 分钟 ———— / BEGIN / ———— 现在的人们面对信息过载问题日益严重,好的个性化推荐将能够很好的提升用户体验,提高用户使用产品完成任务的效率,更好的留住用户&…

推荐系统基础(2):个性化推荐系统简述

1.推荐系统含义、目标 推荐系统根据用户的历史、社交、上下文环境等信息去判断用户当前感兴趣的内容。 推荐系统的业务: 物料组装:生产广告,实现文案、图片等内容的个性化物料召回:在大量内容中召回一个子集作为推荐的内容物料…

CSDN个性化推荐系统-负反馈测试

文章目录 前言一、uc不感兴趣标签过滤测试1.uc不感兴趣标签获取(uc_unlike_tag_list)1.1个人中心界面1.2从标签中可以发现什么?1.3与研发确认点1.4设计开发1.5接口获取结果 2.推荐流文章标签获取(tag_list)2.1部分代码2.2基本标签校验2.3基本标签校验结果 3.推荐流u…

个性化推荐系统设计(2.1)——推荐算法介绍

协同过滤算法 协同过滤(Collaborative filtering, CF)算法是目前个性化推荐系统比较流行的算法之一。 协同算法分为两个基本算法:基于用户的协同过滤(UserCF)和基于项目的协同过滤(ItemCF)。 基于属性的推荐算法 基于…

[推荐系统]基于个性化推荐系统研究与实现(1)

目 录 一、搜索引擎与推荐系统 二、推荐系统原理与算法 2.1 Jaccard系数 2.2 余弦相似度 三、数据定向爬取及电影数据集 3.1 爬取近七日天气预报数据存入DB数据库,分为五步完成。 3.2 爬取豆瓣电影数据集存入CSV文件,分四步。 3.3 电影&#xf…

如何支持研发对CSDN个性化推荐系统重构

目录 大地图工具构建数据治理保持发布重视测试小结引用 一个以内容服务为主的软件,它的推荐系统在数据侧对软件产生着举足轻重的作用。数据的三个方面决定了这个内容软件的档次。 数据的质量好坏数据和用户需求的相关性好坏数据的层次体系好坏 通常,我…

智能个性化推荐系统设计

推荐系统构成 * 召回层 - 对海量的数据进行召回 * 排序层 - 对召回后的数据进行排序,排序结果返回给用户 推荐系统架构 基于物品的推荐系统架构 基于用户的推荐系统架构

个性化推荐系统设计(4.1)——案例分析

在过去的十年中,神经网络已经取得了巨大的飞跃。如今,神经网络已经得以广泛应用,并逐渐取代传统的机器学习方法。 接下来,我要介绍一下YouTube如何使用深度学习方法来做个性化推荐。 由于体量庞大、动态库和各种观察不到的外部因素…

141.如何个性化推荐系统设计-1

141.1 什么是个性化推荐系统? 个性化推荐系统就是根据用户的历史,社交关系,兴趣点,上下文环境等信息去判断用户当前需要或潜在感兴趣的内容的一类应用。大数据时代,我们的生活的方方面面都出现了信息过载的问题&#…

下一代个性化推荐系统

本文结合技术及社会需求发展的大背景,讲述了当前推荐系统的价值及所面临的挑战,并指出了下一代个性化推荐系统的设计思路及需要注意的问题。 作为个性化推荐系统核心的协同过滤(Collabora-tive Filtering)算法,是Goldb…

基于大数据的个性化推荐系统

随着互联网时代的发展和大数据时代的到来,人们逐渐从信息匮乏的时代走入了信息过载的时代。为了让用户从海量信息中高效地获取自己所需的信息,推荐系统应运而生。 推荐系统的主要任务就是联系用户和信息,它一方面帮助用户发现对自己有价值的信息,另一方面让信息能够展现在…

CSDN 个性化推荐系统的设计和演进

个性化推荐项目 个性化推荐的设计和演进项目概览项目梳理依赖管理实现代码的重构和改进持续演化 个性化推荐的设计和演进 CSDN 的个性化推荐系统,是从既有的推荐项目中剥离出来的一个子项目,这个项目随后移交到了我们AI组。在近一年的时间内&#xff0c…

【个性化推荐系统】简介

个性化推荐系统-简介 1. 推荐系统简介2. 推荐系统产生背景3. 推荐系统的作用4. 推荐系统和Web项目的区别 1. 推荐系统简介 ​ 个性化推荐 (推荐系统) 经历了多年的发展,已经成为互联网产品的标配,也是AI成功落地的分支之一,在电商(淘宝/京东…

个性化推荐系统研究综述

从最初接触个性化推荐系统已过去六天。今天是第七天,完全可以对前六日的学习做出复盘。推荐系统并没有如同网络上那般盛传的玄秘深晦,而是直白到令人一眼看穿。 本文从六个层面总结个性化推荐系统: 在用户建模上,详细总结了用户…