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.就会重新请求。

相关推荐
xhload3d7 小时前
WebGL/Canvas 内存泄露分析
低代码·3d·html5·webgl·数字孪生·可视化·软件开发·工业互联网·内存泄漏·轻量化·技术应用·hightopo
爱看书的小沐3 天前
【小沐杂货铺】基于Three.js渲染三维风力发电机(WebGL、vue、react、WindTurbine)
javascript·vue.js·webgl·three.js·opengl·风力发电机·windturbine
郝学胜-神的一滴3 天前
Three.js光照技术详解:为3D场景注入灵魂
开发语言·前端·javascript·3d·web3·webgl
linweidong4 天前
让低端机也能飞:Canvas/WebGL/Viz 分层、降级渲染与数据抽样策略
前端框架·webgl·canvas·前端动画·前端面经·css渲染·动画优化
CAD老兵6 天前
打造高性能二维图纸渲染引擎系列(一):Batched Geometry 助你轻松渲染百万实体
前端·webgl·three.js
CAD老兵6 天前
打造高性能二维图纸渲染引擎系列(三):高性能 CAD 文本渲染背后的隐藏工程
前端·webgl·three.js
CAD老兵6 天前
打造高性能二维图纸渲染引擎系列(二):创建结构化和可扩展的渲染场景
前端·webgl·three.js
王维志8 天前
使用Asp.Net WebApi(.net 8)托管Unity WebGL
unity·游戏引擎·webgl
Zuckjet_8 天前
第 7 篇:交互的乐趣 - 响应用户输入
前端·javascript·webgl
xhload3d8 天前
智慧钢厂高炉冶炼仿真分析 | 图扑数字孪生
3d·智慧城市·html5·webgl·数字孪生·可视化·热力图·智慧工厂·工业互联网·工业组态·高炉炼铁·数字工厂·高炉炉体·智慧高炉·高炉