關于手機訪問本地Tomcat服務器上正在運行的專案
- 前言
- 一、第一步打開電腦埠(win10)
- 二、第二步手機訪問Tomcat專案
- 三、第三步設定電腦固定IP
- 第一種方式
- 第二種方式
- *重點，裝a克斯的來了
- 制作屬于你自己的二維碼，手機掃描二維碼獲取特定資訊
前言
這還是我剛開始做實習作業的時候，那時候還是一個初出社會，沒經歷過代碼毒打的年輕人遇到的小問題之一（現在也還是年輕人！），現在有機會記錄一下自己在這條路上的心路歷程，以及一些很有針對性的小經驗（純屬歪門邪道），但你認真品味過后說不定，也會眼前一亮，說：嘿！這年輕人，有點兒東西，上道兒；當然在這條路上，你我皆是前行者，探索者，創造者，侄訓走出不同的路！
那時候跟一個同事一起在開發一個手機客戶端的應用，當時他做完了，竟然可以用手機就看到效果了，當時作為一個小萌新的博主，那是整的懵逼啊，然后瞬間就來了一波百度，現在，博主如果單純的再敘說手機端如何訪問本地Tomcat服務器就沒得必要了！！！
這篇文章的主要內容如下：
- 手機掃描二維碼，訪問本地Tomcat
- 將自己的電腦在局域網內設定為固定IP地址
因為前面有一篇文章潦草記錄了一下，生成二維碼的點點東西，在這里用一下舊的知識，至于設定成固定IP那個，比如你們公司要開發一個手機專案，那你前期必不可少的要在手機上去看一下具體效果（電腦上不得勁兒，個人感受），電腦連公司WiFi，它分配給你的IP 是動態的，比如，你今天連接，它可能是192.168.0.10,那你斷開后，明天再來上班連就可能是192.168.0.16…等等，那么你手機訪問本地電腦的服務器就需要經常改變地址…這真T#$%^&,反正就是麻煩
一、第一步打開電腦埠(win10)
tomcat使用的默認的8080埠,這個口是不對外開放的,所要到防火墻進行配置，步驟如下：
控制面板 ->window10防火墻->高級設定->入站規則->新建規則->選擇埠->點擊下一步->在特定本地埠中，輸入埠（如8080），點擊下一步，再點擊下一步,一直到完成
建議多開放幾個埠，因為8080可能有被占用的情況，如：8086,8099等
網上說：在cmd下輸 telnet 127.0.0.1 8080 查看是否開啟成功，不知道你們得不得行，反正我這兒是沒操作成功，不過不影響
然后手機和電腦接入同一局域網中(wifi),也可以電腦連接手機的熱點，然后按win+R，輸入cmd，再輸入ipconfig命令，找到如下圖：
如圖，博主在該局域網的ipv4地址是192.168.0.125,那是博主自己設定的，只要125這個地址沒有被別人占用，那么不論我以后連接那個WiFi，我本機的地址都不會變，都一直會是192.168.0.125（注意：如果以后你連不上網了，密碼又是對的，建議你去看一下這個地址，所以最后以為盡量設定大一點，255以內，連接的人少的話就無所謂了）
二、第二步手機訪問Tomcat專案
啟動你的一個本地Tomcat的web專案，你會發現它的有個localhost，如下：
http://localhost:8099/scanQRcode/
這個localhost就是本機地址，8099是埠，scanQRcode是我目前運行的專案名稱
在電腦上將localhost換成你的IPV4地址，如博主的：
http://192.168.0.125:8099/scanQRcode/
你會發現這里兩個地址訪問的頁面是一樣的
下面這個地址就是你正在啟動的專案在局域網中的地址，只要在這個局域網內的設備都可以通過這個地址訪問你的專案了
將這個地址copy到手機，用任意瀏覽器訪問就對了，沒得任何問題，
三、第三步設定電腦固定IP
第一種方式
系統設定->WLAN->更改配接器選項，如下
WLAN->右擊選擇屬性->點擊internet協議版本4（tcp/ipv4）->屬性，如下設定
再去cmd->ipconfig看你的地址變化，記得看之前先斷開，重新連接，博主的192.168.0.125就變成了192.168.0.130，以后都只會是這個地址，還是再提一下注意埠被占用哦！！！！！！！
第二種方式
（先連接一個局域網）系統設定->WLAN，點擊已經連接的網路（如博主的sr）
進去之后，往下滑動，有個IP設定->點擊編輯->編輯IP設定(手動），再如下配置：
再去cmd->ipconfig看你的地址變化
哎，你發現你竟然有兩個ipv4地址了，就是這么神奇！！！再去訪問你的專案，你發現兩個地址都可以訪問到
建議小伙伴使用其中一種方法就可以了，哈哈哈~
*重點，裝a克斯的來了
制作屬于你自己的二維碼，手機掃描二維碼獲取特定資訊
由于文章已經很長了，代碼我就不再貼在下面了，會放在一個檔案里，有興趣的小伙伴點擊鏈接下載即可，當然是白 坡一熬漂的啦~~，在這里看一下效果截圖，先過一把癮朵，
對前端生成二維碼迷糊的小伙伴，也可以先去看一下博主的上一篇文章------------------------>《js生成二維碼》
如下圖：博主剛剛生成的一個二維碼，掃描后會跳轉到博主的主頁，用手機瀏覽器，或者微信QQ…等等都可以掃描掃描
其實重點代碼就一句
檔案地址稍后會追加在后
點擊下載二維碼小栗子
注意：
如果你想生成一個二維碼，掃描以后訪問你正在啟動的Tomcat的上的專案，一定要詳細看一下上面的內容！內容！內容！！（埠打開，同一局域網缺一不可），博主給的代碼，拿到后一定要修改上圖的text里面的值！！！！好了就說這么多了
創作不易，如果這篇文章能夠幫助到你，希望能關注或收藏一下博主，如果文章內容有問題也可留言討論，我們一起學習，一起進步！！
另，真的創作不易a ，搬運的小伙伴請注明出處~~~
轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/264871.html
標籤：其他