iOS10.3以降でCharlesが使えない場合の対処法 - Qiita
原因 iOS10.3からルート証明書の信頼をする設定が必要になったため。 設定方法 設定アプリ > 一般 > 情報 > 証明書信頼設定 からCharlesのルート証明書をオンにする。 ダイアログが表示されるので、「続ける」をタップ。 その他チェックリスト 上記の証明書の信頼設定以外での確認項目です。 基本的な設定方法はこちらの公式サイトから確認できます。 https://www.charlesproxy.com/ PCとiOS端末が同じネットワークに接続しているか （iOS端末が4GでPCが社内Wifiになっていないか、VPN環境でないか） iOS端末のネットワーク設定で、HTTPプロキシ設定をしているか （PCのIPアドレスとCharlesで設定したポート番号を指定） iOS側の設定箇所（設定 > Wi-Fi > 接続中のWifiのiアイコン > HTTPプロキシ） Charles側の設
Android Studio 2.1のAndroid Emulatorの通信をCharles Proxyを使ってパケットキャプチャする - Qiita
個人的なメモ。多分Android Studioにかぎらず適用出来ると思う。 EmulatorはNexus 5 API 23で確認。 やり方 Charles Proxyを起動する。 Android StudioからAndroid Emulatorを起動する。 エミュレータの中のSettingsアプリ → Wireless & NetworksのMore → Cellular networks → Access Point Names → T-Mobile US(環境によって違うかもだけどとにかく使ってるやつ) → Proxyを自分のホストマシンのIP, Portを8888に設定 スクショめんどいからこれ見て そのエミュレータのブラウザで http://charlesproxy.com/getssl/ にアクセスしてcharlesの証明書をインストールする。 これでてきとうに通信するとChar
CharlesでSSL接続のデバッグが出来ない - Qiita
CharlesでのSSL接続デバッグ Charlesを利用してiOSアプリのデバッグを試みていたんですが、httpsの通信に失敗していました。 通常のhttp通信は参照出来ていて、 ・SSLのRoot証明書Charles Proxy CAをMac側にインストール、全て信頼済み ・iOS側にプロファイルはhttp://www.charlesproxy.com/getssl/よりインストール済み ・Enable SSLProxingも設定済み この状態で、変わらず SSLHandshake: Received fatal alert: certificate_unknown とのエラーが表示されていました。 結局 iOS 10(.3) 以降？の新しい設定項目の問題でした。 参考URL http://stackoverflow.com/questions/42157551/unable-to-u
【Charles】アプリの通信をキャプチャする - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? Android、iOSアプリ開発でAPIのリクエスト、レスポンスを確認するために使っているツール「Charles」について記載します。 スマートフォンアプリ開発で是非、利用して頂ければと思います！ Charlesについて CharlesはHTTPプロキシ、HTTPモニタを行うためのツールです。 このような書き方をすると難しいツールのように感じてしまうかもしれませんが、使い方は至ってシンプルです。 Charlesを使うことで、通信時のリクエスト、レスポンスの中身を除いたり、値を好きに書き換えたりすることができます。 APIが異常系のレスポ
Charlesを使って本番ドメインを向いたアプリのリクエストをlocalhost:3000に飛ばす - Qiita
別にportは3000じゃなくてもいいのですが、とにかく手元のマシンで開発しているAPIなどのテストが便利になります。 Download Versionは4.0.1です。 4系のキャプチャあり説明がこの世に全然ないので、画像つきで説明してみます。 最終イメージ 本来 アプリ→Wi-Fi→本番APIサーバー(https://example.com) 今回 アプリ→Wi-Fi→手元のMacのプロキシ→手元のAPI(http://localhost:3000) localhostのやつが悪い顔しているように見えますが気のせいです。 手順 もし途中で詰まったらこの辺も見るといいかもです。 1. Charlesダウンロードしてインストール TOPよりよしなにやってください。 2. 起動 3. SSL Proxy に"*"設定 Mac上部の方のMenuより選択してウィンドウ表示。 "*"を追加してくだ
通信系のデバッグには Charles が便利 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに Charles を使うと PC 上に HTTP プロキシを立てて端末の通信をキャプチャし、リクエストやレスポンスの内容を覗いたり書き換えることが出来る。類似のソフトウェアとして Wireshark や Fiddler, Paros がある。 アプリの開発をしていてよくあるのは、APIがスタブで固定値しか返してくれない、異常系エラーのデバッグがやりづらい、という場面だが、Charles なら通信を好きに値を書き換えられるのでこれらに簡単に対処することができる。 Charles は Java アプリなので OS X だけでなく W
俺的フロントエンドエンジニア三種の神器に認定したCharlesについて 〜その1〜 Charlesの素敵なところ - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 個人的にフロントエンドエンジニア三種の神器の一つとして認定した。 特にハイブリッドアプリ（いわゆるガワネイティヴ）のデバッグですごく重宝している。 でもちょっと癖のあるUIで取っ付きにところもあり、こいつの魅力を伝えることを妨げる一因にもなっているように思える。 ということで、フロントエンジニア目線で何回かに分けてCharlesの使い方を紹介していこうと思う。 もちろんフロントエンジニアじゃなくても便利に使えるツールなので知らなければ何が出来るかくらいはちょっと見て欲しい。 Charlesの素敵なところ SSLに対応したMITM(Man
俺的フロントエンドエンジニア三種の神器に認定したCharlesについて 〜その3〜 最初に覚えたい基本的なこと - Qiita
はじめに 個人的にまず最初に覚えたほうがいいんじゃなかなーと思ったことを順に説明する。 バックナンバー 俺的フロントエンドエンジニア三種の神器に認定したCharlesについて 〜その1〜 Charlesの素敵なところ 俺的フロントエンドエンジニア三種の神器に認定したCharlesについて 〜その2〜 インストールと設定 セッション 一連のWebトラフィックの記録単位のようなもの。 複数作ることが出来てタブで切り替えることができる。 アクティヴにできるのはひとつだけでアクティブなセッションはタブのタイトルに*が付き判別できる。 新規にセッションを作成すると作成したセッションが自動的にアクティヴになる。 既存のセッションを再開した場合は記録を停止して、再開したいタブを選択して記録を開始する。 ファイルにも保存することが出来るのでバグ報告の参考資料として共有するのにも便利かと思う。 また、全ての
俺的フロントエンドエンジニア三種の神器に認定したCharlesについて 〜その2〜 インストールと設定 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに シリーズ第2回。第一回はこちら。 俺的フロントエンドエンジニア三種の神器に認定したCharlesについて 〜その1〜 Charlesの素敵なところ ということで今回はCharlesのインストールと最初にやっておくべき設定を自分なりにまとめてみる。 Window、Linuxの手順は割愛。 インストール 検証した環境は以下。 Charles 3.9.3 OSX 10.10 (Yosemite) Java7 (1.7.0_25) Javaはバージョン7以上を入れたほうが良い。 Mac版のダウンロードファイルは2種類あり、JavaSE
Charlesで他社アプリの通信を覗く - Qiita
この記事はSpeee Advent Calendar 2日目の記事です。 前日の記事はこちら Ruby力を高めるためには標準メソッドを学べ（Enumerable編） 実機のiPhoneで動いているアプリの通信をキャプチャする方法。 自分でアプリを作るときに、他社のアプリがどんな通信をしてるのか参考にするときに使うやり方です。 iPhoneでのやり方ですが、Androidでもプロキシの設定できれば見れるはず。 Charles導入 ここから。 フリートライアル版だと起動時に10秒待たされます。 初回はパスワード入力が必要だった気がする。 Access Control Settings Wifi経由でアクセスできるようにする。 Proxy > Access Control Settings... 0.0.0.0/0 これでとりあえず全開に。 あとMacのローカルIPをifconfigとかで確認し
Charlesでリクエスト/レスポンスの中身を書き換える - Qiita
この記事はSpeee Advent Calendar 3日目の記事です。 前日の記事はこちら Charlesで他社アプリの通信を覗く 昨日に引き続いてまた私です。そしてまたCharlesです。 Breakpointの設定 Charlesは任意のアクセスのリクエスト送信/レスポンス受信のタイミングでブレークポイントを設定でき、ブレークしたタイミングでリクエストヘッダとかレスポンスボディとかを書き換えられる。つまり、サーバーに変なリクエストを送ってみるとか、API叩いたら変なレスポンスが返ってきた想定でアプリに処理させるとか、そういうことができる。 画面左のリクエストのツリーからいじりたいアクセス先を右クリックしてBreakpointsを選択。何も起きてないように見えるが、もっかい右クリックするとBreakpointsにチェックが付いてるはず。 アクセスする Breakpointを置いた状態で
Charlesでらくらくフロント開発 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ドワンゴ Advent Calendar 2015 はじめに Webフロントを触るうえで、通信の監視は何れ避けて通れなくなる問題です。 WindowsであればFiddlerという有名なやつがありますが、僕が愛してやまない、Mac、Linuxにも対応したCharles Web Proxyというツールがあまりに便利すぎるので、その紹介をやりたいと思います。 正直このツールの有無は、エンジニアの幸福度に直結します。 ちなみにへーしゃではマルチサイトライセンスを購入してもらったので、いつでもどこでもCharlesをお仕事で使えます。 まだまだ社
通信系のデバッグには Charles が便利 - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? はじめに Charles を使うと PC 上に HTTP プロキシを立てて端末の通信をキャプチャし、リクエストやレスポンスの内容を覗いたり書き換えることが出来る。類似のソフトウェアとして Wireshark や Fiddler, Paros がある。 アプリの開発をしていてよくあるのは、APIがスタブで固定値しか返してくれない、異常系エラーのデバッグがやりづらい、という場面だが、Charles なら通信を好きに値を書き換えられるのでこれらに簡単に対処することができる。 Charles は Java アプリなので OS X だけでなく W
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CharlesでLocalProxy通したときHTTPSのページが信頼されない問題 - Qiita
ブラウザのキャッシュを無効にする（Charles版） - Qiita
俺的フロントエンドエンジニア三種の神器に認定したCharlesについて 〜まとめ〜 - Qiita
AndroidとCharlesを利用するときに便利なProxy変更アプリ - Qiita
