OpenWRT搭建个人web站点并结合内网穿透实现公网远程访问

╰半夏微凉° 2024-02-18 09:52 18阅读 0赞

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

*  前言
 *   *  1. 检查uhttpd安装
     *  2. 部署web站点
     *  3. 安装cpolar内网穿透
     *  4. 配置远程访问地址
     *  5. 配置固定远程地址

## 前言 ##

uhttpd 是 OpenWrt/LuCI 开发者从零开始编写的 Web 服务器，目的是成为优秀稳定的、适合嵌入式设备的轻量级任务的 HTTP 服务器，并且和 OpenWrt 配置框架非常好地集成在一起。它是管理 OpenWrt 的默认的 Web 服务器，还提供了现代 Web 服务器所有的 功能 。

下面我们将在openwrt上部署uhttpd搭建web服务器，同时使用cpolar将其安全暴露到公网上，让公网用户也可以正常访问到openwrt下的web服务器。

### 1. 检查uhttpd安装 ###

正常版本下,如果可以在浏览器访问openWRT web控制台界面,表示已经安装了uhttpd,同样,我们可以在根目录下面看到一个名称为`www`的目录,这样表示已经安装了uhttpd.

![image-20230523130756649][]

### 2. 部署web站点 ###

既然uhttpd已经安装好了,我们就可以直接使用，我们只需要把我们的站点拷贝进去`www`文件夹下面即可。接下来主要介绍html网站部署,使用一个免费站点进行演示

进入www文件夹

cd /www

使用wget下载站点,ftp上传文件也可以

wget https://www.cpolar.com/static/downloads/meditation-app-master.tar.gz

下载好后解压

tar xzf meditation-app-master.tar.gz

解压后我们可以看到一个名称为`meditation-app-master`的文件夹,这里还可以看到一个名称为`cgi-bin`的文件夹,这个就是openWRT web 控制台界面位置.

![image-20230523131916555][]

此时我们在外部浏览器使用openWRT局域网ip地址加资源路径`/meditation-app-master/index.html`即可看到我们下载部署的站点。如果不加资源路径,默认会跳转过去openWRT web 界面,此时我们一个静态站点就已经配置好了。

下面我们安装cpolar内网穿透来实现在公网环境下也可以远程访问这个web站点。

![image-20230523132258910][]

### 3. 安装cpolar内网穿透 ###

通过ssh连接操作openwrt, 下载公钥:

wget -O cpolar-public.key http://openwrt.cpolar.com/releases/public.key

下载完成后添加公钥

opkg-key add cpolar-public.key

添加cpolar的opkg仓库源

echo "src/gz cpolar_packages http://openwrt.cpolar.com/releases/packages/$(. /etc/openwrt_release ; echo $DISTRIB_ARCH)"  >>  /etc/opkg/customfeeds.conf

更新仓库

opkg update

然后开始安装cpolar,分别执行下面三个安装命令安装三个包:

opkg install cpolar

opkg install luci-app-cpolar

opkg install luci-i18n-cpolar-zh-cn

安装完成后,打开openwrt Web管理界⾯,我们可以看到有个service,点击后,即可看到我们cpolar内网穿透

![image-20230426172304148][]

点击进去后即可看到cpolar界面,接下来配置cpolar Authtoken

![4d6e31a74c448e655d004b0560a5a7e0.png][]

登录cpolar官网,如果没有注册账号,可以先注册账号,然后点击左侧的`验证`，查看自己的认证token，

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

![20230111103532][]

之后将官网查看的token复制到openwrt cpolar服务界面的Auth Token里,设置后点击save保存

![image-20230426174954224][]

保存成功后点击界面里的 `打开Web-UI界面` ,即可看到cpolar web ui 界面

![5d1d00b2b574e6cb44c29997938bd116.png][]

使用我们官网注册的账号登陆,登陆后即可对隧道进行管理,安装就完成啦

![345065a390e78d7fd6654ce19c5e4535.png][]

### 4. 配置远程访问地址 ###

在cpolar web ui管理界面中，我们点击左侧仪表盘的`隧道管理`——`创建隧道`，uhttpd由于部署在了openWRT Web管理界面，设置了SSL,所以端口使用443，因此我们要来创建一条`http隧道`，指向`443端口`：

*  隧道名称：可自定义，注意不要重复
 *  协议：http
 *  本地地址：443
 *  域名类型：选择随机域名
 *  地区：选择China VIP

点击`创建`

![image-20230523140759808][]

创建成功后打开在线隧道列表,可以看到公网访问的地址,有两种公网地址访问方式,一种是http,一种是https

![image-20230523140850963][]

然后我们使用其中一种http方式公网地址,并且加上资源路径:`/meditation-app-master/index.html`在浏览器访问,即可看到我们的站点界面,这样这个远程访问就配置好了.

![image-20230523141202524][]

### 5. 配置固定远程地址 ###

前面我们创建隧道时使用的是免费随机临时地址,它所生成的公网地址会在24小时内变化,为了方便长久稳定连接,我们可以固定访问地址,在cpolar中叫固定二级子域名，或者您也可以配置使用您自己的域名来访问。这里我们以cpolar子域名为例

> 需升级至基础套餐或以上才支持配置二级子域名

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

![image-20230523142316564][]

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

![image-20230523142403980][]

打开cpolar web ui管理界面。点击左侧仪表盘的`隧道管理`——`隧道列表`，找到需要配置二级子域名的隧道，点击右侧的`编辑`

![772b3467c94d6a81556975e28f9233ba.png][]

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

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

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

![image-20230523142620625][]

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

![3785cf0ab291c57b992d770df731e0cc.png][]

然后我们使用其中一种http方式地址在浏览器访问,即可看到我们的站点界面,这样一个固定不变的远程访问个人站点配置好了

![image-20230523144012999][]

[image-20230523130756649]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/c9336e804a3a478d98d529341ec9e026.png
[image-20230523131916555]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/10d4bf42ff174a80a1d55d6c23838ed0.png
[image-20230523132258910]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/d46ddb0aa8dd47dc9121cc4a9dc48a67.png
[image-20230426172304148]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/2017bb78cb9143818a05bd214063e31c.png
[4d6e31a74c448e655d004b0560a5a7e0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/c375e45e3b90480aae3bee9cdd47065b.png
[https_www.cpolar.com]: https://www.cpolar.com
[20230111103532]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/6c9e2019693d4646b29ba567452d2c99.png
[image-20230426174954224]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/c08c10675f4e4bc69a575369b7bf6967.png
[5d1d00b2b574e6cb44c29997938bd116.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/27ba48dc94bd481c8d6f6ac1bf2c9a93.png
[345065a390e78d7fd6654ce19c5e4535.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/e221947b76f64d49ab54305f01c9387f.png
[image-20230523140759808]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/8f86d622cea34349826a80fa4cc4efba.png
[image-20230523140850963]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/5ae7b23fb06946028c8e4ccd1c3367f2.png
[image-20230523141202524]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/2bafd40463fb4d6987427081b601aa91.png
[cpolar]: https://dashboard.cpolar.com/
[image-20230523142316564]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/03d1a19ba8ef4f809e0e187828bdb7a6.png
[image-20230523142403980]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/4e5d338a7a07458f8309085c24c06b4b.png
[772b3467c94d6a81556975e28f9233ba.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/90424bc2e2f74f0093719a95cd645ccd.png
[image-20230523142620625]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/83aac7b163784d98a233be185c4ad715.png
[3785cf0ab291c57b992d770df731e0cc.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/36d686832597495c8287a76c50c1fe7f.png
[image-20230523144012999]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/18/99805d744db64293be04fe3befcb5a0b.png