将本地web项目运行到手机上查看。
2017-09-15 11:53
1116 查看
将web项目运行到真机上,下面介绍在mac上的操作,直接说步骤:
1.打开终端,输入命令:sudo apachectl start
2.输入mac的密码(此时将开启apache, mac自带apache)
3.浏览器中访问:http://127.0.0.1/ 出现 it works 字样 ,说明本地服务已经开启
4.点击Finder, 快捷键Command + Shift + G 前往文件夹 /Library/WebServer/Documents
5.将自己的web项目直接放进去(由于需要管理员权限,需要输入密码)
6.在浏览器中输入 http://127.0.0.1/项目文件名/ 此时默认打开项目下的index.html文件
7.终端输入 ifconfig 查看自己电脑的 ip 地址 (假如ip是 192.168.8.22 )
8.此时与此电脑处于同一个局域网下的设备都可以通过这个ip地址访问 /Library/WebServer/Documents 目录下的所有资源
9.在手机浏览器地址中 http://192.168.8.22/项目文件名/ 此时手机上默认打开项目下的index.html,然后就可以开始测试了
说明:
1. 重启命令 -- sudo apachectl restart 关闭命令 -- sudo apachectl stop
2. 测试完成后,记得执行关闭命令
3. 只要电脑和手机连接同一个wifi,就是在一个局域网下
1.打开终端,输入命令:sudo apachectl start
2.输入mac的密码(此时将开启apache, mac自带apache)
3.浏览器中访问:http://127.0.0.1/ 出现 it works 字样 ,说明本地服务已经开启
4.点击Finder, 快捷键Command + Shift + G 前往文件夹 /Library/WebServer/Documents
5.将自己的web项目直接放进去(由于需要管理员权限,需要输入密码)
6.在浏览器中输入 http://127.0.0.1/项目文件名/ 此时默认打开项目下的index.html文件
7.终端输入 ifconfig 查看自己电脑的 ip 地址 (假如ip是 192.168.8.22 )
8.此时与此电脑处于同一个局域网下的设备都可以通过这个ip地址访问 /Library/WebServer/Documents 目录下的所有资源
9.在手机浏览器地址中 http://192.168.8.22/项目文件名/ 此时手机上默认打开项目下的index.html,然后就可以开始测试了
说明:
1. 重启命令 -- sudo apachectl restart 关闭命令 -- sudo apachectl stop
2. 测试完成后,记得执行关闭命令
3. 只要电脑和手机连接同一个wifi,就是在一个局域网下
相关文章推荐
- 利用webpack打包vue项目后在本地运行资源报404错误
- eclipse3.7 开发的web项目,在本地没有问题,但是发布到linux上就有问题,不能正常运行的原因
- Tomcat服务器本地的搭建,以及在 IDEA软件下的配置,以及项目的测试运行(基于supermvc框架下的web)
- 手机连接测试本地javaweb项目
- vue-cli构建项目 npm run build后应该怎么运行在本地查看效果
- php7.0项目在本地完美运行上传至服务器手机app不显示数据
- MAVEN安装、并在Myeclipse下,装配本地仓库以及建web项目并在tomcat下运行完整过程笔记
- 局域网(手机或电脑)访问本地web项目
- 关于java web项目在本地运行正常 但发布到云上后在某些浏览器打开会有问题的原因及解决
- 将本地web项目发布到ubuntu上并运行 第一个本地的.net core2.0项目
- H5页面在手机上运行 在手机上运行web项目
- 真实手机android应用访问本地web项目
- 使用sae-python-dev本地运行web.py项目出现module object has no attribute InteractiveInterpreter
- vue-cli构建项目 npm run build后应该怎么运行在本地查看效果
- IIS发布Web项目的登录界面跳闪一下 登录不进去,本地和服务器上编程环境中运行却能登录进去
- java web 项目向手机发送短信
- 使用手机查看pc本地服务器的页面
- 如何通过web查看job的运行情况
- myEclipse中的web项目直接引入到eclipse中运行
- android webview加载html图片自适应手机屏幕大小&点击查看大图