ローカル画像サーバーのNginx構成の実装

ローカル画像サーバーのNginx構成の実装

1. Nginx の紹介

Nginx はリバース プロキシ サーバーです。

まず、プロキシ サーバーとは何かを見てみましょう。プロキシ サーバーとは、一般的に、プロキシ サービスを介してインターネット上のサーバーにリクエストを送信するローカル エリア ネットワーク内のマシンを指します。プロキシ サーバーは、一般的にクライアント上で動作します。たとえば、GoAgent、FQ アーティファクト。

画像

完全なプロキシ要求プロセスは次のとおりです。クライアントは最初にプロキシ サーバーとの接続を確立し、次にプロキシ サーバーが使用するプロキシ プロトコルに従って、ターゲット サーバーとの接続を確立するか、ターゲット サーバーの指定されたリソースを取得するように要求します。 Web プロキシ サーバーは、ネットワーク内の中間エンティティです。プロキシは Web クライアントと Web サーバーの間に位置し、「仲介者」として機能します。
HTTP プロキシ サーバーは、Web サーバーと Web クライアントの両方です。

プロキシ サーバーは、クライアントと Web サーバーの間にある別のサーバーです。これにより、ブラウザーは Web サーバーに直接アクセスして Web ページを取得するのではなく、プロキシ サーバーに要求を送信します。信号は最初にプロキシ サーバーに送信され、プロキシ サーバーはブラウザーに必要な情報を取得してブラウザーに送信します。

フォワード プロキシは、クライアントと元のサーバーの間にあるサーバーです。元のサーバーからコンテンツを取得するには、クライアントはプロキシにリクエストを送信し、ターゲット (元のサーバー) を指定します。プロキシは、リクエストを元のサーバーに転送し、取得したコンテンツをクライアントに返します。フォワード プロキシを使用するには、クライアントで特別な設定を行う必要があります。

リバース プロキシ サーバー: サーバー側でクライアント要求を受信し、要求を特定のサーバーに分散して処理し、サーバーの応答結果をクライアントにフィードバックします。 Nginx はリバース プロキシ サーバー ソフトウェアの 1 つです。
Nginx: Nginx (「エンジン x」) は、ロシア人の Igor Sysoev によって作成された高性能 HTTP およびリバース プロキシ サーバーです。また、IMAP/POP3/SMTP プロキシ サーバーでもあります。つまり、Nginx 自体が Web サイトをホストし、HTTP サービス処理を実行し、リバース プロキシ サーバーとしても使用できます。

フォワード プロキシ クライアントは、フォワード プロキシ サーバーを設定する必要があります。もちろん、前提条件として、フォワード プロキシ サーバーの IP アドレスとプロキシ プログラムのポートを知っている必要があります。
リバース プロキシはフォワード プロキシの逆です。クライアントにとって、プロキシ サーバーは元のサーバーのように見え、クライアントは特別な設定を行う必要がありません。クライアントはリバース プロキシの名前空間内のコンテンツに通常の要求を送信し、リバース プロキシは要求を転送する元のサーバーを決定し、取得したコンテンツをクライアントに返します。

2. 画像サーバーの構築

nginx をローカルにインストールしたら、ポート経由でアクセスできるようになります。デフォルトのポートはポート 80 です。ローカルのポート 80 と競合するため、8089 に変更しました。

画像-20211210195430120

この時点で nginx は正常に起動しており、次に nginx ディレクトリの下に、次のように設定する必要があるイメージ パスを追加します。

		#画像コードの場所を追加 ~ .*\.(gif|jpg|jpeg|png)$ {  
      24時間で期限切れになります。  
      root H:/radar/;#画像保存パスを指定します access_log H:/radar/log;#画像パス proxy_store on;  
      proxy_store_access ユーザー:rw グループ:rw すべて:rw;  
      proxy_temp_path H:/radar/;#画像パス proxy_redirect off;  
      
      proxy_set_header ホスト 127.0.0.1;  
      proxy_set_header X-Real-IP $remote_addr;  
      proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;  
      クライアントの最大ボディサイズは10mです。  
      クライアントボディバッファサイズ 1280k;  
      プロキシ接続タイムアウト 900;  
      プロキシ送信タイムアウト 900;  
      プロキシ読み取りタイムアウト 900;  
      プロキシバッファサイズ 40k;  
      プロキシバッファ 40 320k;  
      proxy_busy_buffers_size 640k;  
      proxy_temp_file_write_size 640k;  
      if ( !-e $リクエストファイル名)  
      {  
      proxy_pass http://127.0.0.1:8089; #プロキシアクセスアドレス}  
      }    

上記の構成に従って、必要なパスを見つけます。その後、サービスを再起動すると、設定した画像が表示されます。下の図に示すように

画像-20211210195955312

この時点で、シンプルな nginx イメージ サーバーが構築されました。 Nginx でローカル イメージ サーバーを構成する方法については、これで終わりです。Nginx ローカル イメージ サーバーの詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • Linux サーバー上のローカル静的リソースにアクセスするために nginx を使用する方法
  • Nginx サーバーでローカル ブラウザ キャッシュを設定する簡単な方法を説明します。
  • Nginxサーバのブラウザローカルキャッシュと仮想マシンの関連設定

<<:  CSS における z-index: 0 と z-index: auto の違い

>>:  HTMLとは何ですか?

推薦する

MySQL 5.7 をバイナリモードでインストールし、Linux でシステムを最適化する手順

この記事では主に、MySQL バイナリ パッケージのインストール/起動/シャットダウンのプロセスを紹...

Vueパンくずコンポーネントのカプセル化方法

Vueはパンくずコンポーネントをカプセル化して参照します。具体的な内容は次のとおりです。効果を達成す...

HTML要素を非表示にするいくつかの方法

1. CSSを使用するコードをコピーコードは次のとおりです。スタイル="display:n...

Vueドロップダウンメニューのコンポーネント開発の詳細説明

この記事の例では、Vueドロップダウンメニューのコンポーネント開発の具体的なコードを参考までに共有し...

HTML 5 プレビュー

<br />オリジナル: http://www.alistapart.com/artic...

要素 DateTimePicker+vue ポップアップボックスに時間のみが表示される問題を解決する

3つの知識ポイント: 1. CSS子孫セレクターhttps://www.w3school.com.c...

VMware仮想マシンにLinux(CentOS)をインストールするための詳細な構成手順

CentOS7をダウンロード私がダウンロードしたイメージはCentOS-7-x86_64-DVD-1...

Vue 学習 - VueRouter ルーティングの基礎

目次1. Vueルーター1. 説明2. 選択したルートのレンダリング: 3. 基本的な動作原理2. ...

MySQLで指定した時間前にレコードを自動的に削除する方法

イベントについて: MySQL 5.1 では、イベントの概念が導入され始めました。イベントは「時間ト...

純粋なCSSで立体的な画像配置効果を実現するサンプルコード

1. 要素の幅/高さ/パディング/マージンのパーセンテージ基準要素の幅/高さ/パディング/マージンの...

Vueにログイン認証傍受機能を設置するアイデアを詳しく解説

目次1. 解決策2. サーバーから返されたトークンをブラウザに保存する3. リクエストにアクセス権限...

IDEA の Docker プラグインを介して SpringBoot プロジェクトをデプロイするプロセスの詳細な説明

1. Dockerリモート接続ポートを設定するサーバー上の docker.service ファイルを...

MySQL DDL による同期遅延を解決する方法

目次序文解決ツールの紹介仕組み使用制限使用上の注意使用例いくつかのパラメータの説明出力例Tencen...

Vue-cli4 ルーティング構成の詳細な理解

目次序文 - Vue ルーティング1. 最も基本的なルーティング構成1. router/index....

Nginx での Frp による https への強制リダイレクト設定の詳細な説明

自宅のルーターが300Mの帯域幅を80Mに強制的に減らしたため、3205Uソフトルーターを購入しまし...