如何通过IIS搭建本地服务器,实现在手机端查看PC上写好的页面

1、安装IIS

1.1、双击控制面板

如何通过IIS搭建本地服务器,实现在手机端查看PC上写好的页面_第1张图片

1.2、单击程序

如何通过IIS搭建本地服务器,实现在手机端查看PC上写好的页面_第2张图片

如果显示和我不一样,点击右上角,查看方式,选择类别

如何通过IIS搭建本地服务器,实现在手机端查看PC上写好的页面_第3张图片

1.3、单击启用或关闭windows功能

如何通过IIS搭建本地服务器,实现在手机端查看PC上写好的页面_第4张图片

1.4、找到Internet Information Services,并勾选,点击确定,电脑会自动安装IIS

如何通过IIS搭建本地服务器,实现在手机端查看PC上写好的页面_第5张图片

2、创建并配置本地服务器

2.1、回到桌面,右键此电脑,选择管理

如何通过IIS搭建本地服务器,实现在手机端查看PC上写好的页面_第6张图片

2.2、找到服务器和应用程序,点击展开,再点击Internet Information Services

如何通过IIS搭建本地服务器,实现在手机端查看PC上写好的页面_第7张图片

2.3、点击右侧网站,再点击最右侧的添加网站

如何通过IIS搭建本地服务器,实现在手机端查看PC上写好的页面_第8张图片

2.4、填写网站名称(随意填写)、选择物理路径(就是你放html、css、js文件的地方,我在E盘下创建一个Server文件夹)、端口号可自行更改(这里我改为8000)

注意:这里的物理路径我刚开始设置在桌面,最后会提示找不到文件,建议放在其他盘

如何通过IIS搭建本地服务器,实现在手机端查看PC上写好的页面_第9张图片

点击网络,可以看到名为test的本地服务器已经创建成功

如何通过IIS搭建本地服务器,实现在手机端查看PC上写好的页面_第10张图片

3、编辑html文件放在服务器路径下并测试

3.1、找到E盘下的Server文件夹,并在该目录下创建一个index.html文件,写入代码

如何通过IIS搭建本地服务器,实现在手机端查看PC上写好的页面_第11张图片

3.2、回到IIS面板,右键网站下的test,管理网站-->启动

如何通过IIS搭建本地服务器,实现在手机端查看PC上写好的页面_第12张图片

3.3、在本地电脑测试,打开电脑浏览器,在地址栏输入http://localhost:8000/index.html

如何通过IIS搭建本地服务器,实现在手机端查看PC上写好的页面_第13张图片

如何通过IIS搭建本地服务器,实现在手机端查看PC上写好的页面_第14张图片

3.4、在手机端访问电脑本地服务器,必须保证电脑和手机在同一网络下

查看电脑IP,打开 cmd命令窗口,输入 ipconfig,回车,一般来说,在使用ipconfig命令时;显示的IPV4地址就是本机的IP地址

如何通过IIS搭建本地服务器,实现在手机端查看PC上写好的页面_第15张图片

打开手机浏览器,在地址栏输入 192.168.0.111:8000/index.html,与在电脑端相同,只不过将 localhost换为IP地址

如何通过IIS搭建本地服务器,实现在手机端查看PC上写好的页面_第16张图片

4、修改配置,将本地服务器升级为线上服务器

如上设置后,我们只能在本地访问我们的页面

你可能感兴趣的:(前端,windows,windows-server)