Imagewheel私人圖床搭建結合內網穿透實現無公網IP遠程訪問教程

文章目錄

  • 1.前言
  • 2. Imagewheel網站搭建
    • 2.1. Imagewheel下載和安裝
    • 2.2. Imagewheel網頁測試
    • 2.3.cpolar的安裝和注冊
  • 3.本地網頁發布
    • 3.1.Cpolar臨時數據隧道
    • 3.2.Cpolar穩定隧道(云端設置)
    • 3.3.Cpolar穩定隧道(本地設置)
  • 4.公網訪問測試
  • 5.結語

1.前言

云存儲在前幾年風頭無兩,云存儲平臺也如雨后春筍般冒出來。但是這兩年風頭退去云存儲平臺相繼關閉,除了幾個互聯網大廠,其他平臺都在苦苦支撐。而圖床作為云存儲的一個分支,更是所剩無幾。但圖床不僅能用來存儲個人圖片,也能作為網站圖片的來源,想要擁有一個穩定的圖床,似乎只能自己動手。今天,筆者就為大家介紹,如何使用Cpolar+ Imagewheel,搭建一個簡潔明了的私人圖床。

2. Imagewheel網站搭建

Imagwheel是一款國外開發的輕量級圖床程序,可以使用php5.X-7.X版本,同時也支持MySQL。雖然是輕量級圖床程序,但其界面簡單明快,看著很清爽,而功能也并不弱于其他圖床程序。至少對用戶來說,也是多一種的選擇。

2.1. Imagewheel下載和安裝

Imgwheel雖然是開源程序,但筆者沒有找到github的下載地址,只能提供一個第三方下載地址(https://zhujiwiki.com/wp-content/uploads/2017/11/1917334780.zip)。Imgwheel源碼下載完成后,將其解壓,就能得到Imagewheel的源碼文件夾。將這個文件夾粘貼到網站文件夾內(筆者使用的是phpstudy集成面板,因此將Imgwheel文件夾粘貼到phpstudy的WWW文件夾下),就可以開啟Imagewheel網站安裝流程。

20230526095301

20230526095302

接著打開phpstudy,在軟件主界面左側點擊網站按鈕進入網站列表頁面,再點擊網站列表頁面左上的創建網站按鈕,進入新建網站的設置頁面。

在網站設置頁面,我們需要進行設置的內容并不多,只要設置一下幾項:

  • 域名 - 本地打開Imagewheel網站的域名,可隨意輸入;
  • 端口 -Imagwheel網站的輸出端口,只要未被占用即可;
  • 根目錄 – Imagewheel網站的文件存放位置,在這個例子中,筆者將這些文件放在phpstudy的www文件夾下;
  • 程序類型 – 由于Imagewheel是一個輕量化的web程序,可在php5.X-7.X下運行,為保險起見,筆者選擇php5.6.9版本。需要注意的是,Imagewheel正常運行需要打開php的gd、bcmath、mysql幾項擴展。

由于Apache已經自帶了偽靜態規則,因我們使用Apache運行網站就不必進行額外設置。但如果使用Nginx,就需要設定相應的偽靜態規則(筆者在網上找到的Nginx下Imagwheel偽靜態規則有問題,會導致Nginx運行報錯,因此不建議使用Nginx運行Imagwheel網站)。
這些設置完成后,就可以點擊最下方的“確認”按鈕,保存Imagewheel網站的設置。

20230526095303

下一步,我們只要在瀏覽器地址欄中,輸入Imagewheel網站的本地地址,就可以開始Imagewheel網站的部署。由于Imagewheel網站網站的網頁運行文件是application.php,因此在瀏覽器輸入Imagewheel網站地址時,需要指明運行程序,需要輸入的地址也變為“本地地址:端口號/application.php”。這里我們輸入localhost:81/application.php

20230526095304

這里我們輸入localhost:81/application.php,就能進入Imagewheel網站的安裝頁面。

20230526095305

20230526095306

在安裝頁面,我們需要填入的信息并不多,主要是填入之前在phpstudy中設置的數據庫信息,輸入完成后,就能點擊頁面下方的“安裝”按鈕。安裝完成后,就會轉入Imagewheel網站的主頁面。

20230526095307

雖然我們在本地電腦上部署好了Imagewheel網站,但想要訪問網站,我們每次都要按“本地地址:端口號/application.php”格式輸入地址,這明顯不是我們想要的。因此我們將application.php復制粘貼,將復制的文件改名為index.php(也可以直接將application.php更名為index.php)。就可以按“本地地址:端口號”格式輸入瀏覽器地址欄,訪問到Imagewheel網站。

20230526095308

2.2. Imagewheel網頁測試

按上述方法修改index.php文件后,我們在瀏覽器地址欄輸入localhost:81,就能正確打開Imagewheel網站。

20230526095309

同時,我們可以點擊Imagewheel網站右上角,輸入安裝Imagewheel是設置的管理員賬號和密碼,進入Imagewheel網站后臺,對已有設置進行變更。

20230526095310

20230526095311

2.3.cpolar的安裝和注冊

完成Imagewheel網站在本地設備上的部署后,就可以轉入cpolar內網穿透的安裝。相比Imagewheel網站部署,cpolar的安裝注冊要簡單很多。直接在cpolar的官網頁面(https://www.cpolar.com/),就能找到“下載”按鈕。

20230526095312

筆者使用的是Windows操作系統,因此選擇Windows版本的cpolar進行下載。

Cpolar下載完成后,將下載的文件解壓,雙擊解壓后的.msi文件,即可自動執行安裝程序。接著只要一路Next就能完成安裝。

20230526095314

20230526095315

cpolar會為每個用戶創建獨立的數據隧道,以用戶密碼和token碼保證數據安全,因此在使用cpolar之前,需要進行用戶注冊。注冊過程很簡單,只要在cpolar主頁右上角點擊用戶注冊,在注冊頁面填入必要信息,就能完成注冊。

20230526095316

20230526095317

3.本地網頁發布

到這里,我們完成了本地Imagewheel網站的部署,并安裝了cpolar內網穿透程序。接下來我們就可以使用cpolar,創建一個能夠連接本地Imagewheel網站的內網穿透數據隧道,讓我們能在公共互聯網上訪問本地Imagewheel網站

3.1.Cpolar臨時數據隧道

為滿足部分客戶需要的網頁臨時測試功能,cpolar可以直接在cpolar戶端創建臨時數據隧道(每隔24小時重置一次公共互聯網地址,)。要創建臨時數據隧道,我們直接在本地設備上登錄cpolar客戶端(在瀏覽器地址欄輸入localhost:9200),并在cpolar客戶端主界面點擊隧道管理項下的創建隧道按鈕,進入創建隧道設置頁面。

20230526095318

在“創建隧道”頁面,我們需要對幾項信息設置,這些信息設置包括:

  • 隧道名稱 – 可以看做cpolar客戶端的隧道信息注釋,只要方便我們分辨即可;
  • 協議 – Imagewheel網站是網頁程序,因此選擇http協議;
  • 本地地址 – 本地地址即為本地Imagewheel網站的輸出端口號,因此這里也填入81;
  • 域名類型 –這里我們可以區分數據隧道是臨時使用,或是長期存續。由于我們只是先進行臨時測試,因此選擇“隨機域名”(二級子域名和自定義域名都是長期穩定隧道,需要在cpolar云端預留公共互聯網地址)。
  • 地區 – 即服務器所在位置,我們依照實際使用地就近填寫即可;

20230526095319

完成這些設置后,就可以點擊頁面下方的創建按鈕,建立一條臨時數據隧道。臨時數據隧道創建完成后,cpolar客戶端會自動跳轉至隧道管理項下的隧道列表頁面,在這里我們可以看到cpolar本地的所有數據隧道(無論臨時還是長期)。我們也可以在這里,對數據隧道進行管理,包括開啟、關閉或刪除這條隧道,也可以點擊“編輯”按鈕,最這條數據隧道的信息進行修改。

20230526095320

而我們創建的能夠連接本地Imagewheel網站的臨時公共互聯網網址,則可以在狀態項下的在線隧道列表中找到。

20230526095321

將這里顯示的公共互聯網地址粘貼到瀏覽器地址欄,就能訪問到本地的Imagewheel圖床頁面。

20230526095322

不過,此時的Imagewheel數據隧道還只是臨時數據隧道,每24小時就會重置一次公共互聯網網址。如果還想要連接本地Imagewheel網頁,就需要使用新地址連接。

3.2.Cpolar穩定隧道(云端設置)

如果想要為本地CFImagehost網站設置能長期穩定存在的數據隧道,我們需要先將cpolar升級至VIP版。

接下來,我們就可以登錄cpolar的官網,并在用戶主頁面左側找到預留按鈕,點擊進入cpolar的數據隧道預留頁面,在這里生成一個公共互聯網地址(可以看做數據隧道的入口),由于此時這個地址沒有連接本地的軟件輸出端口,因此也可以看做是一條空白的數據隧道。

20230526095324

在預留頁面,可以看到很多種可保留的數據隧道,這里我們選擇保留二級子域名欄位。

20230526095325

在“保留二級子域名”欄位,需要進行幾項信息的簡單設置,即

  • 地區(服務器所在區域,就近選擇即可)
  • 二級域名(會最終出現在生成的公共互聯網地址中,作為網絡地址的標識之一)
  • 描述(可以看做這條數據隧道的描述,能夠與其他隧道區分開即可)

完成這幾項設置后,就可以點擊右側的保留按鈕,將這條數據隧道保留下來。

20230526095326

當然,如果這條數據隧道不打算再使用,還可以點擊右側的“x”將其輕松刪除,節約寶貴的隧道名額。

20230526095327

3.3.Cpolar穩定隧道(本地設置)

完成cpolar云端的設置,并保留了空白數據隧道后,我們回到本地的cpolar客戶端,將云端生成的空白數據隧道與本地的測試頁面連接起來。

在本地設備上打開并登錄cpolar客戶端(可以在瀏覽器中輸入localhost:9200直接訪問,也可以在開始菜單中點擊cpolar客戶端的快捷方式)。

點擊客戶端主界面左側隧道管理項下的隧道列表按鈕,進入本地隧道的頁面,再點擊對應隧道的編輯按鈕。

20230526095328

在本地隧道的“編輯”頁面(與創建本地臨時隧道的頁面一樣),我們只要對域名類型進行修改,就能將cpolar云端設保留的公共互聯網地址,與本地cpolar創建的Imagewheel數據隧道連接起來。

我們已經在cpolar云端預留了二級子域名的數據隧道,因此改選為二級子域名(如果預留的是自定義域名,則勾選自定義域名),并在下一行Sub Domain欄中填入預留的二級子域名,這里我們填入“wheelpic”。

20230526095329

完成“域名類型”的更改后,就可以點擊頁面下方的更新按鈕,將cpolar云端的空白數據隧道與本地Imagewheel網站連接起來,即生成了能夠長期穩定存在的Imagewheel網站數據隧道。

4.公網訪問測試

最后,我們再次進入在線隧道列表頁面,這時我們就會發現Imagewheel的公共互聯網地址已經發生了變化,我們將更新后的Imagewheel網站公共互聯網地址粘貼到瀏覽器中,就能看到使用新地址訪問到Imagewheel網站,成功的讓本地Imagewheel網站能夠長期穩定的訪問到。

20230526095330

20230526095331

5.結語

Imagewheel只是眾多圖床軟件中的一個,像Imagewheel這樣的圖床網站還有很多,他們也都可以以相同的思路,在本地設備上進行安裝,再通過cpolar創建內網穿透數據隧道發布到公共互聯網上,讓我們搭建個人私有的圖床網站。

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

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

相關文章

flutter 文件上傳組件和大文件分片上傳

文件分片上傳 資料 https://www.cnblogs.com/caijinglong/p/11558389.html 使用分段上傳來上傳和復制對象 - Amazon Simple Storage Service 因為公司使用的是亞馬遜的s3桶 下面是查閱資料獲得的 亞馬遜s3桶的文件上傳分片 分段上分為三個步驟:開始上傳、上傳對…

CSP-J 2023 T3 一元二次方程

文章目錄 題目題目背景題目描述輸入格式輸出格式樣例 #1樣例輸入 #1樣例輸出 #1 提示 題目傳送門題解思路總代碼 提交結果尾聲 題目 題目背景 眾所周知,對一元二次方程 a x 2 b x c 0 , ( a ≠ 0 ) ax ^ 2 bx c 0, (a \neq 0) ax2bxc0,(a0),可…

STM32G030C8T6:定時器1ms中斷(以64MHz外部晶振為例)

本專欄記錄STM32開發各個功能的詳細過程,方便自己后續查看,當然也供正在入門STM32單片機的兄弟們參考; 本小節的目標是,系統主頻64 MHZ,采用高速外部晶振,通過定時器3 每秒中斷控制 PB9 引腳輸出高低電平,從…

20240222作業

完善對話框,點擊登錄對話框,如果賬號和密碼匹配,則彈出信息對話框,給出提示“登錄成功",提供一個Ok按鈕,用戶點擊OK后,關閉登錄界面,跳轉到其他界面 如果賬號和密碼不匹配&…

Java基礎-注解

注解 注解是用來干什么的它有什么作用注解的常見分類內置注解Override注解定義 Deprecated注解定義 SuppressWarnings注解定義 元注解Target注解定義ElementType Retention&&RetentionTarget注解定義RetentionPolicy Documented注解定義 Inherited注解定義用法 Repeata…

低代碼開發:推動互聯網企業數字化轉型的關鍵因素

聯網行業作為我國數字經濟發展的核心驅動力,在推動國家數字化轉型中扮演著至關重要的角色。與其他傳統行業相比,互聯網企業面臨更加緊迫的數字化轉型需求,因為它們需要不斷適應快速變化的市場環境和技術趨勢。 然而,由于互聯網企業…

深入理解APDU協議與Java開發

1. 什么是APDU? APDU,即應用協議數據單元(Application Protocol Data Unit),是一種在智能卡與卡片讀卡器之間進行通信的協議。APDU定義了在交互中傳輸的數據格式和規則,允許讀卡器發送指令并接收響應。 2…

MFC 皮膚庫配置

1.創建MFC 對話框 2.添加皮膚資源 添加資源 添加頭文件 關閉SDL檢測 添加靜態庫文件 修改字符集 添加頭文件 將皮膚中的ssk文件加載到初始化實例中 > 運行即可

springboot 的 websocket 里面使用 @Autowired 注入 service 或 bean 時,報空指針異常

直接上解決方案: 在你的WebSocketServer服務器中 public static MessageService messageService; //要注入的類// 注入的時候,給類的 service 注入Autowiredpublic void setChatService(MessageService messageService) {WebSocketServer.messageSer…

【寸鐵的刷題筆記】樹、dfs、bfs、回溯、遞歸(一)

【寸鐵的刷題筆記】樹、dfs、bfs、回溯、遞歸(一) 大家好 我是寸鐵👊 總結了一篇刷題關于樹、dfs、bfs、回溯、遞歸的文章? 喜歡的小伙伴可以點點關注 💝 105. 從前序與中序遍歷序列構造二叉樹 模擬分析圖 代碼實現 /*** Definition for a binary tre…

HarmonyOS—添加/刪除Module

Module是應用/服務的基本功能單元,包含了源代碼、資源文件、第三方庫及應用/服務配置文件,每一個Module都可以獨立進行編譯和運行。一個HarmonyOS應用/服務通常會包含一個或多個Module,因此,可以在工程中創建多個Module&#xff0…

如何利用內網穿透工具在企業微信開發者中心實現本地接口服務回調

文章目錄 1. Windows安裝Cpolar2. 創建Cpolar域名3. 創建企業微信應用4. 定義回調本地接口5. 回調和可信域名接口校驗6. 設置固定Cpolar域名7. 使用固定域名校驗 企業微信開發者在應用的開發測試階段,應用服務通常是部署在開發環境,在有數據回調的開發場…

SQL查詢每個類別價格前3的數據

SELECTproduct_id,category,price FROM (SELECTproduct_id,category,price,ROW_NUMBER() OVER (PARTITION BY category ORDER BY price) AS rankFROMyour_products_table ) AS ranked_products WHERErank < 3;DENSE_RANK() 和 ROW_NUMBER() 是窗口函數&#xff08;Window Fu…

前端知識復習

1.symbol類型 Symbol 是 ECMAScript 6 中引入的一種新的基本數據類型&#xff0c;它表示獨一無二的值。Symbol 值是通過 Symbol() 函數創建的。 Symbol 值具有以下特點&#xff1a; 獨一無二性&#xff08;唯一性&#xff09;&#xff1a;每個通過 Symbol() 函數創建的 Symb…

十三:集合

提示&#xff1a;文章寫完后&#xff0c;目錄可以自動生成&#xff0c;如何生成可參考右邊的幫助文檔 文章目錄 01、Java 集合框架概述1.1、集合框架與數組的對比及概述1.2、集合框架涉及到的API 02、Collection接口方法2.1、Collection接口中的常用方法12.2、Collection接口中…

在idea中配置Tomcat

1.在idea中點擊右上角 2.點擊Edit Configurations,點擊加號 3.向下拉找到Tomcat Server下的Local,點一下 點擊Configure 找到tomcat文件路徑,選擇apache-tomcat-8.5.63(8.5.63是我的版本號) 選擇好路徑后點ok就配置好了 總步驟:

Vue 圖片輪播第三方庫 Vue-awesome-swiper介紹及簡單例子

vue-awesome-swiper 是一個基于 Swiper 的 Vue 輪播圖組件&#xff0c;Swiper 是一個流行的移動端觸摸滑動插件。它為 Vue.js 應用提供了一套豐富的輪播組件&#xff0c;支持多種布局和功能&#xff0c;如自動播放、無限循環、觸摸滑動等。 安裝 首先&#xff…

代碼隨想錄算法訓練營第一天

● 今日學習的文章鏈接和視頻鏈接 ● 自己看到題目的第一想法 1. 704二分法&#xff1a; 方法一&#xff1a; 整個數組是 左閉右閉區間 [ ] left指針指向數組開始下標&#xff0c; right 指針指向數組最后下表nums.size()-1, mid為 (leftright) /2循環條件 left<rightnu…

打開stable diffusion webui時,提示缺少clip或clip安裝不上的解決方案(windows下的操作)

1.問題描述 打開stable diffusion webui時&#xff0c;提示缺少clip或clip安裝不上 2.解決方案 原因&#xff1a;stable diffusion webui環境中的clip其實是open_clip&#xff0c;不能用pip install clip安裝解決方法是直接到github下載 open_clip 代碼到本地&#xff0c;并…

linux環境ssh-rsa進行簽名\權限\登錄\原理(免密登錄)

linux環境ssh-rsa進行簽名權限登錄(免密登錄) SSH原理與運用什么是SSH?SSH的使用場景ssh-rsa獲取xshell環境登錄獲取ssh-rsa使用ssh-rsa登錄SHA系列SHA-1、SHA-256和RSA的區別RSA原理數論基礎RSA機制RSA數學密鑰生成公式RSA數學加密理論RSA數學簽名公式