如何免费创建一个自己的网站(可通过外网访问)

是不是曾想过创建一个属于自己的网站?拥有一个独一无二的域名,让别人可以通过外网使用这个域名访问自己的网站?小白教程来了,大佬请略过轻喷!希望大家互相学习一下,共同进步!

目录

1 基本概念

2 编写简单的网页文件

3启用IIS功能

4 搭建服务器

5 内网穿透

6 注意事项

基本概念

1 网页文件

  1. 当你访问任何一个网站时,你的浏览器将帮你加载对应服务器的网页文件,然后进行解析,为你呈现出你所看到的网页。而常见的网页文件格式后缀有:htm,html,asp,shtml,shtm,jsp,js,php,aspx等。有关各种网页文件分别起什么做用,这里就不多介绍,各位可自行搜索了解。
  2. 当你在电脑上看不到文件后缀时,可打开任意一个文件夹,进行相应的设置。此处以Windows10系统为例:打开文件夹后,点击上方菜单栏的"查看",然后点击勾选“文件扩展名”,就可以看到各种文件的后缀了,例如下图所示的以.html结尾的是一个网页文件,以.exe结尾的是一个应用程序。
    如何免费创建一个自己的网站(可通过外网访问)_第1张图片

2 一些网络知识

  1. IP地址:每台可以使用网络的计算机和其它设备都有一个唯一的网络地址,叫做“IP地址”。这个地址可以比作你的家庭地址,它具有唯一性,所以我们可以用它辨认每台上网设备和寻找某一些/台特定的设备进行通信。而IP地址按照访问的范围又可以简单地分为公网IP和内网IP。而IP地址的的数量是有限的,所以我们不可能让每一部设备都分配一个公网IP地址。因此,现在许多通过路由器上网的设备共用一个公网IP地址,也就是说,外部IP网络(广域网,外网)经过路由器之后,路由器便会分发内网IP地址给连上路由器上网的设备,这个内网也可以称作局域网。上网设备的内网IP经过路由器转换为公网IP后,便可以进行与外部网络的通信。
  2. 内网穿透:一般说来,内网(局域网)内的电脑发起对外连接请求,路由器或网关都不会加以阻拦,但来自公网(广域网)对内网里面的电脑发起的连接请求,路由器或网关在绝大多数情况下都会进行拦截。因此,我们需要进行内网穿透,以达到公网访问内网的目的。这样,通过公网访问我们电脑的网页文件,别人就可以打开我们准备好的网页了。关于如何进行内网穿透,下面会进行详细的介绍。

编写简单的网页文件

  1. 下面我们来编写超简单的网页文件,右键桌面新建一个记事本,打开该文本文档,复制下面的代码进去,保存。

<html lang="en">
<head>
    <meta charset="UTF-8">
    
head>
<body>
<p>Hello World!<p>
body>
html>
  1. 然后把文件名“新建文本文档.txt”改为为"hello_world.html"(注意,要开启文件后缀显示,更改才有效)。双击打开该文件就可以看到网页的模样,即显示了“Hello World!”。网页文件编写完成。如何免费创建一个自己的网站(可通过外网访问)_第2张图片

启用IIS功能

  1. 搭建服务器之前,我们需要开启IIS(Internet Information Servers)功能。以Windows10为例,首先点击左下角的图标,在软件栏找到Windows系统,选择Control Panel,有些电脑可能显示的是控制面板,需要选择控制面板,可以通过图标确定。
    如何免费创建一个自己的网站(可通过外网访问)_第3张图片
  2. 点击程序
    如何免费创建一个自己的网站(可通过外网访问)_第4张图片
  3. 然后点击程序和功能下方的启用或关闭Windows功能,即弹出右方的列表,确保如图所示的对应选项以及其子选项全部选中。最后点击确定。
    如何免费创建一个自己的网站(可通过外网访问)_第5张图片

搭建服务器

  1. 以Windows10为例,首先点击左下角的图标,在软件栏找到WIndows管理工具,点击它找到Internet Information Servers(IIS)管理器,然后点击它打开。而Windows7类似,也可以在点击左下角的图标然后在搜索框搜索。
    如何免费创建一个自己的网站(可通过外网访问)_第6张图片
  2. 打开之后,先点击左上角的标签(此标签是你的电脑的名称),然后点击列表下的网站,再点击添加网站。
    如何免费创建一个自己的网站(可通过外网访问)_第7张图片
  3. 网站名称可以自己取,这里我取的名字是test,应用程序池不用管,来到内容目录的物理路径下,点击红色的那个小灰框,选择刚才编写了的网页的文件夹的路径,我的网页文件放在了桌面,所以选择的是C:\Users\lenovo\Desktop这个路径。然后绑定类型选择http,IP地址我填的是127.1.1.1,端口填80,80端口是为HTTP(即超文本传输协议)开放的,借以浏览网页,其它选项不用管。
    如何免费创建一个自己的网站(可通过外网访问)_第8张图片
  4. 关闭上图的页面后,双击打开点击网站,双击选中test,然后点击右边菜单栏的启动,再双击中间菜单栏的默认文档。
    如何免费创建一个自己的网站(可通过外网访问)_第9张图片
  5. 首先点击右上方的添加,名称是填上需要打开的网页的html文件的名称,所以填上应该是“hello_world.html”,记得写上后缀“.html”,然后确定。
    如何免费创建一个自己的网站(可通过外网访问)_第10张图片
  6. 接下来,点击右方菜单栏的“浏览 127.1.1.1:80(http)”。如何免费创建一个自己的网站(可通过外网访问)_第11张图片
  7. 这时候浏览器应该就会打开你刚刚写的那个网页,并且地址栏显示的是127.1.1.1
    如何免费创建一个自己的网站(可通过外网访问)_第12张图片

内网穿透

  1. 到这一步时,还无法通过公网访问你的网站,接下来就是进行内网穿透。我们需要首先打开这个网址https://qydev.com/index.html,先进行注册登录,然后下载对应的软件,Windows10需要下载文件后面有”64版本“的那个文件,而Windows7需要下载文件后面有”86版本”的那个文件。下载后进行解压。
    如何免费创建一个自己的网站(可通过外网访问)_第13张图片

  2. 登录后,在管理面板点击隧道管理>点击开通隧道,选择右方的免费版本立即购买。
    如何免费创建一个自己的网站(可通过外网访问)_第14张图片

  3. 到了此界面的设置需要注意的是,隧道名称和前置域名需要设置一个独一无二的名字,而且是英文字母组成,所以需要你想一个别人没用过的名称。然后本地端口需要修改成当初配置服务器的那个地址和端口,也就是127.1.1.1:80,冒号是英文输入法下的冒号。然后点击确定添加。
    如何免费创建一个自己的网站(可通过外网访问)_第15张图片

  4. 接下来,我们点击隧道管理的隧道列表,点击复制,复制隧道keycode。
    如何免费创建一个自己的网站(可通过外网访问)_第16张图片

  5. 打开解压后的文件,双击下面那个文件。
    如何免费创建一个自己的网站(可通过外网访问)_第17张图片

  6. 粘贴刚才复制的keycode,回车后,看到下图所示的提示即可。如何免费创建一个自己的网站(可通过外网访问)_第18张图片

  7. 接下来就可以复制生成的域名到浏览器地址栏,进而可以通过这个域名用公网打开那个网页了,地址栏不再是127.1.1.1。至此,已经完成所有的步骤!
    如何免费创建一个自己的网站(可通过外网访问)_第19张图片
    如何免费创建一个自己的网站(可通过外网访问)_第20张图片

注意事项

  1. 当完完全全按照步骤操作依旧没有成功的,可以把Internet Information Servers 管理器关闭后重新打开,在里面删除失败的网站,重试。
  2. 记得在Internet Information Servers 管理器启动你的网站,网站没有启动或者关闭了这个IIS软件,都会导致外部无法访问设置好的网站。
  3. 因为使用的是免费版本,带宽只有1M,所以加载大网页可能会比较慢。
  4. 本教程由本人(小白中的小白)实践得出,存在错误疏漏在所难免,欢迎各位大佬指点,希望大家共同进步!

你可能感兴趣的:(搭建网站,网络,web,局域网,服务器,windows)