本地(一個局域網環(huán)境)調試
- 用過電腦本地服務器,進行本地(一個局域網環(huán)境)跨設備調試
開啟本地服務器的途徑:wamp、HBuilder、VS Code live-server
- 開啟一個本地服務器,通過瀏覽器訪問這個服務器里的調試頁面;
- 打開cmd命令行,通過
ipconfig/all,查看IPv4 地址 - 將localhost替換為 ip 地址
- 在其他設備上訪問處理的url地址即可
本地調試 - 外網訪問
- NATAPP - 開啟您的內網穿透之旅
※ 前置工作:
- 前往官網下載應用,解壓后放在一個自己定義文件夾內
- 官網注冊賬號
- 實名認證 - (如發(fā)現從事非法工作,為直接發(fā)送公安機關)
- 購買隧道 - 選擇免費的
- 我的隧道 - 配置 - 完成購買
- 復制我的隧道 - authtoken參數 -
authtoken:xxxxxxxxxxxxx
※ 具體使用:
- 來到natapp.exe文件所在目錄
- 使用cmd
執(zhí)行:
natapp -authtoken=xxxxxxxxxxxxx
輸出:
http://xxxxx.xxxxx.xxx -> 127.0.0.1:5500
完成本地服務器127.0.0.1:5500映射至外網地址http://xxxxx.xxxxx.xxx - 修改兩端配置后,需要退出ctrl+C,再重新運行
※ 運行錯誤:
查看映射兩端是否填寫錯誤,
- 外網映射端配置,在我的隧道 - 配置
- 本地服務器配置,在自己使用的服務器中自行修改(如 vscode liveserver 可以在liveserver配置中修改端口號)
- 外網映射地址(免費版本 - 會每隔一段時間隨機變化,因此過期后,重新運行指令生成即可)
外網調試
- 通過ftp、遠程桌面訪問單位或個人服務器
- 登錄成功,上傳文件
- 刷新對應服務器的頁面訪問地址
- 通過 寶塔 (安全高效的服務器運維面板) - 一鍵構建服務器
- 注冊登錄,配置一個本地服務器
- 跳轉分配個人登錄地址、輸入賬號密碼
- 通過操作界面找到需要修改的文件
- 訪問配置的URL