banner
冷板凳

冷板凳

探索笔记和效率工具 🚀
twitter
telegram

如何為你的設計作品實現無縫共享?Cloudflare 內網穿透告訴你!

image

一點需求#

如果你是一名喜歡折騰的設計師如何才能將你拍好的照片,設計的海報,視頻等分享給公司其他小夥伴使用呢?假設素材有成百上千,如果每個人需要圖片時都問你要,你不得煩死?

因此將收集及整理設計項目的案例、產品圖片、海報和視頻等使用 eagle 管理是一種極佳的辦法,但你不可能挨個給每個人電腦去裝 eagle,還要授權購買帳號。

hero-1

於是有了另一款可以將本地 eagle 數據庫搭建成一個素材分享網站 歐奧 PicHome-Eagle 圖片共享 ,小夥伴可以在公司局域網輕鬆訪問,下載產品圖片。

pichome

如果你的需求僅僅局域網共享素材庫,可以直接訪問 pichome 官網結合 phpStudy 就能過快速搭建。

那麼如果在局域網訪問素材庫基礎上,再提一個需求,讓出差辦公的同事也能夠訪問素材庫。怎麼辦?

把 pichome 部署在雲服務?可以,但是素材庫好幾百 G,並且不斷增加,這費用誰吃得消?

有沒有一種將局域網變成能夠被外網訪問的技術?有的。

內網穿透#

我一直以為「內網穿透」是用於局域網共享傳輸或者 VPN 工具,經過一翻學習,我確定它就是我要找的東西。

一台閒置長年不關機的本地電腦作為服務器,將局域網搭建完成的素材庫,通過內網穿透工具,讓外網直接訪問素材庫。

一開始我使用這個方案 phpstudy 本地快速搭建網站,並外網訪問部署成功,如果需要一個固定二級域名長期使用,基礎版 99 / 年夠用。我打算再折騰其他方案之後,若不行,再回來。它是我的兜底手段。

image

通過 B 站 內網穿透說明這個視頻我了解到內網穿透工具其實有很多,Ngrok,花生殼,NATAPP,FRP,釘釘穿透。通過比對,發現一個比較符合我個人需求的方案。

cloudflare 免費內網穿透教程因為 xLog 博客就是 Cloudflare 解析,有一定熟悉感,中文操作界面友好,品牌靠譜,可以自定義域名而且免費。

部署實操#

注:搭建全程 VPN 模式,訪問 cloudflare 較快。Cloudflare Zero Trust 官方文檔遇到問題,多看幾遍官方文檔。

  1. 通常我們走到這一步,一定先有了域名,不必考慮是否提前申請一個二級域名,只需按照 Cloudflare 標準步驟,替換 NS 解析,能夠正常訪問主域名即可。
  2. 假設 Cloudflare 正常接管 zhuyumin.com 域名的解析服務之後,選擇左側導航的「流量」→ 「Cloudflare Tunnel」

image

  1. 創建一個隧道

image

4. 填寫隧道名稱 Name your tunne

image

  1. 下載安裝程序到需要外網訪問的本地電腦,注意安裝時僅僅只是一閃而過。緊接著,複製粘貼下面命令到 CMD 安裝,安裝不成功的最大問題,請考慮一定使用「Windows PowerShell (管理員) 模式。

image

  1. 回到 Tunnels 界面,Status 為 HEALTHY,表示隧道創建成功,點擊後面三個點,進入 Configure 設置 IP 綁定

image

  1. Public Hostname Page 設定參數,Subdomain 填入名字之後,會自動產生一個二級域名,Domain 會自動拾取主域名,Path 不用填;Type 選擇 http,URL 就是本地電腦那個 IP,不需要填寫端口。

image

  1. 保存之後就能通過這個二級域名訪問本地電腦的素材庫或者你自己搭建的博客之類。
  2. 成功部署之後,訪問速度會逐漸上升,一開始訪問可能會有點慢。
  3. 移動端訪問速度相對更快一些。Cloudflare 能自定義域名,免費穿透,還要啥自行車!

後記心得#

作為一個編程小白,平時比較喜歡折騰,再此之前,我甚至不清楚內網穿透啥意思,全憑一股莫名奇妙的衝動,最差就是不成功,浪費點時間精力,那又有什麼關係?

由於並不清楚背後邏輯,因此每一步感覺像在猜謎,即使成功部署之後仍舊模模糊糊,稀里糊涂就成了。

回頭看每一步都如有神助,並沒有特別嚴重導致放棄的阻礙,得益於一次次遇到報錯而堅持再試試,沒什麼特別技巧。

載入中......
此文章數據所有權由區塊鏈加密技術和智能合約保障僅歸創作者所有。