2021-07-23

手机端调试 Web 页面-- 搭建 IIS服务器

前言:
IIS (Internet Informatica Services)服务器是Windows 自带的一个网络信息服务器,可以发布 Web 项目,默认应用端口号为 80。

前提条件:

  • Windows 防火墙是关闭状态。
  • 手机和电脑 PC 处于同一个局域网下。(电脑连接宽带后,手机端连接电脑打开的热点,此时手机与电脑就处于同一个局域网下。)

搭建IIS 服务器

一般情况下,用户的Windows是不自带 IIS 服务器的,需要我们额外安装。
IIS 服务器安装:
1、点击我的电脑 > 右键属性 > 控制面板 > 程序 > 点击 “启用或关闭 Windows 功能”。
2021-07-23
2、找到 Internet Information Services 选项,有两个都选择上,点击确定,等待 Windows 安装完成即可。
2021-07-23
3、IIS 安装完成后,会在 C 盘有一个 inetpub 目录,点击进入 wwwroot 目录,这是专门用于部署 Web 项目的工作空间。

相当于 Tomcat 部署 Web 项目的 webapps 目录
2021-07-23
同时用户目录也会多出一个 DefaultAppPool 目录,这是应用程序池。
2021-07-23
IIS 安装完成。

测试:

打开电脑浏览器,输入当前 ip 地址,出现一下页面代表安装成功。
2021-07-23


搭建局域网网站

1、电脑搜索 IIS,打开IIS 管理器。
2021-07-23
2、点击 ”网站“,右键 添加网站,输入对应的参数:

  • 网站名称:任意填写( 不重要)
  • 物理路径:C:\inetpub\wwwroot (一定是这个,不然找不到发布目录)
  • 协议类型:http (不重要)
  • IP 地址:选择你电脑对应的 ip 地址即可。
    打开 cmd ,输入 ipconfig 找到 IP v4 查看当前电脑的 ip 地址,我的是 192.168.137.1·
  • 端口:默认 80 (不重要)
  • 主机名:www.<主机名>.com (不重要)

3、建立好 网站之后,进入 C:\inetpub\wwwroot 目录,把你的 Web 项目复制进来。
2021-07-23

iisstart.html 是 IIS 默认欢迎页面。

4、电脑打开热点,让手机连接。
5、手机端输入 192.168.137.1:80/index.html 即可访问。


测试:
电脑可以访问:
2021-07-23

手机可以访问:
2021-07-23

上一篇:IIS 发布vue后vue-router无法收到参数


下一篇:IIS 搭建HTTPS站点