我们在做开发时,不想购买服务器,只想搭建我们本地的服务器,我们搭建的本地服务器只能供我们自己电脑的浏览器访问,或者处于同一个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工具,否则一样访问不了
内网穿透成功了!!!

原文:https://blog.csdn.net/qq_40165417/article/details/103759804