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 小时前
【小沐杂货铺】基于Three.js绘制三维艺术画廊3DArtGallery (Three.js,WebGL)
javascript·3d·webgl·three.js·babylon.js·三维画廊
爱看书的小沐4 小时前
【小沐学GIS】基于C++渲染三维飞行仿真Flight Simulation(OpenGL )第十三期
c++·qt·webgl·opengl·飞行仿真·flight
千鼎数字孪生-可视化4 天前
webGPU即将到来,和原生GPU有啥区别呢?
webgl·网页3d
cxxcode7 天前
认识 WebGL:基本用法与核心 API
webgl
threelab10 天前
从工厂模式到简化封装:三维引擎架构演进之路 threejs设计
javascript·3d·架构·webgl
qiao若huan喜10 天前
13、webgl基本概念 + 绘制狮子座星空
前端·javascript·信息可视化·webgl
qiao若huan喜16 天前
12、webgl 基本概念 +满天星星眨眼睛
前端·信息可视化·webgl
threelab17 天前
Vue3 + Trilab:打造高扩展性三维可视化插件化框架实战指南
javascript·3d·webgl
qq_120840937117 天前
Vue3 + Three.js 入门实战:从 0 到 1 搭建可交互的 3D 场景(含模型加载与性能优化)
javascript·3d·vue3·交互·webgl·gltf
a11177618 天前
Three.js 的前端 WebGL 页面合集(日本 开源项目)
前端·javascript·webgl