内网穿透--五分钟完成搭建(从零开始)

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

过程大体是两部分—搭建本地服务器环境和通过工具内网穿透
(很多教程没有说明搭建本地服务器步骤,所以内网穿透成功了也看不到如何内容)

一.搭建本地服务器环境

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

• 下载网址https://www.xp.cn/

• 安装完打开
  

• 启动服务
  一键启动(这里提供了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工具,否则一样访问不了

内网穿透成功了!!!