uniapp打包H5部署在本地電腦，開(kāi)啟內(nèi)網(wǎng)穿透

用uniapp開(kāi)發(fā)的跨平臺(tái)項(xiàng)目可以打包H5，手機(jī)電腦均可訪問(wèn)。

打包步驟

1、點(diǎn)發(fā)行-網(wǎng)站PC-web或手機(jī)H5


image.png

2、填寫網(wǎng)站標(biāo)題和網(wǎng)站域名（也可不填）


image.png

3、等待一會(huì)，控制臺(tái)會(huì)輸出打包結(jié)果


image.png

4、安裝nginx，找到nginx.conf文件，打開(kāi)，在server的listen節(jié)點(diǎn)設(shè)置端口號(hào)8088，把打包的路徑配置在server-location的root節(jié)點(diǎn)，如下圖


image.png

5、重啟nginx，終端輸入brew services restart nginx


image.png

6、完成配置，即可在瀏覽器輸入http://localhost:8088/#/訪問(wèn)

image.png

7、那如果想要在手機(jī)上4G訪問(wèn)如何實(shí)現(xiàn)？ 需要借助工具開(kāi)啟內(nèi)網(wǎng)穿透，這邊以natapp為例

8、注冊(cè)登錄，登錄后,點(diǎn)擊左邊 購(gòu)買隧道,免費(fèi)/付費(fèi)均可


image.png

9、根據(jù)需要選擇隧道協(xié)議,這里以web演示,購(gòu)買隧道


image.png

10、在 natapp.cn 根據(jù)您的本機(jī)下載對(duì)應(yīng)的客戶端,比如我的本機(jī)是mac,arm64位,則下載對(duì)應(yīng)的客戶端

image.png

11、運(yùn)行natapp，windows下,直接雙擊natapp.exe 即可.
在Linux/Mac 下 需要先給執(zhí)行權(quán)限chmod a+x natapp
然后再運(yùn)行./natapp


image.png

12、通過(guò)瀏覽器可直接訪問(wèn)http://7wtyvy.natappfree.cc，免費(fèi)版的這個(gè)地址會(huì)變，僅供臨時(shí)測(cè)試使用

image.png

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容