Unity WebGL打包后启动方法,本地方法

引言:常见WebGL开启方法常需要重新打包点击Build and Run或者将游戏放到Unity的云服务器上,作为开发者而言这两个方案一个为了开启再次打包,另一个直接放到了公开环境都不太合适。所以我们需要一个能在本地开启测试的WebGL的方法。

解决方案

使用的是nodejs中的一个轻量级命令行工具http-server只有100kB左右。熟悉npm的可以在cmd中用命令npm install -g http-server安装,然后用命令http-server -p 8000打开服务器Url为http://127.0.0.1:8000。http-server的github地址:https://github.com/http-party/http-server,熟悉github的可以自行翻阅。

手把手教学

下面我将从以下几个步骤来阐述WebGL本地开启的方法,
1.找到你所在的打包WebGL的位置,能看到3个游戏相关的文件,如果没有还请移步Unity的WebGL先行打包,确定存在这三个文件的当前目录下在这里打开cmd窗口
在这里插入图片描述
2.输入cmd按下回车,直接在当前目录下打开Windows命令处理程序窗口
在这里插入图片描述
3.检查node是否存在,node版本没有太大的关系用LTS都可以,下载地址:https://nodejs.org/zh-cn/download/,需要配置一下node的环境,具体方法可以在网上搜索(参考:https://blog.csdn.net/web15185420056/article/details/144251082),相信我如果会接触程序,配置node环境是这辈子最简单的事情之一。
在这里插入图片描述
4.在确保node已经正常运行的情况下安装http-server
npm install -g http-server简单的一行代码就能搞定,能看到added没报错就已经成功了,这里我又添加了一行http-server -v查看当前版本,确保安装成功
![在这里插入图片描述](https://i-blog.csdnimg.cn/direct/5d988113c35048d0a93cf75a79f93c3f.png
5.当前所有条件就准备齐全了,下面就可以打开自己的webgl项目了,同样的在WebGL文件所在目录下打开Windows命令处理程序窗口,输入http-server -p 8000,可以看到Available on:
http://192.168.1.107:8000
http://127.0.0.1:8000这两个就是本地网络地址
同时为大家解释一下-p 8000就是端口号8000,基本上你用什么端口号都行就是别用有特殊含义的端口号就行,什么80,443,22,25,1这些别用,我们常用的就是8000,或者8080
在这里插入图片描述
此时将这个http://127.0.0.1:8000粘贴到自己浏览器中就可以,切记你看最后一句hit Ctrl-c是关闭服务器,所有喜欢用CtrlC,CtrlV粘贴的小伙伴要当心。
在这里插入图片描述
此时就能够运行自己的WebGL游戏了在浏览器上。

最后给大家解释一下,按需获取
1.本地服务器端口
http://127.0.0.1:8000这个地址端口8000对应的就是你电脑上正在运行的本地服务器(Windows里就是打开的命令行窗口启动的程序)。
如果你关掉那个命令行窗口,服务器就停止了,网页就打不开了。
重新开一个命令行窗口,重复启动命令,就能新建一个本地服务器。
2.127.0.0.1是本地回环地址,是你的电脑自己用的地址,只能在你自己电脑上访问。别人用别的电脑访问不了这个地址,确保你本地测试安全又方便。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.pswp.cn/news/918336.shtml
繁体地址,请注明出处:http://hk.pswp.cn/news/918336.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

安全引导功能及ATF的启动过程(五)

安全引导功能及ATF的启动过程(五) ATF中bl32的启动 bl31中的runtime_svc_init函数会初始化OP-TEE对应的服务,通过调用该服务项的初始化函数来完成OP-TEE的启动。对于OP-TEE的服务项会通过DECLARE_RT_SVC宏在编译时被存放到rt_svc_des段中。该…

Numpy科学计算与数据分析:Numpy入门之多平台安装与基础环境配置

Numpy环境搭建与基础操作 学习目标 本课程将指导学员在Windows、macOS和Linux三种操作系统上安装Numpy,并配置开发环境,包括使用Jupyter Notebook和Spyder等IDE的基本操作。通过本课程的学习,学员将能够独立搭建Numpy开发环境,并…

内存溢出的原因有哪些,如何排查线上问题?

1. java.lang.OutOfMemoryError: ......java heap space..... 堆栈溢出,代码问题的可能性极大 2. java.lang.OutOfMemoryError: GC over head limit exceeded 系统处于高频的GC状态,而且回收的效果依然 不佳的情况,就会开始报这个错误&…

Cesium 无人机视角飞行漫游,截屏

1.实现Cesium模拟无人机离屏渲染,无人机视角飞行漫游。视锥体显示 具体效果如下地址: 【CESIUM无人机视角飞行截屏】 https://www.bilibili.com/video/BV1zQ89zGE14/?share_sourcecopy_web&vd_source8239ec37df07d6a5d56c9ece00146783

vscode 打开设置

目录 方法 1(快捷键): 方法2,界面操作,有时没有 方法 1(快捷键): 按下:Cmd Shift P 输入并选择:Preferences: Open Settings (JSON) 方法2,…

繁花深处:花店建设的时代意义与多元应用—仙盟创梦IDE

花店当第一缕晨光透过花店的玻璃窗,落在带着露水的玫瑰花瓣上时,这个空间便不再只是商品交易的场所。花店作为城市肌理中充满生命力的细胞,承载着远比销售鲜花更丰富的社会意义。在快节奏的现代生活中,一束鲜花的绽放不仅是自然之…

AtomicStampedReference解决方案

1、通过引入版本戳(stamp)机制解决ABA问题: 每次修改时递增版本号执行CAS时同时检查值和版本号即使值相同但版本不同,操作也会失败2、具体代码实现 import java.util.concurrent.atomic.AtomicStampedReference;public class AtomicStampedReferenceDemo…

版本控制的详细说明介绍(已有github账号版)

说明 如果已经有一个GitHub账号,这是一个很好的起点!版本控制是一个帮助你管理代码或其他文件变化的工具,就像给你的项目加了一个“时间机器”,可以随时回溯历史、协作编辑,而不会乱套。下面我将从基础开始,层层展开说明。整个内容分为几个部分:介绍、原理、用途、操作…

基于Github Pages搭建个人博客站点:hexo环境搭建、本地预览与发布

步骤确认 Hexo 博客的源文件在哪里安装 Hexo 命令行工具:npm install -g hexo-cli在源文件目录中使用 hexo new "文章标题" 创建新文章编辑生成的 Markdown 文件使用 hexo generate 生成静态文件使用 hexo deploy 部署到这个 GitHub Pages 仓库设置Hexo博…

Shell脚本实现自动封禁恶意扫描IP

iptables 简介我们使用iptables工具实现功能iptables 是 Linux 系统上最常用的防火墙工具,可以指定策略。Shell文件创建首先我们先创建文件scanners.shvim /usr/local/bin/auto_block_ip.sh我的目标是每10分钟自动扫描,再10分钟内一个IP访问50次以上就就…

LeetCode_哈希表

哈希表(散列表)一、哈希表二、有效的字母异位词1、有效的字母异位词(力扣242)2、赎金信(力扣383)3、字母异位词分组(力扣49)4、找到字符串中所有字母异位词(力扣438)三、两个数组的交集1、两个数组的交集(力扣349)2、两个数组的交集 II(力扣350)三、其他…

2.变量和常量

1.变量2.2 变量的基本使用2.3 变量的本质 2.4 变量命名规则与规范 2.5 变量拓展-数组 1.数组的基本使用 2.常量

Java并发核心基础解析

目录 一、背景 二、Java线程模型 三、Synchronized实现原理 3.1 锁的使用 3.2 解释执行 3.3 JIT执行 3.4 锁的状态 3.5 monitorenter 3.5.1 偏向锁 3.5.2 轻量级锁 3.5.3 重量级锁 3.6 monitorexit 3.6.1 偏向锁 3.6.2 轻量级锁 3.6.3 重量级 四、可见性的真相…

线程池111

线程池框图C语言线程池详解:从基础到实现通俗理解线程池想象你开了一家快递站,每天要处理很多包裹派送:​没有线程池​:每来一个包裹就雇一个新快递员,送完就解雇问题:频繁招聘解雇成本高(线程创…

Qt-Advanced-Docking-System

直译一下 : 先进的停靠系统 github: mfreiholz/Qt-Advanced-Docking-System: Advanced Docking System for Qt 这是这个项目的起源 这个最后一次更新: githubuser0xFFFF/Qt-Advanced-Docking-System: Advanced Docking System for Qt 这是另一个人复刻…

湖南(源点咨询)市场调研 如何在行业研究中快速有效介入 中篇

我们接着起头篇来说迈克尔波特认为一个行业内存在着五种基本竞争力量,即潜在入侵者、替代产品、供方、需方以及行业内现有竞争者。如附图:即:同行业内现有竞争者的竞争能力、潜在竞争者进入的能力、替代品的替代能力、供应商的讨价还价能力、…

【无标题】消息队列(Message Queue)是一种**进程间通信(IPC)机制

消息队列(Message Queue)是一种进程间通信(IPC)机制,它允许进程通过在队列中添加和读取消息来交换数据。与管道(命名/匿名)相比,消息队列具有结构化消息、异步通信和消息持久化等特点…

mac中多版本JDK配置和切换

下载 从jdk官网下载即可,找到自己要用的版本。 官网:https://www.oracle.com/java/technologies/downloads/#jdk21-mac 我这里下载的jdk1.8和21。 根据自己芯片下载,一般都是m芯片。下载好后,点击,一直下一步就行&…

【JVM】流程汇总

【JVM】流程汇总【一】编译过程和内存分布【1】案例程序:简单的 Java 类【2】Java 编译过程:从.java到.class(1)编译命令(2)编译结果(3)字节码的作用【3】Java 运行过程:…

专业MP3瘦身工具WinMP3Shrink 1.1,绿色单文件,极速压缩

[软件名称]: 专业MP3瘦身工具WinMP3Shrink 1.1 [软件大小]: 1.1 MB [软件大小]: 夸克网盘 | 百度网盘 软件介绍 WinMP3Shrink 是一款免费的 MP3 压缩软件,能够有效减少 MP3 文件的体积,同时还能增强音质。即使不重新编码,通过移除保留空间…