如何将内网Web站点暴露在公网

适合场景:

作为一名Web开发人员,你可能会遇到以下这种场景:
  1. 你在办公室的刚写完一个内部测试Web站点,这时对于新版本站点的功能,你希望展示给某人看一下,这个人也许是你的客户,或是你的老板,或是产品经理、测试人员等。
  2. 如果你跟要看网站的人在同一个内网下,还很方便,如果恰巧这个人不在公司(客户不可能天天跟你碰面),或者你们不在同一个局域网,你就没办法展示给他看了。这时候,只好上传到公网服务器部署,或者截图给人家看效果了。如果又遇到修改反馈意见的话,又要反复以上步骤,可能5-6遍之多。这很低效。 注意:开发人员的时间是很宝贵,尽量不要浪费在一些低端的杂事上。
  3. 这时候,就可以介绍今天的主角了,cpolar,它可以帮你解决这个问题。
  4. cpolar是Web开发调试的利器工具,它可以把内网的站点变成公网可以访问的站点。而不论你在何处何地,用户在何处何地,非常的方便。

接下来看,我们就以实战操作一下,看如何将内部测试站点,暴露给公网用户访问(无需要要公网服务器部署)。

前期准备

  1. cpolar注册并下载客户端(必需)
  2. 准备一个Web测试网站程序包(可选)
    它用来模拟在本机跑着的测试Web站点,如果你已经了现成的自己的站点,可以忽略这步骤。

注册cpolar帐号

  1. www.cpolar.com 官网注册一个帐号

    在这里插入图片描述

  2. 点击左上角注册按钮,填写注册信息


    在这里插入图片描述
  3. 注册成功后,会自动登录到用户后台界面


    在这里插入图片描述

4.下载cpolar客户端
上图有下载链接,根据自己的本机操作系统,下载指定的客户端,后台界面里列出了9种不同平台的客户端可供下载,包括WINDOWS、Linux、MAC、还有ARM平台(这说明树莓派也有机会,^^)。

  1. 下载客户端到本地后,解压缩,解压后得到一个cpolar的命令行客户端。
    在Linux或OSX上,您可以使用以下命令从终端解压缩cpolar。 在Windows上,只需双击cpolar.zip即可。
$ unzip /path/to/cpolar.zip
  1. 配置客户端token认证串


    在这里插入图片描述

    复制你后台的认证串命令,然后在本机的命令行窗口执行。(注意authtoken串的完整)

$ ./cpolar authtoken <自己的authtoken字符串>

它执行完后,并没有真正访问服务器端认证,而是保存了authtoken串到默认创建的配置文件中。
默认配置文件路径:在你当前用户目录下.cpolar\cpolar.yml,以后你可以增加配置项,让你更加方便的调试,现在不用管。

  1. 运行cpolar客户端,模拟连接本机的8080端口。
$ ./cpolar http 8080

这时候我们还没有启动内网Web站点,所以8080端口上没有任何东西,执行它的目的是测试一下cpolar客户端连接服务器认证是否正常。连接后,可以看到命令行的连接状态,如果是online状态,则为正常。如果是其它状态,例如:reconnect,则可能是认证串填写不对,请重新检查执行第7步。

上图可以看到Tunnel status显示online,就是正常连接,cpolar服务器会分配一个随机域名。可以http访问,也可以https访问。


在这里插入图片描述

正常连通后,按CTRL+C结束客户端。

下载Web示例站点

  1. 测试Web站点,是一个TODO List待办清单示例站点,它的最终的效果图:


    在这里插入图片描述
  1. 根据你的操作系统平台,下载相应的示例Web站点程序:

WINDOWS 64位
WINDOWS 32位

苹果MAC 64位
苹果MAC 32位

Linux 64位(Debian、CentOS、Ubuntu)
Linux 32位 (Debian、CentOS、Ubuntu)

FreeBSD 64位
FreeBSD 32位

Linux ARM 32位 (树莓派)

嵌入式 MIPS
嵌入式 MIPSLE

这个Web测试站点程序就是一个文件,在命令行下的单一程序,简单,直接运行就可以。

  1. 下载示例站点后,本地解压缩,然后在命令行中执行。
$ ./cpolar-todo-mvc

运行后,它会默认侦听在本地8080端口,如果您的8080端口已被其它程序占用,可以使用命令行参加-httpAddr,修改启动端口,命令如下:

$ ./cpolar-todo-mvc -httpAddr=:8082

运行成功后,会有如下提示。


在这里插入图片描述
  1. 打开浏览器,输入网址:http://localhost:8080,打开测试站点
    在这里插入图片描述

如上图所示,说明本地内网测试站点,已经搭建成功!接下来,我们利用cpolar,将这个内部站点,发布到公网。

连接cpolar客户端到内网测试站点

  1. 在命令行输入
$ ./cpolar http 8080
在这里插入图片描述
  1. 复制命令行窗口中的cpolar分配的域名链接到浏览器,本示例中的是 https://542d821a.cpolar.io,看看发生了什么?
    在这里插入图片描述
    3. 内部的站点,已经被发布到公网,可以被访问到了。但是作为程序员,好像有种错觉,像是DNS映射在本机一样,这是真的么?赶紧发送这个链接给你远在天边的朋友或客户,一起来验证一下。看看能不能访问得到吧。让他们告诉你,你的新内测网站做得有多棒!^ ^

总结

今天我们利用cpolar将自己的本机测试站点公布到了公网上,而没有使用公网服务器部署。以后可以经常发布站点内测版给给客户了。
其实cpolar还有更多玩法。
例如:
1. 微信公众号对接调试,不需要再部署程序,这对于程序员来说,非常方便。
2. 远程家里的树莓派。
3. 私有云盘公网访问

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,772评论 6 477
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,458评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,610评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,640评论 1 276
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,657评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,590评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,962评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,631评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,870评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,611评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,704评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,386评论 4 319
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,969评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,944评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,179评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 44,742评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,440评论 2 342

推荐阅读更多精彩内容