凌峰创科服务平台

Windows如何快速搭建本地网站?

使用 IIS (Internet Information Services) - 适合专业开发和部署

IIS 是 Windows 自带的一款功能强大的 Web 服务器,它功能全面,安全性高,适合进行专业的网站开发和部署,尤其是在 Windows Server 系统上。

Windows如何快速搭建本地网站?-图1
(图片来源网络,侵删)

适用场景:

  • 专业开发者使用 Windows 开发 ASP.NET 或 PHP 网站。
  • 需要在 Windows 桌面版或服务器版上搭建一个功能完善的网站。
  • 学习 Web 服务器配置。

详细步骤 (以 Windows 10/11 为例):

第一步:启用 IIS 功能

  1. 打开 控制面板 -> 程序 -> 启用或关闭 Windows 功能
  2. 在弹出的窗口中,找到并展开 Internet Information Services (IIS)
  3. 勾选以下关键项(建议全部勾选,以防后续缺少组件):
    • Web 管理工具
      • IIS 管理控制台:这是管理 IIS 的图形界面工具,必须勾选。
    • 万维网服务
      • 应用程序开发功能:根据你的网站技术选择。
        • ASP.NET:开发 .NET 网站的必备。
        • ASP:开发经典 ASP 网站需要。
        • CGI:如果使用 Perl 等脚本语言需要。
        • ISAPI 扩展:通常需要。
      • 常见 HTTP 功能:默认勾选即可。
  4. 点击 “确定”,系统会自动下载并安装所需文件,等待安装完成。

第二步:配置网站

  1. 安装完成后,在开始菜单中搜索并打开 “Internet Information Services (IIS) 管理器”
  2. 在左侧的 “连接” 窗格中,展开你的计算机名。
  3. 右键点击 “站点”,选择 “添加网站...”
  4. 填写网站信息:
    • 网站名称:给你的网站起一个名字,方便识别(如 MyTestSite)。
    • 物理路径:选择你存放网站文件(如 HTML, CSS, PHP 文件)的文件夹。D:\wwwroot请确保此文件夹已存在
    • 类型:选择 “http”
    • IP 地址:如果你的电脑有多个网卡,可以选择指定 IP,否则选择 “全部未分配”
    • 端口:网站服务的端口号,默认是 80,80 端口被占用(如 IIS、其他软件或系统自带的服务),可以改为其他端口,如 8080。
    • 主机名:如果你要使用自定义域名(如 www.mydomain.com),在这里填写,如果是本地测试,可以留空。
  5. 点击 “确定”

第三步:测试网站

  1. 在 IIS 管理器中,你刚刚创建的网站会出现在“站点”列表下。
  2. 确保网站的“状态”为“已启动”,如果不是,右键点击网站选择 “管理网站” -> “启动”
  3. 在右侧的 “操作” 窗格中,点击 “浏览 :80” (或其他你设置的端口)。
  4. 如果一切正常,你的浏览器就会打开你设置的物理路径中的网站首页。

使用集成开发环境 - 适合开发者

对于开发者来说,使用 Visual Studio 或 VS Code 这样的工具,可以更方便地开发、调试和预览网站,而无需手动配置 IIS。

Windows如何快速搭建本地网站?-图2
(图片来源网络,侵删)

适用场景:

  • 使用 .NET (ASP.NET Core, Blazor) 进行开发的程序员。
  • 使用 Node.js, Python, PHP 等后端技术栈的开发者。
  • 希望在开发过程中实时看到修改效果。

以 Visual Studio 为例:

  1. 安装 Visual Studio:在安装时,确保勾选了 “.NET 桌面开发”“ASP.NET 和 Web 开发” 工作负载。
  2. 创建新项目
    • 打开 Visual Studio,选择 “创建新项目”
    • 搜索并选择一个 Web 项目模板,如 “ASP.NET Core Web 应用”“空 ASP.NET Core Web 应用”“ASP.NET Web 应用程序” (旧版)。
  3. 运行和调试
    • 按下 F5 键或点击工具栏上的 “IIS Express” 按钮。
    • Visual Studio 会自动启动一个轻量级的 IIS Express 服务器,并在浏览器中打开你的网站。
    • 优点:无需手动配置 IIS,端口由 VS 自动分配,修改代码后刷新页面即可看到效果,非常适合开发调试。

以 VS Code + Live Server 插件为例 (适合静态网站):

  1. 安装 VS Code:从 官网 下载并安装。
  2. 安装 Live Server 插件:打开 VS Code,进入扩展商店,搜索 Live Server 并安装。
  3. 创建和编辑文件:在 VS Code 中创建你的 HTML, CSS, JS 文件,并放在一个文件夹中。
  4. 启动服务器:在 VS Code 的文件资源管理器中,右键点击你的 HTML 主文件,选择 "Open with Live Server"
  5. 预览:浏览器会自动打开,并显示你的网站,当你修改代码并保存时,浏览器会自动刷新。

使用第三方软件 - 适合新手和快速搭建

这些软件通常将 Apache/Nginx、PHP、MySQL 等环境打包在一起,一键安装,非常适合新手或需要快速搭建 PHP+MySQL 网站的环境。

适用场景:

  • 搭建 WordPress、Discuz! 等开源程序。
  • 对服务器配置不熟悉的新手。
  • 需要本地快速搭建一个包含数据库的测试环境。

常用软件推荐:

  • XAMPP:最流行的跨平台 Web 服务器解决方案,支持 Windows, macOS, Linux,集成了 Apache, MariaDB (MySQL), PHP, Perl。
  • Wnmp / WampServer:Windows 平台下的 Nginx/Apache + MySQL + PHP 环境。

以 XAMPP 为例:

  1. 下载并安装:从 XAMPP 官网 下载最新版本,然后像普通软件一样安装即可。
  2. 启动服务
    • 安装完成后,打开 XAMPP Control Panel。
    • 点击 ApacheMySQL 模块的 Start 按钮,启动这两个核心服务。
  3. 放置网站文件
    • 你的网站文件需要放在 XAMPP 的 htdocs 文件夹中,默认路径是 C:\xampp\htdocs
    • 你要安装 WordPress,就将 WordPress 的所有文件解压到 C:\xampp\htdocs\wordpress 文件夹。
  4. 访问网站
    • 在浏览器中访问 http://localhost/,你会看到 XAMPP 的欢迎页面。
    • 访问你的网站:如果你的文件在 htdocs\my_site,则访问 http://localhost/my_site/
    • 访问数据库管理工具:http://localhost/phpmyadmin,在这里可以创建和管理数据库。

总结与对比

方法 优点 缺点 适用人群
IIS 功能强大,系统原生支持,安全性高,适合部署 .NET 应用 配置相对复杂,对新手不友好 专业开发者、Windows Server 管理员
集成开发环境 开发调试一体化,配置简单,实时刷新 主要用于开发,不适合生产环境部署 程序员、开发者
第三方软件 一键安装,简单快捷,集成了常用环境 软件本身可能有性能或安全限制 新手、需要快速搭建 PHP 环境的用户

如何选择?

  • 如果你是初学者,只想在本地搭个 WordPress 玩玩:直接用 XAMPP,最简单。
  • 如果你是 .NET 开发者:用 Visual Studio 开发,用 IIS 部署。
  • 如果你是前端开发者,只做静态页面:用 VS Code + Live Server 足够。
  • 如果你是 PHP 开发者XAMPPWnmp 是你的好帮手。
Windows如何快速搭建本地网站?-图3
(图片来源网络,侵删)
分享:
扫描分享到社交APP
上一篇
下一篇