内网穿透 – 教程

我们在做开发时，不想购买服务器，只想搭建我们本地的服务器，我们搭建的本地服务器只能供我们自己电脑的浏览器访问，或者处于同一个wifi下的手机访问
平常我们访问的网站都是由具有公网ip的服务器提供的，如果想做自己的网站也得要有个自己的服务器（当然也可以使用GitHub这种做静态网站)
但是我们如果想让别人访问到我们的本地服务器，尤其做微信公号或者小程序开发时，想在微信里访问到我们在电脑上搭建的本地服务器。我们就要做内网穿透了，内网穿透就是别人通过外网能够访问到我们本地的服务器。

一.搭建本地服务器环境
有很多服务器软件可以选择,但是配置很麻烦,建议使用集成软件,这里介绍phpstudy

下载网址：点击前往

安装完打开

启动服务
一键启动(这里提供了Apache,Nginx,IIS,java,选其中一个就好)

到这里,本地服务器环境已经搭建好了,本地可以访问了(还没有内网穿透,外网还不能访问)

网站管理

这里可以创建网站

打开网站

访问的内容哪来的呢?

它是在服务器的根目录下的index文件(默认)

除了index(其他的是我后来添加的)
网站的内容文件都是放在这里的,外网访问的也是这里,所以在这里放你想别人通过外网访问的网页
下面开始内网穿透

内网穿透的工具很多,具体可以参考内网穿透工具比较

既然都不打算想买服务器了,当然选择免费的,不过免费的几乎都在国外,国外服务器有点慢，所以这里考虑国内的ngrok.cc,也叫Sunny-Ngrok.很简单方便的一款国内软件

选择客户端下载->Ngrok客户端->你电脑对应的版本
接下来看官方教程,很详细,各种问题里面都有
官方教程

选择香港服务器,免费,但是限速128k,所以只适合做一些小网站

跟着官方做一遍(过程看官方教程),
开通隧道有些地方需要注意的

本地端口是本机IP地址+端口号

1.本机IP地址可以通过win+r弹出运行窗口,输入cmd,回车,打开命令行窗口

2命令行窗口输入ipconfig

会列出所有网卡的IP地址,我是wifi上网的,所以选择无线网卡的IP地址

3端口号
-PHPstudy中网站可以看到

所以我的本地端口填192.168.43.192:80

到了工具成功启动这一步

电脑或者手机输入红色框的地址,就可以正常访问了

注意点
phpstudy和ngrok工具都不能关闭,需要一直运行,更改网络时需要否则访问不了
更换了网络,本地地址会改变,所以需要登录官方网,修改本地端口,还需要重启ngrok工具,否则一样访问不了
内网穿透成功了!!!