软协打卡---内网穿透实现

注意：仅为个人学习知识，其中理论知识不一定正确。

目录

1.前言

2.ip与域名的简单说明

ip与域名

公共ip和内网ip

内网穿透了解

为什么使用内网穿透

内网穿透是什么

3.PHPSTUDY了解

4.花生壳的使用

---

最终结果：

（实际上大部分只是静态的QWQ）

1.前言

在用HTML，CSS等语言搭建出了自己的网页。我们往往想着如何让别人也访问这个网站，但我们的网站只存在于本机上。外人无法访问，而购买一个域名和搭建一个云服务器又太过繁琐，并且耗钱。而内网穿透就可以帮助我们解决这个问题。

2.ip与域名的简单说明

ip与域名

访问一个网站，我们需要知道他的ip地址，而记住一个ip地址实在是不方便，所已有了域名。

域名也就是我们平常见到的www.bilibili.com，www.baidu.com这样的。这样我们访问网站就可以更加的便捷了。

公共ip和内网ip

内网ip：你可以尝试在运行窗口打开cmd，然后输入ipconfig查看自己的ip。但这个ip，是无法让所有人访问的。因为这是一个局域网ip。而这个ip大部分是动态的，已192.168.开头。这个ip只允许在同一局域网内的设备访问。也就是在一个你电脑所在局域网之外的人输入你的ip地址是无法直接访问到你的服务器的。

公网ip：一个公网ip就是存在于互联网上，各地的用户都可以访问的一个ip。但因为公网ip的地址数目有限，所以不能为每一个都提供一个公网ip。所以我们使用的ip地址大部分都是内网ip。我们身边使用的公网ip一般是向ISP(网络运营商)（国内也就是联通，移动)办理相应的服务，他便会向你的路由器提供一个公网ip。而连接这个路由器的服务器（也就是我们的电脑设备）会由DHCP（动态主机配置协议）分配一个动态的内网的ip地址，而这时，与这个拥有公网的路由器一起连接的设备就构成了一个局域网。

内网穿透了解

为什么使用内网穿透

到这里，我们了解到了我们想要让别人访问自己的服务器，就需要一个属于我们自己的公网ip，这个公网ip想要获得其实也不难，我们可以在阿里云，百度云里购买域名与云服务器，但这个域名往往价格不菲，而且不是永久的，从玩玩的角度来说，为了一包醋而特地包饺子是没有必要的。所以在这里就需要内网穿透这个方法。

内网穿透是什么

内网穿透的核心就在于让我们的ip地址与公网ip建立联系。这里我们就需要一些实现内网穿透的软件了。常见的有花生壳，ngrok等软件。内网穿透做到事就是起到一个中转站的作用，我们将自己的服务器映射到内网穿透软件具有公网ip的服务器上，别人再通过访问内网穿透软件的服务器变相访问了我们本机的服务器内容。已此到达访问内网主机的作用。

3.PHPSTUDY了解

别人可以通过内网穿透得到访问了我们的主机，但达到我们主机，他从浏览器中什么都获得不了，因为我们的主机并没有存在一个web服务器。如何配置一个可以在本机上运行的web服务器呢？

常见的Web服务器软件包括Apache、Nginx和Microsoft IIS这些，但这里我使用的是一个更简单的集合软件.PHPSTUDY。它非常的便捷，提供了PHP，MYSQL，Apache的功能。（最关键的是你不要配置）下载网址：小皮面板(phpstudy) - 让天下没有难配的服务器环境！ (xp.cn)。

这是它的界面，详细的功能这里就不细讲了。

可以看到里面已经配置好了Apache和MYSQL。建立运行在本机的服务器的操作主要在于apache。

第二个操作：在网站中你会发现已经有一个默认的localhost网站。如果你不对它的目录进行目录设置。你可以在浏览器输入localhost访问当前这个apache的主网页。这个网页是PHPSTUDY帮你设计好的。localhost其实就是本机ip的域名，你可以通过这个域名访问到本机上的服务器

接下来将配置操作：端口一般默认设置为80就行了.然后选择根目录，这个根目录就是你存放HTML与CSS那些与网站有关的文件的地方。

第二个：网站首页设置：已我的为列。我的网站首页就是mytedt文件夹下的HTML的body.html文件。这样设置后你访问服务器展现的画面就会发生变化。注意：如果发生加载不成功，可能是由于根目录的设置导致了你css中的一些href路径发生了错误。

关于PHPSTUDY的其他功能可以自己去尝试。

4.花生壳的使用

花生壳客户端官方下载 - 贝锐花生壳官网 (oray.com)这是花生壳的下载地址。

这里我们可以在域名管理中看到我们免费获得的一个壳域名。然后在自定义映射中点击加号。

来到这个界面。我们需要选择HTTPS（超文本传输安全协议），使用这个功能需要用6r开通这个服务（唯一收费点-。-）

这里就是localhost指的本地主机ip127.0.0.1.端口设置为PHPSTUDY一样，我这里就是80.然后点击确定即可。

这里统计几个我发生错误的原因：端口号设置不正确，端口号被占用（这个可以尝试重启apache服务器，或者看是否在phpstudy建立了2个同端口的网站），使用时apache要启动。

至此结束：