必知必會!怎樣讓別人看到我的(本地)網頁或項目?-(Ngrok內網穿透)-(免費)-(保姆級教學)

初學者適用,useful小技巧,收藏!



前言

小朋友們可能都有很多問號???
在這裏插入圖片描述

我製作的精美的、功能強大的網頁或項目只能在本機運行 ,怎樣才能讓別人看到呢?

答:把電腦搬到別人面前,運行給他看。

不不不,在某些情況和場合下,這肯定是行不通的,比如說:你做了一個外包項目,甲方想看看你的成果;在今年這種情況下,我們在家上網課,但是想讓老師感受一下你的實驗成果。。。。。。
所以,我們還是得學會這個小技巧的,讓別人隨時隨地能看到你的成果。


保姆級教學

在這裏插入圖片描述

  • 首先,你要將你的項目部署到服務器上(博主選擇部署到自己電腦的Tomcat上),每個人的情況不同,大家可通過學習其它教程先學會如何部署項目。

博主這邊以一個簡單的JAVAWEB項目作爲示例,我將項目部署在本機的8080端口

下圖爲博主在IDEA中配置Tomcat的信息
在這裏插入圖片描述

  • OK,弄好之後把你的項目運行起來,你會發現瀏覽器所訪問的地址是http://localhost:8080/***,後面這段***是不是就讓人很難受?
    雖然在這裏看起來可能無所謂,但等下我們可是要通過一個網址來對其進行訪問的,後面一通贅餘,不爽不爽。

所以,我們點擊上面那張圖中的 部署 就會出現如下圖所示的界面。

在這裏插入圖片描述
注意:最下面的Application context中的內容就是上面說的http://localhost:8080/*** 中的 *** ,所以,我們可以將其設置爲自己想要的內容,此處博主將其設置爲空。

  • 網址怎麼來呢?

1.進入這個網址:http://www.ngrok.cc/
2.進行註冊,並且登錄。
3.出現如下界面
在這裏插入圖片描述
點擊隧道管理中的“開通隧道
於是,就可以選擇你所需要的服務器了;
【免費】:翻到最下面,最後一個是免費的,我們選擇它(有需要的小朋友可以選擇別的)
在這裏插入圖片描述
進入後,按自己要求填寫好相關信息
注意:端口號填項目部署在本機的端口號,博主這裏部署在8080端口,所以填127.0.0.1:8080
在這裏插入圖片描述

然後確認自己的操作,就會進入如下圖所示的界面

在這裏插入圖片描述
點擊客戶端下載並按自己的電腦型號配置選擇文件,就會下載一個壓縮包,將其解壓會得到如下圖所示的兩個文件夾。
該壓縮包博主已經打包放在資源裏了,有需要的小夥伴可以自取(Windows x64)
在這裏插入圖片描述
打開windows_amd64
在這裏插入圖片描述
雙擊打開Sunny-Ngrok啓動工具.bat
在這裏插入圖片描述
提示我們輸入客戶端id,在哪呢?

其實這就是我們在隧道管理界面的那個隧道id
在這裏插入圖片描述

將其複製到命令行中,回車

  • 大功告成

這個時候,我們訪問這個域名就可以訪問我們本地的項目了!!!

在這裏插入圖片描述

  • 展示一下:
    在這裏插入圖片描述

此時,命令行中就會顯示資源訪問記錄
在這裏插入圖片描述


注意事項

  1. 本地項目一定要跑起來
  2. 端口一定要設置正確
  3. 命令行不能關
  4. :點贊+收藏

科普

Ngrok 是一個反向代理,通過在公共的端點和本地運行的 Web 服務器之間建立一個安全的通道。Ngrok 可捕獲和分析所有通道上的流量,便於後期分析和重放。

  • 什麼是反向代理?

反向代理在計算機網絡中是代理服務器的一種。服務器根據客戶端的請求,從其關係的一組或多組後端服務器(如Web服務器)上獲取資源,然後再將這些資源返回給客戶端,客戶端只會得知反向代理的IP地址,而不知道在代理服務器後面的服務器集羣的存在。


博主也是剛學會就來跟大家分享了,所以有什麼描述得不準確的地方還希望小朋友們能指正


有趣有用的小技巧,你學廢了嗎?


關注博主,學習更多小技巧

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章