Unity开发之Webgl自动更新程序包

之前让客户端更新webgl程序是在程序里写版本号然后和服务器对比,不同就调用 window.location.reload(true);之前做的客户端都是给企业用,用户数少看不出来啥问题。后来自己开发一个小网站,用户数量还是挺多,然后就会遇到各种各样的问题了。比如这个自动更新程序的问题就不行,会报错。用户用键盘的强制刷新就可以更新程序。搜了AI发现其实就是现在浏览器会把window.location.reload(true);和window.location.reload();等价。也就是非强制刷新。也就是说他

  • 只重新加载 HTML 页面,

  • 但对大部分 JS、WASM、DATA 等文件依然使用缓存。

所以这个方案行不通。换个方法如下,把index.html中部分代码改成如下:

javascript 复制代码
 const version = "1.01"; // 你可以每次部署时更新这个版本号

		var buildUrl = "Build";
		var loaderUrl = `${buildUrl}/3d.loader.js?v=${version}`;
		var config = {
		  dataUrl: `${buildUrl}/3d.data.unityweb?v=${version}`,
		  frameworkUrl: `${buildUrl}/3d.framework.js.unityweb?v=${version}`,
		  codeUrl: `${buildUrl}/3d.wasm.unityweb?v=${version}`,
		  streamingAssetsUrl: "StreamingAssets",
		  companyName: "Manggehaili",
		  productName: "PPJ_Editor",
		  productVersion: "0.1",
		  showBanner: unityShowBanner,
		};

代码里的版本号不需要维护了,每次更新就改这个版本好就可以了。自动加个1.就会重新请求。

相关推荐
蓝婷儿2 小时前
每天一个前端小知识 Day 27 - WebGL / WebGPU 数据可视化引擎设计与实践
前端·信息可视化·webgl
Perfumere5 小时前
【WebGPU学习杂记】缓冲区是个啥?内存?闪存?
前端·webgl
爱看书的小沐2 天前
【小沐杂货铺】基于Three.JS绘制汽车展示Car(WebGL、vue、react、autoshow、提供全部源代码)
汽车·vue3·react·webgl·three.js·opengl·autoshow
zhu_zhu_xia3 天前
cesium添加原生MVT矢量瓦片方案
javascript·arcgis·webgl·cesium
charlee443 天前
WebGL简易教程——结语
教程·webgl·三维可视化·前端开发·计算机图形学
心前阳光3 天前
Unity WebGL文本输入
unity·游戏引擎·webgl
三月的一天4 天前
React Three Fiber 实现 3D 模型点击高亮交互的核心技巧
3d·webgl·threejs·reactthreefiber
康康的幸福生活4 天前
webgl2 方法解析: bufferSubData()
webgl
千鼎数字孪生-可视化4 天前
Web技术栈重塑HMI开发:HTML5+WebGL的轻量化实践路径
前端·html5·webgl
Data_Adventure5 天前
推荐几款开源 Canvas 和 WebGL 图形库
前端·webgl·canvas