スタッフブログ

STAFF BLOG

アプリ開発日誌

2020.10.27

Charlesの初期設定してみた

こんにちは、ヒナです。
今回は、Charlesについてと、PC・スマホの初期設定方法を紹介します。

Charlesとは

・アプリからAPIのリクエストをどう出しているのか確認したい。
・サーバから返ってきたレスポンスの確認したい。
・正しいドメインにアクセスしているかを確認したい。

上記のような事を、簡単に確認できる便利なツールのことです。
※Androidは使用出来ません。
→セキュリティの観点からandroid7以上からは使用できなくなっています。

Charlesをインストールする

下記のリンクからCharlesをダウンロード出来ます。
https://www.charlesproxy.com/download/

ダウンロード完了後、各OSのインストールガイドに従ってインストールを行なってください。

PCの設定方法く

■プロキシーを設定を行う
①メニューバーの Proxy > Proxy Setting… を開く。
HTTP Proxyのポート番号を任意の4桁の番号を設定。

②入力項目の下にあるSupport HTTP/2Enable trarnsparernt HTTP proxying
両方チェックを入れる。
Charles_1

■SSLプロキシを有効にするための設定を行う
メニューバーから Proxy -> SSL Proxy Setting… を開く。
Enable SSL Proxyingにチェックを入れる。
②LocationsのAddをクリックして、* (ワイルドカード)を追加し、OKボタンをクリック。
Charles_2

■証明書のインストールを行う
メニューバーの Help > SSL Proxying -> Install Charles Root Certificateをクリック。
インストール完了後、キーチェーンが表示される。

・SSL証明書を右クリックし、”情報を見る”を選択。

・信頼項目にある”この証明書を使用する時”を常に信頼に変更する。

これで、PCの初期設定は完了です。

スマホの設定方法

最初に、PCとスマホを同じWi-Fiに接続しとく。

■Local IP Addressの確認
・charlesを起動し、Local IP Addressをクリック。
表示されたIP Addressを控えておく。
Charles_5

■iPhoneのプロキシー設定を行う

①iPhoneのHTTPプロキシ設定を開く。
Charles_6

②”プロキシを構成”をタップ。
※画面の一番下にあります。
Charles_7

③手動にチェックを行う。
④サーバに、先ほど控えたIP Addressを入力。
⑤ポートにPC側で設定したポート番号を入力し、
右上にある保存ボタンをタップ。
Charles_8

■iPhoneにCharlesをダウンロード

charlesとiPhoneがつながっている状態で、iPhoneで以下のURLにアクセスする。
http://www.charlesproxy.com/getssl
遷移先でダイアログがでるので、”許可”を選択。
Charles_9

・ダウンロードが完了すると完了ダイアログが表示されるので、”閉じる”をタップ。
Charles_10

■ダウンロードしたCharlesをiPhoneにインストール

・設定アプリを起動し、”プロファイルがダウンロードされました”をタップ。
Charles_11

・右上にある”インストール”をタップ。
パスワードを求められるので、パスワードを入力する。

■charles Proxy CAのスイッチをONにする

設定アプリを起動。
一般 > 情報 > 証明書信頼設定を開き、charles Proxy CAのスイッチをONにする。

これで、iPhoneの初期設定は完了です。

Charlesの使い方については、別途記事であげます。

ライタープロフィール

【ヒナ】
アシスタントディレクター。プロジェクト推進部所属。前職ではデバッグ会社にてテスターを経験し、ディレクターを目指せる環境を求めてEDAへ入社。

BACK

お問合せ

イーディーエーに興味をお持ちいただいて
ありがとうございます!
スマホアプリに関するご相談、
お見積りや弊社へのご質問など、
お気軽にお問い合わせください。
担当者より折り返しご連絡させていただきます。

    お名前必須
    会社名
    メールアドレス必須
    電話番号必須
    お問合わせ種別必須
    お問合わせ内容必須

    アンケートにご協力ください。
    弊社サイトへはどのようにしてアクセスされましたか?

    個人情報のお取扱いに関する同意事項

    1.事業者の氏名又は名称

    株式会社イーディーエー

    2.個人情報保護管理者の氏名又は職名、所属及び連絡先

    個人情報保護管理者 小宮 保人
    Mail:[email protected]

    3.取得した個人情報の利用目的

    当フォームで取得した個人情報は、お問い合わせに関する回答のために利用し、目的外利用はいたしません。

    4.弊社が取得した個人情報の第三者への委託、提供について

    弊社は、ご本人に関する情報をご本人の同意なしに第三者に委託または提供することはありません。

    5.個人情報保護のための安全管理

    弊社は、ご本人の個人情報を保護するための規程類を定め、従業者全員に周知・徹底と啓発・教育を図るとともに、その遵守状況の監査を定期的に実施いたします。
    また、ご本人の個人情報を保護するために必要な安全管理措置の維持・向上に努めてまいります。

    6.個人情報の開示・訂正・利用停止等の手続

    ご本人が、弊社が保有するご自身の個人情報の、利用目的の通知、開示、内容の訂正、追加又は削除、利用の停止、消去及び第三者への提供の停止を求める場合には、下記に連絡を頂くことで、対応致します。

    株式会社イーディーエー 個人情報お問合せ窓口
    〒106-0032 東京都港区六本木7丁目14番23 ラウンドクロス六本木4F
    TEL:03-5422-7524 FAX:03-5422-7534
    Mail:[email protected]

    7.ご提供いただく情報の任意性

    個人情報のご提供は任意ですが、同意を頂けない場合には、第3項にあります利用目的が達成できない事をご了承いただくこととなります。

    8.弊社Webサイトの運営について

    弊社サイトでは、ご本人が弊社Webサイトを再度訪問されたときなどに、より便利に閲覧して頂けるよう「クッキー(Cookie)」という技術を使用することがあります。これは、ご本人のコンピュータが弊社Webサイトのどのページに訪れたかを記録しますが、ご本人が弊社Webサイトにおいてご自身の個人情報を入力されない限りご本人ご自身を特定、識別することはできません。
    クッキーの使用を希望されない場合は、ご本人のブラウザの設定を変更することにより、クッキーの使用を拒否することができます。その場合、一部または全部のサービスがご利用できなくなることがあります。