⭐️OH済　綺麗　エルメス　クリッパー　白×コンビ　レディース　腕時計　美品

技術部のyuckieee(ゆっきー)です。
今回は、PythonのFlaskフレームワークを使用し、Webシステム構築をした際にハマった事象について、解決策と合わせて、ご紹介しようと思います。

⭐️OH済 綺麗 エルメス クリッパー 白×コンビ レディース 腕時計 美品 -

⭐️oh済 綺麗 エルメス クリッパー 白×コンビ レディース 腕時計 美品 ⭐oh済 綺麗 エルメス クリッパー コンビ クォーツ 白文字盤 ブレス 美品 お得な情報満載,⭐️綺麗 エルメス クリッパー コンビ白 仕上げ済 レディース時計 着物 極美品,⭐️綺麗 発生事象の説明をする前に、まずは今回開発を行ったWebシステムの概要について共有しておきます。超ザックリとした概要ではありますが、以下のような構成・仕様となっていました。

【システム構成】
・ALB(ロードバランサー）
・EC2(Web/APサーバ)
　- OS：RedHatLinux8.x(EC2)
　- Web/AP：Apache 2.4.xx(mod_wsgiでFlaskと連携)
　- 言語：Python 3.8
　- フレームワーク：Flask
・通信プロトコル
　- クライアント⇔ALB：HTTPS(TCP/443※)
　　※HTTPで接続された場合でもALB側でHTTPSに変換して、リクエスト自体は受け付ける
　- ALB⇔EC2：HTTP(TCP/80)

(構成イメージ)
【Webシステムの仕様】
　・BASIC認証を使用して、ログイン認証を行う
　・ログイン認証後、トップページでユーザ情報をセッションに格納して他ページで使用する
　・他ページはユーザ情報必須のため、トップページ以外へのダイレクトアクセス※は非許可
　　※ブラウザにURLを直接入力したり、お気に入りからアクセスした場合など
　・ダイレクトアクセス検知時は、トップページに強制遷移させ、必ずトップページ経由とさせる

(画面遷移イメージ)

⭐️OH済 綺麗 エルメス クリッパー白 新品ベルト レディース時計 着物 美品 -

エルメス（hermes）クリッパー｜腕時計｜レディース｜腕時計｜ss｜gp｜シルバー｜ゴールド｜白文字盤｜コンビ｜ハイブランド・ブランド専門の中古通販サイト（470259）,エルメス クリッパーコンビ CL ⭐️oh済 綺麗 エルメス クリッパー 白×コンビ レディース 腕時計 美品 4．220 白文字盤 Webシステム開発が完了し、システム構成で説明した通りの通信経路となるよう、Webシステムにアクセスする際のURLを以下のように変更しました。（URLはイメージです）

【開発時】http://websystem.com/
※Webシステムのあるサーバに直接アクセスするために設定されたWebシステムのURL
　　↓
【開発完了後】https://alb.websystem.com/
※AWSのALBを介してアクセスするために設定されたWebシステムのURL

そして、動作確認をしようと【開発完了後】のURLにアクセスしたのですが、通常アクセス時のとおりトップページから他ページに遷移しようとしても、トップページへの強制遷移が発生し、他ページに遷移ができない状態に陥りました。
明日からユーザ側で試験利用と言っているのに、軽くパニックです（笑）

(画面遷移イメージ)

⭐️OH済 綺麗 エルメス クリッパー 白×コンビ レディース 腕時計 美品 -

エルメス クリッパー 白レディース クォーツ時計鑑定済み正規品 仕上げ済み 動作状況：oh済、正常稼動 電池 ：ohで電池交換済 文字盤：綺麗、白 ガラス：綺麗、欠け 傷、無 ケース：綺麗、打傷 目立つ傷 無 サイズ：横幅、約24㎜ ベルト：新品、社外 ️裏蓋 ：綺麗、艶あり ️尾錠 ：綺麗、艶 Webシステムの仕様から考えると、ダイレクトアクセス検知によってトップページに強制転送されているのだろうと感じていました。 そして、その直感は当たっており、この仕様に絡んで以下２つの仕組みにより起こった問題であることが分かりました。
⭐️綺麗 エルメス クリッパー ,購入特典 ⭐️綺麗 エルメス クリッパー コンビ レディース腕時計 ,⭐️綺麗 エルメス クリッパー 仕上げ済 コンビ白 レディース時計 着物 ,2022年最新】エルメス クリ ⭐️oh済 綺麗 エルメス クリッパー 白×コンビ レディース 腕時計 美品 ッパー コンビの人気 Webシステムのページ遷移に使用するURLは、Flaskのurl_forというメソッドを使用しており、このメソッドで生成されるURLは相対URLがデフォルトとなっており、このWebシステムでもデフォルト指定にて使用していました。
今回の場合、直前のアクセス元であるALBがhttps → httpに書き換えてリクエストを投げてきているため、受け取ったhttp://~から始まる絶対パスを元に、相対指定でURLが作成されて画面遷移されることになりました。
突然何だ？！と思うかもしれませんが、このWebシステムではダイレクトアクセスの検知を、リクエストヘッダ内にあるリファラ(遷移元URL情報)の存在チェックで行っていました。
想定では、ダイレクトアクセスの場合、リファラには遷移元URLが入っていないため、ここをチェックすることでダイレクトアクセスの判定が可能と考えていたためです。
ですが、①の画面遷移を受け付けたブラウザは「HTTPSサイト(安全)」から「HTTPサイト(非安全)」への遷移が発生したと検知し、セキュリティリスク回避のためリファラの内容を削除してリクエストしていました。

その結果、リクエストを受け取ったWebシステムは、リファラなし（＝ダイレクトアクセス）と判断し、トップページに強制転送していた訳ですね。

リファラという用語がピンとこない方は、公式ページを参照してみてください。
elos イロス　スケートボード
ノースフェイス　ダウンジャケット　パールグレー　600フィル　レディースL
ルイヴィトン　キーリング　グッチLOUISVUITTONGUCCI

ここまでの説明から、この事象を解決するには「X-Fowarded-xxx」ヘッダーにあるプロトコル情報を使えば良い。というのが、ふんわり頭に浮かんだのではないかと思います。
それでは、このWebシステムでは、どのように「X-Forwarded-Proto」ヘッダーの値で書き換えればよいのでしょうか？
自分でゴリゴリ実装することも可能ですが、今回使用したPythonのフレームワークであるFlaskでは、既に対応するミドルウェアが提供されていました。
それが「X-Forwarded-For Proxy Fix」というミドルウェアです。

宝石箱のみ

このミドルウェアを使用することで、経由(信頼）するプロキシ数に応じてリクエスト元情報の補正を行うことが可能です。 使用方法などの詳細は、上記公式ページを参照して、確認してみてください。
具体的な実装例は以下となります。

同じ画像内でも、こんなに画質が変わってきます。