树莓派安装Nginx服务搭建web网站结合内网穿透实现公网访问本地站点

桃扇骨 2024-04-06 15:38 76阅读 0赞

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

*   *  1. Nginx安装
     *  2. 安装cpolar
     *  3.配置域名访问Nginx
     *  4. 固定域名访问
     *  5. 配置静态站点

安装 Nginx（发音为“engine-x”）可以将您的树莓派变成一个强大的 Web 服务器，可以用于托管网站或 Web 应用程序。相比其他 Web 服务器，Nginx 的内存占用率非常低，可以在树莓派等资源受限的设备上运行。同时结合[cpolar内网穿透][cpolar]工具即可实现无公网IP远程访问。

### 1. Nginx安装 ###

在树莓派安装Nginx也是很简单,通过apt命令可以直接安装,先更新仓库

sudo apt update

安装更新

sudo apt upgrade

更新完成后安装Nginx 包

sudo apt install nginx

启动Nginx

sudo /ect/init.d/nginx start

启动后,我们可以在外部浏览器输入树莓派`局域网ip:80`端口即可访问Nginx

![image-20230607131709841][]

### 2. 安装cpolar ###

使用cpolar一件安装脚本:

curl -L https://www.cpolar.com/static/downloads/install-release-cpolar.sh | sudo bash

向系统添加服务

sudo systemctl enable cpolar

启动cpolar服务

sudo systemctl start cpolar

查看服务状态

sudo systemctl status cpolar

重启cpolar命令(需要的时候使用)

sudo systemctl restart cpolar

然后在外部浏览器使用树莓派局域网ip+:9200端口即可出现cpolar管理界面

![image-20230607133940058][]

输入官网注册的账号登陆即可对隧道进行操作.

![image-20230303184844558][]

### 3.配置域名访问Nginx ###

我们在cpolar管理界面创建一个随机的80的隧道:

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

点击创建

![image-20230607134925374][]

然后打开在线隧道列表,查看创建隧道的公网地址,默认有两种访问方式,一种是http 另一种是https,复制http地址

![image-20230607134956379][]

打开浏览器,使用上面的http公网地址访问,即可看到nginx欢迎 界面,这样远程访问就设置好了

![image-20230607135233922][]

### 4. 固定域名访问 ###

要注意的是，以上步骤使用的是随机临时地址,该公网地址24小时内会随机变化。我们接下来为其配置固定地址，该地址不会变化，设置后将无需每天重复修改地址。

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

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

![image-20230607140809246][]

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

![image-20230607140853198][]

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

![image-20230607140924625][]

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

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

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

![image-20230607141008024][]

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

![image-20230607141038162][]

打开浏览器，我们来测试一下访问配置成功的二级子域名，出现nginx欢迎界面表示成功,可以正常访问。现在，我们全网唯一的私有二级子域名，就创建好了。

![image-20230607141122878][]

### 5. 配置静态站点 ###

进入nginx资源目录,这个目录是nginx默认寻找的资源目录

cd /var/www/html

为了让站点的内容更有意义，我们下载部署一个简单的静态演示站点–冥想放松站点。

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

解压

sudo tar xzf meditation-app-master.tar.gz

然后浏览器打开输入我们上面配置的公网地址加上资源路径:`/meditation-app-master`,即可看到我们配置的站点啦,同时远程访问也可以.

![image-20230607151025731][]

[cpolar]: https://www.cpolar.com/
[image-20230607131709841]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/d8930f8037a54eb49a36e4b24ef46ea9.png
[image-20230607133940058]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/4d643fbfcda8468693f2baab23cad21b.png
[image-20230303184844558]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/f9468594f7d0408d9bdd99944b8c7b7e.png
[image-20230607134925374]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/620616dde38c457f85d96a36e49d282f.png
[image-20230607134956379]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/fe9e1a444e114fa9b1df1801aeac35a3.png
[image-20230607135233922]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/fcfa753e0b574532a06ce6ab8a7462e7.png
[cpolar 1]: https://dashboard.cpolar.com/
[image-20230607140809246]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/2c0f85c72a814e52ba53f3eafefe79f9.png
[image-20230607140853198]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/505ec735586644f38c3e07a55cf639a9.png
[image-20230607140924625]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/4a57908f15554fca9d6d8c720af808b0.png
[image-20230607141008024]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/5df6cb429ee54c999e29390722da31ab.png
[image-20230607141038162]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/bfb97716a8ce4f2ea9343c26432480f6.png
[image-20230607141122878]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/eccde105d7c24c0c8217faa6f673b481.png
[image-20230607151025731]: https://image.dandelioncloud.cn/pgy_files/images/2024/04/06/38f03f4d59a1406c9c7f95e884e21435.png