banner
冷板凳

冷板凳

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

あなたのデザイン作品をシームレスに共有する方法はありますか?CloudflareのインターネットVPNが教えてくれます!

image

一点需求#

もしもあなたがいじくり好きなデザイナーで、撮った写真やデザインしたポスターやビデオなどを会社の仲間と共有したい場合、どうすればいいでしょうか?素材が何百もある場合、誰もが写真を必要とするたびにあなたに頼むのは面倒ですよね?

そのため、デザインプロジェクトのケース、製品画像、ポスターやビデオなどを収集し整理するために、eagleを使用することは非常に良い方法ですが、誰もが eagle をインストールするために個別にコンピュータを訪れるわけにはいきませんし、アカウントも購入する必要があります。

hero-1

そこで、ローカルの eagle データベースを素材共有ウェブサイトに構築する別の方法ができました。欧奥 PicHome-Eagle 图片共享は、会社のローカルネットワークで簡単にアクセスして製品画像をダウンロードできるようにします。

pichome

もしもあなたの要求がローカルネットワークでの素材ライブラリの共有だけであれば、pichome の公式ウェブサイトにアクセスし、phpStudyと組み合わせて簡単に構築することができます。

では、ローカルネットワークでの素材ライブラリへのアクセスを基に、出張中の同僚が素材ライブラリにアクセスできるようにする要求を追加した場合、どうすればいいでしょうか?

pichome をクラウドサービスにデプロイすることはできますが、素材ライブラリは数百 GB あり、増え続けていますので、誰がその費用を負担するのでしょうか?

ローカルネットワークを外部からアクセスできるようにする技術はありますか?あります。

ポートフォワーディング#

私は常に「ポートフォワーディング」がローカルネットワークの共有転送や VPN ツールに使用されるものだと思っていましたが、学習を重ねるうちに、それが私が探していたものであることを確信しました。

使われていない常時オンのローカルコンピュータをサーバーとして使用し、構築されたローカルネットワークの素材ライブラリをポートフォワーディングツールを使用して外部から直接アクセスできるようにします。

最初にこの方法を使用しました phpstudy 本地快速搭建网站,并外网访问 、デプロイに成功しました。固定されたサブドメインを長期間使用する必要がある場合、基本プランの 99 ドル / 年で十分です。他の方法を試した後でもうまくいかない場合は、戻ってくるつもりです。これは私の最終手段です。

image

Bilibili の内网穿透说明という動画を通じて、内部ネットワークポートフォワーディングツールは実はたくさんあることを知りました。Ngrok、花生壳、NATAPP、FRP、钉钉穿透などがあります。比較した結果、私の個人的な要求には比較的適している解決策を見つけました。

cloudflare 免费内网穿透教程は、xLog ブログが Cloudflare で解析されているため、ある程度の理解があり、中国語の操作インターフェースが使いやすく、信頼性のあるブランドであり、カスタムドメインを使用して無料で利用できます。

デプロイ手順#

注:VPN モードでのデプロイ全体の過程では、Cloudflare へのアクセスが速くなります。Cloudflare Zero Trust 官方文档で問題が発生した場合は、公式ドキュメントを何度も確認してください。

  1. 通常、このステップに進む前に、すでにドメインを持っているはずです。事前にサブドメインを申請する必要があるかどうかは考慮する必要はありません。Cloudflare の標準手順に従って、NS 解析を置き換え、メインドメインに正常にアクセスできるようにするだけです。
  2. Cloudflare が正常に zhuyumin.com ドメインの解析サービスを引き継いだと仮定して、左側のナビゲーションから「流量」→「Cloudflare Tunnel」を選択します。

image

  1. トンネルを作成します。

image

4. トンネル名を入力します。

image

  1. インストールプログラムをダウンロードして、外部からアクセスする必要があるローカルコンピュータにインストールします。インストール時には一瞬だけ表示されます。その後、以下のコマンドをコピーして CMD に貼り付けてインストールします。インストールがうまくいかない場合は、必ず「Windows PowerShell (管理者) モード」を使用してください。

image

  1. Tunnels 画面に戻り、ステータスが HEALTHY になっていることを確認します。これは、トンネルが正常に作成されたことを示しています。後ろの 3 つの点をクリックして、Configure に進み、IP バインドを設定します。

image

  1. Public Hostname Page の設定パラメーターを入力します。Subdomain に名前を入力すると、自動的にサブドメインが生成され、Domain はメインドメインが自動的に選択されます。Path は入力する必要はありません。Type は http を選択し、URL にはローカルコンピュータの IP を入力します。ポート番号は入力する必要はありません。

image

  1. 保存した後、このサブドメインを使用してローカルコンピュータの素材ライブラリや自分で構築したブログなどにアクセスできるようになります。
  2. デプロイに成功すると、アクセス速度が徐々に向上し、最初のアクセスは少し遅いかもしれません。
  3. モバイル端末でのアクセス速度は比較的速いです。Cloudflare はカスタムドメインを設定でき、無料でポートフォワーディングできます。もう何が欲しいですか?

後記と感想#

プログラミング初心者として、私は普段からいじくり回すのが好きで、それまで内部ネットワークポートフォワーディングの意味さえわかりませんでした。ただ単に不成功に終わるかもしれないし、時間と労力を無駄にするだけでしょうが、それでも何の関係がありますか?

背後のロジックがわからないため、各ステップが謎解きのように感じられ、成功したデプロイ後もまだぼんやりしていて、なぜかうまくいったという感じです。

振り返ってみると、神の助けがあったようで、特に放棄するほど深刻な障害はありませんでした。エラーに遭遇するたびに試行錯誤を続けることで、何とか成功しました。特に特別なテクニックはありませんでした。

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。