OpenWRT搭建本地web站點并結合內網穿透實現公網遠程訪問

文章目錄

  • 前言
    • 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

登錄cpolar官網,如果沒有注冊賬號,可以先注冊賬號,然后點擊左側的驗證,查看自己的認證token,

cpolar官網:https://www.cpolar.com

20230111103532

之后將官網查看的token復制到openwrt cpolar服務界面的Auth Token里,設置后點擊save保存

image-20230426174954224

保存成功后點擊界面里的 打開Web-UI界面 ,即可看到cpolar web ui 界面

使用我們官網注冊的賬號登陸,登陸后即可對隧道進行管理,安裝就完成啦

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子域名為例

需升級至基礎套餐或以上才支持配置二級子域名

登錄cpolar官網后臺,點擊左側儀表盤的預留,找到保留二級子域名,為http隧道保留一個二級子域名。

  • 地區:選擇服務器地區
  • 名稱:填寫您想要保留的二級子域名(可自定義)
  • 描述:即備注,可自定義填寫

image-20230523142316564

本例保留一個名稱為websitewrt的二級子域名。子域名保留成功后,我們將子域名復制下來,接下來需要將其配置到隧道中去。

image-20230523142403980

打開cpolar web ui管理界面。點擊左側儀表盤的隧道管理——隧道列表,找到需要配置二級子域名的隧道,點擊右側的編輯

修改隧道信息,將二級子域名配置到隧道中:

  • 域名類型:改為選擇二級子域名
  • *Sub Domain:填寫我們剛剛所保留的二級子域名

修改完成后,點擊更新

image-20230523142620625

隧道更新成功后,點擊左側儀表盤的狀態——在線隧道列表,可以看到隧道的公網地址,已經更新為二級子域名了.

然后我們使用其中一種http方式地址在瀏覽器訪問,即可看到我們的站點界面,這樣一個固定不變的遠程訪問個人站點配置好了

image-20230523144012999

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/214079.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/214079.shtml
英文地址,請注明出處:http://en.pswp.cn/news/214079.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

【Windows】MCSM面板搭建Mycraft服務器,實現公網遠程聯機

文章目錄 前言1.Mcsmanager安裝2.創建Minecraft服務器3.本地測試聯機4. 內網穿透4.1 安裝cpolar內網穿透4.2 創建隧道映射內網端口 5.遠程聯機測試6. 配置固定遠程聯機端口地址6.1 保留一個固定TCP地址6.2 配置固定TCP地址 7. 使用固定公網地址遠程聯機 前言 MCSManager是一個…

[香橙派]Orange pi zero 3命令行配網方法——建立ssh連接——Ubuntu配置WIFI自動連接

一、前言 前面我們給Orange Pi安裝了Ubuntu系統,并通過MobaXterm進行了串口連接,但其實并不方便,在日常開發中,我們希望能夠使用更方便的ssh連接來進行操作,因此配置網絡是必要的。 本章介紹的方法無需網線、HDMI線等&…

upload-labs

01 隨便上傳個文件 發現對于上傳類型有限制 查看頁面代碼發現是js的過濾直接關閉js 上傳成功 右鍵圖片在新建標簽頁打開文件 這里直接抓包改名字也行 02 抓包修改后綴名 03 發現后端做了檢測抓包修改失敗 大小寫繞過失敗,php特性php1等會被當成php執行 這里圖片的…

私域流量:探索營銷新紀元的高效之路

在當前的數字營銷領域,私域流量已經嶄露頭角,成為企業和品牌爭相追逐的新路徑。私域流量指的是企業或品牌通過自有渠道,如網站、APP、微信公眾號等,直接觸達的用戶流量。這種流量具有更高的自主性和可控性,對于提升營銷…

MS1242,替代ADS1242,24bit 高精度、低功耗模數轉換器

產品簡述 MS1242/MS1243 是一款高精度、寬動態范圍、 ?-Σ 模數轉 換芯片,其工作電壓為 2.7V 至 5.25V ,可以達到 24bit 無失碼轉 換,有效精度可達 21bit 。 MS1242/MS1243 可以廣泛使用在工 業控制、稱重、液體 / 氣體化學分析、血液分…

spark 寫入 hudi時數據類型報錯

報錯信息如下: Caused by: org.apache.spark.sql.execution.QueryExecutionException: Parquet column cannot be converted in file hdfs://master:9000/user/hive/warehouse/ods_ds_hudi.db/order_info/19971201/77687054-08d3-4045-9529-1ca38e7de10b-0_0-65-57…

selenium相關地址匯總

webdriver下載 Chrome瀏覽器驅動下載地址:https://chromedriver.storage.googleapis.com/index.html Edge瀏覽器驅動下載地址:https://developer.microsoft.com/zh-cn/microsoft-edge/tools/webdriver) 或 https://msedgewebdriverstorage.z22.web.cor…

手眼標定 - 最終精度和誤差優化心得

手眼標定 - 標定誤差優化項 一、TCP標定誤差優化1、注意標定針擺放范圍2、TCP標定時的點次態與工作姿態盡可能保持相近 二、深度相機對齊矩陣誤差1、手動計算對齊矩陣 三、手眼標定拍照姿態1、TCP標定姿態優先2、水平放置棋盤格優先 為減少最終手眼標定的誤差,可做或…

Get職場新知識:做分析,用大數據分析工具

為什么企業每天累積那么多的數據,也做數據分析,但最后決策還是靠經驗?很大程度上是因為這些數據都被以不同的指標和存儲方式放在各自的系統中,這就導致了數據的分析口徑和標準不一致,無法在同一個分析軟件上做綜合分析…

Rsync+Sersync

服務器相關參數 源服務器 192.168.17.101 目標服務器(同步到的服務器) 192.168.17.103 ##目標服務器配置 ###1、配置rsync服務 1、安裝rsync yum -y install rsync 2、配置rsync vim /etc/rsyncd.conf 配置文件內容 uid root gid root use c…

Module build failed : Error : Vue packages version mismatch:

Vue packages version mismatch: - vue2.7.15 (E:\Workspace_ce\erp\erp-web\node_modules\vue\dist\vue.runtime.common.js) - vue-template-compiler2.6.11 (E:\Workspace_ce\erp\erp-web\node_modules\vue-template-compiler\package.json) 【問題解決了,我很不…

bootstrap:選項卡功能DEMO

<!DOCTYPE html> <html> <head> <meta charset"UTF-8"> <title>選項卡</title> <link rel"stylesheet" type"text/css" href"/cdn.bootcss.com/bootstrap/3.3.2/css/bootstrap.min.css" />…

記一次測試環境git翻車經歷

本來想拉一個功能分支進行新的功能開發&#xff0c;合并代碼發現沒有沖突居然有文件被修改了&#xff0c;貿然選擇最近的一次回滾提交&#xff0c;沒想到不假思索的push -f 導致一部分dev主干的代碼不見了。 事故記錄 開發分支origin/dev&#xff0c;功能分支file 合并之后發…

Java 實現 文檔 添加 水印 工具類

一、pom 文件引用 <dependency><groupId>org.apache.poi</groupId><artifactId>poi</artifactId><version>4.1.2</version></dependency><dependency><groupId>org.apache.poi</groupId><artifactId>…

MeterSphere實戰(一)

MeterSphere是一位朋友講到的測試平臺&#xff0c;說這東西是開源的&#xff0c;因為我是做測試的&#xff0c;很樂意了解一些新鮮事物。在我看來&#xff0c;測試就是要專注一些領域&#xff0c;然后要啥都會一點點&#xff0c;接著融會貫通起來&#xff0c;這樣就可以萬變不離…

C語言--不使用庫函數,把一個數字轉為字符串【詳細解釋】

一.題目描述 輸入一個數字&#xff0c;把他轉為字符串 比如&#xff1a;輸入數字&#xff1a;12345 輸出&#xff1a;12345&#xff08;這里的12345是字符串12345&#xff09; 二.思路分析 比如給定一個數字12345&#xff0c;先把它轉為字符54321&#xff08;“54321”&#…

線程互斥與同步

用戶級線程 內核的LWP Linux線程 OS概念中經常說的 用戶級線程 和 內核級線程 也就是線程實現真的是在OS內部實現&#xff0c;還是應用層或用戶層實現 很明顯Linux是屬于用戶級線程 用戶級執行流&#xff08;用戶級線程&#xff09; &#xff1a;內核lwp 1 : 1 也有1&…

驍龍8 Gen 3 vs A17 Pro

驍龍8 Gen 3 vs A17 Pro——誰會更勝一籌&#xff1f; Geekbench、AnTuTu 和 3DMark 等基準測試在智能手機領域發揮著至關重要的作用。它們為制造商和手機愛好者提供了設備性能的客觀衡量標準。這些測試有助于評估難以測量的無形方面。然而&#xff0c;值得注意的是&#xff0c…

騷操作:NanoDrop測蛋白濃度

?大家好&#xff0c;最近實驗室的BCA儀器壞了&#xff0c;偶然發現nanodrop也可以測蛋白濃度&#xff0c;省不少時間&#xff01;本方法原理是&#xff1a;紫外吸收 友情提示&#xff1a;由于表格的存在&#xff0c;用電腦看本推文&#xff0c;效果更好 紫外吸收法 較為靈…

31條PCB設計布線技巧:

大家在做PCB設計時&#xff0c;都會發現布線這個環節必不可少&#xff0c;而且布線的合理性&#xff0c;也決定了PCB的美觀度和其生產成本的高低&#xff0c;同時還能體現出電路性能和散熱性能的好壞&#xff0c;以及是否可以讓器件的性能達到最優等。 本篇內容&#xff0c;將…