利用内网穿透实现本地网站他人可见

前言

上文已经提到如何利用搭建本地网站运行环境之IIS管理器基本设置&创建本地网站 - Fatsheep’s Blog，很多时候，我们在本地完成的一些项目是别人不可见的，开通内网穿透就可以在任何地方给客户展示，同时也免去了部署的麻烦，没准可以少加一会班儿呢！。

关于内网穿透

  • 内网穿透,又叫NAT穿透，是计算机用语，翻译过来就是 你的电脑可以直接被你朋友访问。

  • 通常实现内网穿透，是通过路由器上端口映射来实现的。但是路由器通常不是每个人都有权限可以访问和设置,而且可能存在多级路由器较为复杂的网络结构。

  • 目前内网穿透的关于软件不少：frp,nps,ngrok，花生壳，向日葵，natapp等，但收费，不收费的不好用。

  • 于是就有钉钉开放平台团队在GitHub上开源了 ✈钉钉内网穿透，免费，开源，支持自定义子域名。

钉钉内网穿透工具配置

第一步： clone git仓库

执行命令：根据实际情况选择，我在杭州，所以选择了第三条中国浙江。

1
git clone https://github.com/open-dingtalk/pierced.git #Github官方源
1
git clone https://hub.fastgit.org/open-dingtalk/pierced.git #加速源：中国香港
1
git clone https://gitclone.com/github.com/open-dingtalk/pierced.git #加速源：中国浙江
1
git clone https://github.com.cnpmjs.org/open-dingtalk/pierced.git #加速源：新加坡

git克隆项目到本地，我选择的加速源：中国浙江

第二步：开始配置

注意：用cmd在pierced根目录下执行命令

Mac下:

(1) 

1
cd mac_64

(2)

1
2
3
./ding -config=./ding.cfg -subdomain=xxxx 8080
#注意xxxx是你启动命令的subdomain参数有可能被别人占用，尽量不要用常用字符，可以用自己公司名的拼音，例如：alibaba、dingding等。
#xxxx直接关系到你接下来的域名地址默认会生成xxxx.vaiwan.com

Windows下:

(1) 打开cmd，进入pierced根目录，以我的电脑为例，目录需自己根据实际更改。

1
cd C:\Users\83423\OneDrive\桌面\pierced #进入pierced根目录

进入pierced根目录

(2) 因为我是window系统，所以这里我进入windows_64 。

1
cd windows_64

进入windows_64

(3)配置钉钉内网穿透工具。

1
2
3
ding -config=ding.cfg -subdomain=xxxx 8080
#注意xxxx是你启动命令的subdomain参数有可能被别人占用，尽量不要用常用字符，可以用自己公司名的拼音，例如：alibaba、dingding等。
#xxxx直接关系到你接下来的域名地址默认会生成xxxx.vaiwan.com

配置钉钉内网穿透工具

配置完成

第三步：测试

启动完客户端后，你访问http://xxxx.vaiwan.com/xx都会映射到 http://127.0.0.1:8080/xx

此时我用IIS创建本地网站，详见搭建本地网站运行环境之IIS管理器基本设置&创建本地网站 - Fatsheep’s Blog

IIS管理器添加网站

网站配置，需要更改为上述端口,IP地址默认

正常访问http://fatsheeps.vaiwan.com

注意：

  1. 你需要访问的域名是http://xxxx.vaiwan.com/xx 而不是http://xxxx.vaiwan.com:8080/xx
  2. 你启动命令的subdomain参数有可能被别人占用，尽量不要用常用字符，可以用自己公司名的拼音，例如：alibaba、dingding等。
  3. 可以在用IIS在本地起个http-server服务，放置一个index.html文件，然后访问http://xxxx.vaiwan.com测试一下。

参考文章