搭建自己的小网站IIS和内网穿透详细过程

2,487 阅读2分钟

我一直对互联网和技术充满了浓厚的兴趣,并且希望能通过实践来提升自己的技能。最近,我萌生了一个想法,就是自己动手创建一个网站。我只会前端开发的知识,如HTML、CSS和JavaScript,但是不了解服务器配置、网络安全等方面的内容。以下就是我自己学习的一些经历,最基础的搭建一个小网站的过程。

一、安装和配置IIS

  1. 安装IIS:
  • 在Windows系统上,打开“控制面板” -> “程序和功能” -> “启用或关闭Windows功能”。

image.png

  • 勾选“IIS”相关选项,点击“确定”进行安装。

image.png

  1. 配置IIS:

    • 打开“IIS管理器”(可以通过“运行”对话框输入inetmgr来打开)。
    • 在左侧的连接列表中,展开你的计算机名,右键点击“网站”,选择“添加网站”。
    • 配置网站名称、物理路径(网站文件存放的路径)和绑定信息(IP地址和端口)。
    • 点击“确定”完成网站的添加。

二、创建一个简单的网站

  1. 准备网站文件:

    • 创建一个简单的HTML文件,例如index.html,并放置在你指定的物理路径下。例如:

      <!DOCTYPE html>
      <html>
      <head>
        <title>My Website</title>
      </head>
      <body>
        <h1>Welcome to My Website!</h1>
      </body>
      </html>
      
  2. 验证网站:

image.png (1)创建自己网站

image.png IP地址如果不知道在命令行中输入ipconfig 找到IPv4

image.png (2) 创建完以后添加默认文档

image.png

image.png 添加完以后,就会在文件夹下产生一个web.config的文件

  • 在浏览器中输入http://localhost,应该能看到你刚才创建的网页内容。

image.png

三、使用内网穿透

  1. 选择内网穿透工具:

    常见的内网穿透工具有很多,我用免费的natapp。这里以natapp为例。

  2. 安装和配置natapp:

    • 访问NATAPP官网,注册并下载NATAPP。

    • 解压并在命令行中进入NATAPP目录,使用以下命令启动NATAPP:

      natapp -authtoken=放你自己的token
      

image.png

  • 这里你注册完免费的隧道会有一个authtoken拿到,把它复制进去
-   natapp会生成一个公共的URL,通过这个URL,外部用户就可以访问你的本地网站。

image.png

四、确保安全

  1. 配置防火墙:

    • 确保你的防火墙允许IIS和natapp的相关端口通信。

image.png 本地地址和端口号得保持一致

image.png

image.png

这样你就成功创建了一个属于你自己的网站,当然这个网站你可以添加很多东西。

  1. 加强IIS安全配置:

    • 配置适当的权限,确保只有需要的用户能访问和修改网站文件。
    • 考虑使用SSL/TLS来加密通信。

通过以上步骤,你可以创建并部署一个简单的网站,并使用内网穿透工具使其在互联网上可访问。如果你需要更复杂的功能,例如动态内容处理、数据库支持等,可以进一步学习相关技术如ASP.NET、Node.js等。