22
15

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

CharlesでLocalProxy通したときHTTPSのページが信頼されない問題

Last updated at Posted at 2015-10-29

Charlesのローカルプロキシを使うと、ローカルにある作業ファイルをサーバーにあるファイルかのように読み込ませることができるので、デバッグの効率がよくなります。

ただしそのままだとSSL通信を利用したチャットツールやメールツールでセキュリティエラーがでて他の支障がでることがあります。
そんなときは次の2点を設定してみてください。

SSL Proxyingを有効にする

  1. メニューのProxy > SSL Proxying Settings > SSL Proxyingのチェックボックスを有効にする。
  2. ドメインを指定する(または *:*のようにワイルドカードにしておく(のが良いことなのかは知らない))

d7131f614eff8a8c926fe09308836050.png

Charlesの証明書を信用することにする

リクエストの詳細見ると下記のように出ているので調べたらCharlesのドキュメントに書いてありました。

You may need to configure your browser or application to trust the Charles Root Certificate. See SSL Proxying in the Help menu.
  1. メニューのHelp > SSL Proxying > Install Charles Root Certificateをクリックするとkey chainが起動する
    69c015afeb51e52e8c0f52264fc5c411.png
  2. 証明書のリストにCharlesの証明書が赤く×になっているところがあるのでダブルクリックして詳細を表示する
    eef9da69aeb0549a5f8ad0b21c00da81.png
  3. 詳細ウインドウの信頼の項目を開いて、"常に信用する"を選択する(Macのパスワード聞かれます)
    26e1e1d20ffe921e596d81019a59f799.png
  4. 先ほどの証明書の表示が大丈夫そうなアイコンに変わります
    851754e802ae183b2a2f6393ff8b74cd.png

いろいろ分かりにくいですが証明書が発見できればあとは簡単でした。
では良きデバッグライフを。

宣伝

ワンパクではデバッグもクリエイティブに楽しめるフロントエンドな人を募集しています!!!

22
15
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
22
15

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?