Windows服务搭建web网站，使用cpolar内网穿透实现公网访问

╰+哭是因爲堅強的太久メ 2024-03-23 14:57 32阅读 0赞

#### 文章目录 ####

*  概述
 *  1. 搭建一个静态Web站点
 *  2. 本地浏览测试站点是否正常
 *  3. 本地站点发布公网可访问
 *   *  3.1 安装cpolar内网穿透
     *  3.2 创建隧道映射公网地址
     *  3.3 获取公网URL地址
 *  4. 公网远程访问内网web站点
 *  5. 配置固定二级子域名
 *   *  5.1 保留二级子域名
     *  5.2 配置二级子域名
 *  6. 测试访问二级子域名

## 概述 ##

本次教程中，我们将实现在windows上搭建一个web站点，并通过cpolar内网穿透，将该站点免费发布上线，实现公网用户可正常访问本地web站点。

> **cpolar是一个非常强大的内网穿透工具，开发调试的必备利器。**

它可以将本地内网服务器的HTTP、HTTPS、TCP协议端口映射为公网地址端口，使得公网用户可以轻松访问您的内网服务器，无需部署至公网服务器。支持永久免费使用，无需公网IP，也无需设置路由器。

## 1. 搭建一个静态Web站点 ##

点击下载TODO LIST测试演示站点 ↓

*  [https://www.cpolar.com/static/downloads/todo/cpolar-todo-mvc-stable-windows-amd64.zip][https_www.cpolar.com_static_downloads_todo_cpolar-todo-mvc-stable-windows-amd64.zip]

下载成功后，解压缩该文件

![20221117173901][]

解压后的文件

![20221117173908][]

双击该程序运行演示站点

![20221117173915][]

![20221117173920][]

## 2. 本地浏览测试站点是否正常 ##

在浏览器上访问[http://localhost:8080][http_localhost_8080]，可以看到页面有正常显示出来，演示站点本地浏览正常。

![20221117173929][]

目前该站点只能在自己的浏览器被访问到，其他公网用户无法访问。接下来我们使用cpolar内网穿透将该站点发布到公网，实现公网用户也可以正常访问到。

## 3. 本地站点发布公网可访问 ##

### 3.1 安装cpolar内网穿透 ###

> **cpolar官网：[https://www.cpolar.com/][https_www.cpolar.com]**

访问cpolar官网，点击右上角的免费注册，使用邮箱注册一个cpolar账号，并登录进入cpolar后台。

![20221117173841][]

登录成功后，下载cpolar到本地,并双击安装包进行安装（一路默认安装即可）

> **cpolar安装成功后会默认安装两个样例隧道（可自行修改或删减）：**
> 
>  *  **remoteDesktop：指向本地3389端口，tcp协议**
>  *  **website：指向本地8080端口，http协议**

> cpolar官网：[https://www.cpolar.com/][https_www.cpolar.com]

### 3.2 创建隧道映射公网地址 ###

cpolar安装成功后，在浏览器上访问[127.0.0.1:9200][127.0.0.1_9200]，使用注册的cpolar账号密码登录cpolar web UI管理界面。（默认为本地9200端口）

![20221117173937][]

由于我们的演示站点端口在8080端口下，所以我们可以直接使用website隧道。

登录进入cpolar web ui界面后，我们点击左侧仪表盘的`隧道管理`——`隧道列表`，找到website隧道，可以看到显示状态为`active`表示为正常在线状态，可以直接点击左边的状态——在线隧道列表查看所生成的公网地址，复制公网地址在浏览器上访问即可。

![20221117173943][]

或者，我们也可以重新创建一个新的隧道：点击左侧仪表盘的`创建隧道`：

*  *隧道名称：可自定义，注意不要重复*
 *  *协议：选择http*
 *  *本地地址：填写8080端口*
 *  *域名类型：选择`随机域名`（可以免费使用）*
 *  *地区：可根据实际适用地区进行选择，支持CN、HK、US、TW、EUR*

隧道信息填写完成后，点击`创建`即可

![20221117173950][]

### 3.3 获取公网URL地址 ###

点击左侧仪表盘的`状态`——`在线隧道列表`，可以在线隧道所生成的公网地址，可以看到website隧道的公网地址有两个，一个是http协议，一个是https协议，将公网地址复制下来。

![20221117173957][]

## 4. 公网远程访问内网web站点 ##

在浏览器上访问cpolar所生成的公网地址，本例为[https://1ae6da64.r2.vip.cpolar.cn][https_1ae6da64.r2.vip.cpolar.cn]。

成功将内网web站点发布到公网可访问。

![20221117174003][]

通过cpolar内网穿透，我们成功地将本地8080端口下的web站点发布到公网访问，实现公网访问内网。但由于本次使用的cpolar为免费套餐，所生成的公网地址为随机临时地址，每隔24小时就会变化。

如果需要长期使用，可以将站点配置成二级子域名，或自定义域名（使用自己的域名）长期使用。

## 5. 配置固定二级子域名 ##

登录进入[cpolar官网后台][cpolar]，点击左侧仪表盘的`套餐`，升级cpolar套餐到`基础套餐`。

![20221117174119][]

### 5.1 保留二级子域名 ###

套餐升级成功之后，我们回到[cpolar官网后台][cpolar 1]，点击左侧仪表盘的`预留`，我们来为web站点保留一个二级子域名。

*  *地区：选择China VIP*
 *  *名称：填写您想要保留的二级子域名*
 *  *描述：即备注，可自定义填写*

![20221117174126][]

本例保留一个名称为`ToDoList`的二级子域名。子域名保留成功后，我们将子域名复制下来，接下来需要将其配置到隧道中去。

![20221117174134][]

### 5.2 配置二级子域名 ###

在浏览器上访问[127.0.0.1:9200][127.0.0.1_9200]，登录cpolar web ui管理界面。点击左侧仪表盘的`隧道管理`——`隧道列表`，找到需要配置二级子域名的隧道（本例中为website隧道），点击右侧的`编辑`

![20221117174141][]

修改隧道信息，将二级子域名配置到隧道中：

*  *域名类型：改为选择`二级子域名`*
 *  *Sub Domain：填写我们刚刚所保留的二级子域名（本例为`ToDoList`）*

修改完成后，点击`更新`

![20221117174151][]

隧道更新成功后，点击左侧仪表盘的`状态`——`在线隧道列表`，可以看到website隧道的公网地址，已经更新为二级子域名了，将公网地址复制下来。

![20221117174157][]

## 6. 测试访问二级子域名 ##

打开浏览器，我们来测试一下访问配置成功的二级子域名。

![20221117174205][]

测试成功，可以正常访问。现在，我们全网唯一的私有二级子域名，就创建好了。

[https_www.cpolar.com_static_downloads_todo_cpolar-todo-mvc-stable-windows-amd64.zip]: https://www.cpolar.com/static/downloads/todo/cpolar-todo-mvc-stable-windows-amd64.zip
[20221117173901]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/d75322adc7c04989924b5c4dde7c6cc1.png
[20221117173908]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/7c078d87705746eeb0968f22454ab24a.png
[20221117173915]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/9c9bcafab63240318ab2780a2b6e897a.png
[20221117173920]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/f6b684d44da94750918d85b05dad97af.png
[http_localhost_8080]: http://localhost:8080
[20221117173929]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/9a8fa410566b44af8eb98a223f5e924b.png
[https_www.cpolar.com]: https://www.cpolar.com/
[20221117173841]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/f12078ebf08c469e95bffbe0e2438a60.png
[127.0.0.1_9200]: http://127.0.0.1:9200/#/dashboard
[20221117173937]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/adabb6a7b6bc436bbddea01e14b99b06.png
[20221117173943]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/e6f2ef58090b4cdca09f357f4e3a424c.png
[20221117173950]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/d9346903d59b43c5813e0bf58ad502e0.png
[20221117173957]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/c5e336944faa44418e63ef7cd95871ba.png
[https_1ae6da64.r2.vip.cpolar.cn]: https://1ae6da64.r2.vip.cpolar.cn
[20221117174003]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/2a051a7f518a43d0bde870bb2e515e48.png
[cpolar]: https://dashboard.cpolar.com/billing
[20221117174119]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/de111b0dd6734e95a6e38f52a67b8854.png
[cpolar 1]: https://dashboard.cpolar.com/reserved
[20221117174126]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/3270281773924f6280b7d7df7e182113.png
[20221117174134]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/a3ad9cf707994f5597a06a845cfa5b09.png
[20221117174141]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/1af4f906f1c7445dabd665dee5704894.png
[20221117174151]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/7da7218866504441a1721d1c4d9b1d7c.png
[20221117174157]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/4c46fb8975514719b6a70afa22bf4010.png
[20221117174205]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/23/85ae796f366f42329725729e39a6fa04.png