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

内网穿透成功了!!!

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐