美品　Cartierカルティエ タンクフランセーズSS

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

美品 Cartierカルティエ タンクフランセーズSS - ibazar.com.pk

時計 メンズ. facebook; twitter; linkedin; pinterest; 美品 Cartierカルティエ タンクフランセーズSS 50％割引数々の賞を受賞 カルティエ Cartier タンクフランセーズ ,☆美品【CARTIER】カルティエ タンクフランセーズSM CRW51008Q3 ,SUMMER SALE カルティエ タンクフランセーズ SMサイズピンクシェル W51027Q4 K18PG/SS 発生事象の説明をする前に、まずは今回開発を行った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を直接入力したり、お気に入りからアクセスした場合など
　・ダイレクトアクセス検知時は、トップページに強制遷移させ、必ずトップページ経由とさせる

(画面遷移イメージ)

美品 Cartier カルティエ タンクフランセーズLM W51005Q4 自動巻 メンズサイズ K18YG×SS

ブランド Cartier カルティエ 品名 タンクフランセーズLM 型番 W51005Q4 シリアル 658***** 文字盤色 シルバー サイズ 36.5mmx28mm リューズ含まず うでまわり 最大約17cm メンズサイズ 自動巻 日差 +2秒 参考値 素材 K18YG×ステンレス 付属品なし お支払について 銀行振込（みずほ銀行） ゆうちょ銀行 クレジットカード決済 お取引のながれ 商品をカートに入れご購入後、指定口座へ商品代金をご入金ください。 管理部署にてご入金を確認いたしましたら、出品者様にご発送のご依頼をいたします。 大黒屋の商品であればご入金確認後、発送準備をいたします。 （通常3営業日以内の発送） Webシステム開発が完了し、システム構成で説明した通りの通信経路となるよう、Webシステムにアクセスする際のURLを以下のように変更しました。（URLはイメージです）

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

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

(画面遷移イメージ)

カルティエクォーツ タンクフランセーズsm超美品 -

定番 Cartier タンクフランセーズ SM スティール の通販 by BSN ,売れ筋商品 カルティエ 時計 タンクフランセーズSM ホワイト クオーツ ,,高評価なギフト タンク-カルティエ Cartier タンクフランセーズSM ,海外輸入】 カルティエ タンクフランセーズ 腕時計 レディース - 激安 ,【SS限定P2倍】【本物保証 Webシステムの仕様から考えると、ダイレクトアクセス検知によってトップページに強制転送されているのだろうと感じていました。 そして、その直感は当たっており、この仕様に絡んで以下２つの仕組みにより起こった問題であることが分かりました。

カルティエクォーツ タンクフランセーズsm超美品 -

タンク-カルティエ タンクフランセーズ SM W51008Q3 ,,レディース Cartier クオーツ の通販 by 質屋 大黒屋 ラクマ店 ,定番 Cartier タンクフランセーズ SM スティール の通販 by BSN ,Cartier 【CARTIER】カルティエ タンクフランセーズ MM W51011Q3 ,赤字超特価，HOT カルティエ W51008Q3 レディース 正規店購入品 美品 Webシステムのページ遷移に使用するURLは、Flaskのurl_forというメソッドを使用しており、このメソッドで生成されるURLは相対URLがデフォルトとなっており、このWebシステムでもデフォルト指定にて使用していました。
今回の場合、直前のアクセス元であるALBがhttps → httpに書き換えてリクエストを投げてきているため、受け取ったhttp://~から始まる絶対パスを元に、相対指定でURLが作成されて画面遷移されることになりました。
突然何だ？！と思うかもしれませんが、このWebシステムではダイレクトアクセスの検知を、リクエストヘッダ内にあるリファラ(遷移元URL情報)の存在チェックで行っていました。
想定では、ダイレクトアクセスの場合、リファラには遷移元URLが入っていないため、ここをチェックすることでダイレクトアクセスの判定が可能と考えていたためです。
ですが、①の画面遷移を受け付けたブラウザは「HTTPSサイト(安全)」から「HTTPサイト(非安全)」への遷移が発生したと検知し、セキュリティリスク回避のためリファラの内容を削除してリクエストしていました。

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

リファラという用語がピンとこない方は、公式ページを参照してみてください。
アッタス　ダース　5S ping g425 g410
NIKE AIR MAX 1 "UNIVERSITY RED"
国内未発売　AIR JORDAN1 LOW SE WASHED DENIM

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

ドラム式　AIお洗濯　洗濯機　乾燥機　12キロ　風アイロン　美品　風アイロン

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

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