WebStorm设置服务器-局域网内其他设备访问(移动端手机访问

2018-02-01  本文已影响1307人  零距离仰望星空

最近本人使用WebStorm开发web移动端应用时候,准备用手机体验页面效果,无奈只能将页面打包布置到服务器,然后访问网络服务器,这种体验相当的繁琐。
下面我就来介绍一种简单方便的方法:(mac版示例)

1.让手机和电脑处于同一局域网下(我是通过电脑连接手机分享的热点)。

2.首先需要允许你的服务被外部访问 图片

File->settings->Debugger->port:8081->勾选 can accept external connections –>apply.

3.部署环境

图片

将Web server root URL: 设置为连接热点或局域网的IP,
Deployment->选中”+” → 设置Name,Type 后,点击OK。

3.设置项目路径

图片

设置完成后,点击Apply→OK,完成设置。

现在使用webstrom打开项目页面,可以看到页面的ip就是局域网的ip,此时所有人在局限网里的人都可以访问你的网页。

如果你的浏览器带有生成二维码插件,可以直接把url链接生成二维码,移动端手机直接扫描即可。

扫描下方二维码关注我

零距离仰望星空
在此感谢各位读者的来访,您的关注是我写作分享的最大动力。
上一篇下一篇

猜你喜欢

热点阅读