本地(一个局域网环境)调试
- 用过电脑本地服务器,进行本地(一个局域网环境)跨设备调试
开启本地服务器的途径:wamp、HBuilder、VS Code live-server
- 开启一个本地服务器,通过浏览器访问这个服务器里的调试页面;
- 打开cmd命令行,通过
ipconfig/all
,查看IPv4 地址 - 将localhost替换为 ip 地址
- 在其他设备上访问处理的url地址即可
本地调试 - 外网访问
- NATAPP - 开启您的内网穿透之旅
※ 前置工作:
- 前往官网下载应用,解压后放在一个自己定义文件夹内
- 官网注册账号
- 实名认证 - (如发现从事非法工作,为直接发送公安机关)
- 购买隧道 - 选择免费的
- 我的隧道 - 配置 - 完成购买
- 复制我的隧道 - authtoken参数 -
authtoken:xxxxxxxxxxxxx
※ 具体使用:
- 来到natapp.exe文件所在目录
- 使用cmd
执行:
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