前言

Nginx是一款高性能的本地Web服務(wù)器，以其卓越的穩(wěn)定性和靈活的配置能力，成為開發(fā)者搭建本地服務(wù)的首選工具。它支持多站點(diǎn)部署、反向代理和SSL加密，無論是前端靜態(tài)頁面調(diào)試還是后端API測試，都能提供可靠的環(huán)境支持。

作為一名全棧開發(fā)者，Nginx最讓我滿意的是其“開箱即用”的特性——簡單配置即可運(yùn)行多個服務(wù)，反向代理功能讓前后端分離開發(fā)變得輕松。但過去最困擾我的是，異地團(tuán)隊成員無法訪問我的本地開發(fā)環(huán)境，每次演示都需要部署到臨時服務(wù)器，既耗時又繁瑣。

自從用cpolar將Nginx服務(wù)穿透到公網(wǎng)后，我的工作方式徹底改變。上周與海外客戶進(jìn)行系統(tǒng)演示，直接通過手機(jī)熱點(diǎn)訪問家中的開發(fā)服務(wù)器，實(shí)時修改代碼并展示效果，客戶驚嘆于這種“本地即公網(wǎng)”的流暢體驗(yàn)。這種組合不僅節(jié)省了云服務(wù)器成本，更讓遠(yuǎn)程協(xié)作變得像坐在同一辦公室般自然。

本文將介紹如何利用 Ubuntu操作系統(tǒng)、Docker容器技術(shù)以及cpolar內(nèi)網(wǎng)穿透工具來實(shí)現(xiàn)公網(wǎng)遠(yuǎn)程訪問本地Nginx服務(wù)器的具體操作流程。

1. 安裝Docker

本教程操作環(huán)境為Linux Ubuntu系統(tǒng)，在開始之前，我們需要先安裝Docker。

在終端中執(zhí)行下方命令：

添加Docker源

# Add Docker's official GPG key:
sudo apt-get update
sudo apt-get install ca-certificates curl gnupg
sudo install -m 0755 -d /etc/apt/keyrings
curl -fsSL https://download.docker.com/linux/ubuntu/gpg | sudo gpg --dearmor -o /etc/apt/keyrings/docker.gpg
sudo chmod a+r /etc/apt/keyrings/docker.gpg

# Add the repository to Apt sources:
echo \
  "deb [arch=$(dpkg --print-architecture) signed-by=/etc/apt/keyrings/docker.gpg] https://download.docker.com/linux/ubuntu \
  $(. /etc/os-release && echo "$VERSION_CODENAME") stable" | \
  sudo tee /etc/apt/sources.list.d/docker.list > /dev/null
sudo apt-get update

安裝Dokcer包

sudo apt-get install docker-ce docker-ce-cli containerd.io docker-buildx-plugin docker-compose-plugin

通過運(yùn)行映像來驗(yàn)證 Docker 引擎安裝是否成功

sudo docker run hello-world

2. 使用Docker拉取Nginx鏡像

sudo docker pull nginx:latest

然后執(zhí)行查看鏡像命令：

sudo docker images

可以看到成功拉取了Nginx鏡像。

3. 創(chuàng)建并啟動Nginx容器

成功拉取Nginx鏡像后，我們可以使用該鏡像創(chuàng)建并運(yùn)行一個Nginx容器。

在終端執(zhí)行以下命令：

$ sudo docker run --name nginx-test -p 8080:80 -d nginx

參數(shù)說明：

• –name mynginx：本例容器名稱為mynginx，大家可以自己起名。
• -p 8080:80： 端口進(jìn)行映射，將本地 8080 端口映射到容器內(nèi)部的 80 端口。
• -d nginx： 設(shè)置容器在在后臺一直運(yùn)行。

然后執(zhí)行下方命令查看容器是否正在運(yùn)行：

sudo docker ps

可以看到剛才創(chuàng)建的Nginx容器正在運(yùn)行中。

4. 本地連接測試

現(xiàn)在我們可以通過瀏覽器直接訪問 本機(jī)ip:8080 端口的 nginx 服務(wù)：

可以看到，本地連接Nginx服務(wù)測試成功。

5. 公網(wǎng)遠(yuǎn)程訪問本地Nginx

不過我們目前只能在本地連接剛剛使用docker部署的Nginx服務(wù)，如果身在異地，想要遠(yuǎn)程訪問在本地部署的Nginx容器，但又沒有公網(wǎng)ip怎么辦呢？

我們可以使用cpolar內(nèi)網(wǎng)穿透工具來實(shí)現(xiàn)無公網(wǎng)ip環(huán)境下的遠(yuǎn)程訪問需求。

5.1 內(nèi)網(wǎng)穿透工具安裝

下面是安裝cpolar步驟：

cpolar官網(wǎng)地址: https://www.cpolar.com

• 使用一鍵腳本安裝命令

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

• 向系統(tǒng)添加服務(wù)

sudo systemctl enable cpolar

• 啟動cpolar服務(wù)

sudo systemctl start cpolar

cpolar安裝成功后，在外部瀏覽器上 訪問Linux 的9200端口即:【http://服務(wù)器的局域網(wǎng)ip:9200】，使用cpolar賬號登錄,登錄后即可看到cpolar web 配置界面,結(jié)下來在web 管理界面配置即可。

5.2 創(chuàng)建遠(yuǎn)程連接公網(wǎng)地址

登錄cpolar web UI管理界面后,點(diǎn)擊左側(cè)儀表盤的隧道管理——創(chuàng)建隧道：

• 隧道名稱：可自定義，注意不要與已有的隧道名稱重復(fù)，本例使用了：mynginx
• 協(xié)議：http
• 本地地址：8080
• 域名類型：隨機(jī)域名
• 地區(qū)：選擇China Top

點(diǎn)擊創(chuàng)建

創(chuàng)建成功后,打開左側(cè)在線隧道列表,可以看到剛剛通過創(chuàng)建隧道生成了兩個公網(wǎng)地址，接下來就可以在其他電腦（異地）上，使用任意一個地址在瀏覽器中訪問即可。

如下圖所示，成功實(shí)現(xiàn)在公網(wǎng)環(huán)境訪問本地Nginx服務(wù)！

小結(jié)

為了方便演示，我們在上邊的操作過程中使用了cpolar生成的HTTP公網(wǎng)地址隧道，其公網(wǎng)地址是隨機(jī)生成的。

這種隨機(jī)地址的優(yōu)勢在于建立速度快，可以立即使用。然而，它的缺點(diǎn)是網(wǎng)址是隨機(jī)生成，這個地址在24小時內(nèi)會發(fā)生隨機(jī)變化，更適合于臨時使用。

如果有長期遠(yuǎn)程訪問本地Nginx服務(wù)的需求，但又不想每天重新配置公網(wǎng)地址，還想地址好看又好記，那我推薦大家選擇使用固定的二級子域名方式來遠(yuǎn)程訪問。

5.3 使用固定公網(wǎng)地址遠(yuǎn)程訪問

登錄cpolar官網(wǎng)，點(diǎn)擊左側(cè)的預(yù)留，選擇保留二級子域名，地區(qū)選擇China VIP，設(shè)置一個二級子域名名稱，點(diǎn)擊保留,保留成功后復(fù)制保留的二級子域名名稱

保留成功后復(fù)制保留成功的二級子域名的名稱：nginx123，返回登錄Cpolar web UI管理界面，點(diǎn)擊左側(cè)儀表盤的隧道管理——隧道列表，找到所要配置的隧道m(xù)ynginx，點(diǎn)擊右側(cè)的編輯：

修改隧道信息，將保留成功的二級子域名配置到隧道中

• 域名類型：選擇二級子域名
• Sub Domain：填寫保留成功的二級子域名：nginx123
• 地區(qū)：選擇China VIP

點(diǎn)擊更新(注意,點(diǎn)擊一次更新即可,不需要重復(fù)提交)

更新完成后,打開在線隧道列表,此時可以看到公網(wǎng)地址已經(jīng)發(fā)生變化,地址名稱也變成了固定的二級子域名名稱的域名：

最后,我們使用任意一個固定公網(wǎng)地址在瀏覽器訪問,可以看到訪問成功,這樣一個固定且永久不變的公網(wǎng)地址就設(shè)置好了,隨時隨地都可以遠(yuǎn)程訪問本地Nginx服務(wù)了!

遠(yuǎn)程協(xié)作的未來，在于讓技術(shù)隱形。Nginx與cpolar的組合證明，最好的工具應(yīng)該像空氣一樣自然存在——默默支撐團(tuán)隊協(xié)作，卻從不讓你察覺它的復(fù)雜。當(dāng)開發(fā)環(huán)境可以隨時隨地訪問，或許我們真的可以告別“物理出勤”的束縛。

以上就是Nginx搭配cpolar實(shí)現(xiàn)遠(yuǎn)程開發(fā)無縫協(xié)作全過程的詳細(xì)內(nèi)容，更多關(guān)于Nginx cpolar遠(yuǎn)程開發(fā)無縫協(xié)作的資料請關(guān)注腳本之家其它相關(guān)文章！

最新評論