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
英文地址,請注明出處:http://en.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 文件的體積,同時還能增強音質。即使不重新編碼,通過移除保留空間…