我们在做开发时,不想购买服务器,只想搭建我们本地的服务器,我们搭建的本地服务器只能供我们自己电脑的浏览器访问,或者处于同一个wifi下的手机访问
平常我们访问的网站都是由具有公网ip的服务器提供的,如果想做自己的网站也得要有个自己的服务器(当然也可以使用GitHub这种做静态网站)
但是我们如果想让别人访问到我们的本地服务器,尤其做微信公号或者小程序开发时,想在微信里访问到我们在电脑上搭建的本地服务器。我们就要做内网穿透了,内网穿透就是别人通过外网能够访问到我们本地的服务器。
一.搭建本地服务器环境
有很多服务器软件可以选择,但是配置很麻烦,建议使用集成软件,这里介绍phpstudy
下载网址:点击前往
安装完打开
一键启动(这里提供了Apache,Nginx,IIS,java,选其中一个就好)
到这里,本地服务器环境已经搭建好了,本地可以访问了(还没有内网穿透,外网还不能访问)
这里可以创建网站
访问的内容哪来的呢?
除了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工具,否则一样访问不了
内网穿透成功了!!!