【開発支援ツール】Charlesの使い方【神ツール】 - Qiita
1.Charlesとは 注意 本稿は古い記事です。こちらに新しい記事を用意しましたので、これからCharlesを使う方は新しい方をご参照くださいmm 【開発支援ツール】Charlesの使い方更新版【神ツールv4.5.6】 1-1. はじめに アプリ開発をしているとAPIのレスポンスを見たかったり、正しいドメインにアクセスしているかを確認したい場合が出てくると思います。 そんな時に便利なツールがCharlesです！(とても便利) 開発に携わるのならば、是非Charlesを使えるようになりましょう！！(とてもとても便利) 神ツールです 1-2. Charlesでできること Charlesを使用すればこんなことができます。 ・通信のモニタリング -アクセスしたドメインやAPIのレスポンスを確認できます。 ・通信速度のシミュレーション -通信速度を変えて通信できるようになります。タイムアウトのテス
Charlesで帯域を調節するときのそれぞれのパラメータが何を指しているかのメモ - Qiita
CharlesでThrottleを設定するとき、どういう事ができるのかのメモ。 Bandwidth(帯域) 単位時間あたりに転送可能なデータの最大量 Utilisation(使用率) 使用可能な帯域の使用率 Latency(レイテンシ) クライアントとサーバー間のリクエストの遅延時間 MTU 1回のパケットで送信できるデータの最大値 Reliability(信頼性) コネクションが完全に失敗する比率。信頼性の低いネットワークをシミュレートするときに使う。パケットのロストが発生してもアプリケーションが正しく動作するか確認するのに使える。 Stability(安定性) ネットワーク品質を低下させる比率。定期的に品質が悪くなるようなネットワークをシミュレートするのに使う。ジッタを再現させてパケットの順番が入れ替わったりしてもアプリケーションが正しく動作するか確認するのに使える。 Unstable
Charlesのルート証明書がiOSにインストール(getssl)できない問題 - Qiita
iPhoneなどの通信を見たくて、 この記事 を参考に設定していましたが、どうにも http://www.charlesproxy.com/getssl にアクセスしても端末にルート証明書がインストールが始まらない。 Safariのデバッガで通信状態をみるとページは表示されるが、ダウンロードしようとしてる証明書本体がよめない模様。 原因は、ホストマシンのほうでCharlesに経由で http://www.charlesproxy.com/getssl に接続しないと証明書本体のDNSが解決できないからだった。 解決手順 ホストマシンと同じWifiに繋いでおく iOS端末のWifi情報にプロキシの設定ローカルIPとCharlesで許可しているポートを設定する。 この時点でCharlesに繋がった気配はないが この状態でSafariで http://www.charlesproxy.com/g
なかなかうまく行かなかったCharlesの初期設定をメモ - Qiita
環境 Mac OS X 10.11.6 (EL Capitan) Map Localを使いたかったが、反応してくれない ログも出ない 困ったので以下を設定したら、動いた 根本原因は不明なままだが・・・ Charlesの設定 SSL証明書のインストール Proxy Settings SSL Proxy Settings Mac OS Proxy Macの設定 ネットワーク > Wifi > 詳細 > プロキシ Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationWhat you can do with signing up
pythonでスクレイピングして更新情報取得 - Qiita
やりたいこと イベントサイト(?)をスクレイピングして更新情報取得したい。 スクレイピングの実装と環境周りをメモ。 モジュール anacondaか標準ライブラリかでデフォルトで入ってる下記を使用。 requests←httpクライアント beautifulsoup4←htmlパーサー pickle←オブジェクトの保存(前回取得データと比較したい) プロキシツール 開発中に何度もリクエスト投げるのは鯖に申し訳無いので回避したい。 手段は２つ思いついたが2だとコードを変えなくて済むのでとりあえずそっちで。 beautifulsoupはテキストファイルやstringオブジェクトを読み込んでパースするため、requestsで取得したレスポンスをローカルに保存してデバッグ時はそれを読み込むようにする。 Charlesでローカルファイルにマッピングする。 Charlesの設定 Sequenceタブから
スマホ実機から、Docker開発環境につなげる方法 - Qiita
概要 現在Dockerで開発中の環境をスマホ実機からデバッグ出来るようにする方法 （Dockerあんま関係ないけどね...） 事前準備 Charlesインストール 設定方法 こちらの記事に説明が書いてありますので、ご参照下さい。 https://qiita.com/syannu/items/42802cde2baf9146788a 確認方法 IPアドレスを打ち込んで、アクセスするときに、Charlesでポップアップが出てくるので、「allow」を押してあげて下さい。 docker-machineの場合 開発PCで使っているdocker-machineでのアドレスをスマホからアクセス 192.168.99.100とかだと思います。 Docker for Mac,Windowsの場合 ↑の設定方法で確認した開発PCのIPアドレスを入力すれば、アクセス出来るはずです。 dockerを使ってない場
開発環境でHTTPとかの通信をキャプチャしていい感じでデバッグする方法 - Qiita
この記事は『LITALICO Engineers Advent Calendar 2017』の21日目の記事です。 昨年は、ナウでイケてる格安の分析基盤&BIツールをGoogleスプレッドシートとBigQueryを中心に構築する方法として、無料に近い価格で、分析環境を整える方法を紹介しました。今年に入っても2社ほど、この方法でダッシュボードを作ったりしていたのでまだまだ結構使える感じだと思います。無料の分析UIとして、Spreadsheetに加えて、Google Data StudioやRedashなどを使えたりしますが、まだまだSQLをかかなければいけないことが多かったり制約があったりするので、早くTableau的なやつが安く使えるといいなと思ってます。 今回のAdvent CalendarではWiresharkを使った、開発環境でのパケットキャプチャについて紹介します。LITALICO
低速ネットワーク環境を用意してアプリをテストする - Qiita
きっかけ アプリ起動時、APIからのレスポンスが一定時間以上かかるためにタイムアウトが発生していた。4G回線で確認したが再現できない。 低速ネットワーク環境がないと開発もデバッグも満足にできないため調べてみました。 macOS Sierra Android Studio 3 Androidの実機 エミュレータ（Android Oをインストールしてます） 使用ツール Charles 方法は２つ。 エミュレータを使う。または、Charlesを使う。 エミュレータはAndroid Studioから起動して、エミュレータの設定から回線速度をいじれます。 CharlesはMacをProxyにしてスマホとサーバとのやりとりするソフト。Windowsだと他にもツールがあるようなのですがMacだとあまりないようなのでこれを使います。 エミュレータを使う エミュレータを起動して設定画面を開く。Pixelの場
【Ruby, Python】開発時に通信傍受プロキシを設置した時、ルート証明書を与えて、ハンドシェイクエラーを回避する - Qiita
【Ruby, Python】開発時に通信傍受プロキシを設置した時、ルート証明書を与えて、ハンドシェイクエラーを回避するRubyPythonCharles TL;DR 各言語での設定 Ruby ENV['SSL_CERT_FILE'] = PATH_TO_SSL_CERT_FILE Python import os; os.environ['CURL_CA_BUNDLE'] = PATH_TO_SSL_CERT_FILE この文書は誰向け？ サーバサイドの開発者で、通信内容を覗きたい人 暗号化されていないhttpでの通信であれば、後ほど紹介するcharles等をプロキシサーバにするだけで内容を傍受できます。しかし、SSL/TLSで暗号化されているhttpsの通信は、プロキシの設定だけだと「ハンドシェイクに失敗した」といわれて傍受することができません。 実際に開発を行う上で通信を傍受したいケー
CharlesでiOS Simulatorの通信をキャプチャする方法 - Qiita
パケットキャプチャツール「Charles」を用いて、iOS端末（特にiOS Simulator）の通信をキャプチャする方法についてまとめます。 また、Charlesは通信のキャプチャだけでなく、レスポンスの差し替えなどもツール上から行えるのでとても便利です。 こんなときに役に立ちます！ Xcodeでのデバッグでは追いにくい、実際の通信処理の中身を確認したい iOSアプリの結合試験時など、無駄にリクエストをしていないか確認したい 実機でパケットキャプチャする時のプロキシの設定が毎回めんどくさい（←自分は地味にこれです） 必要なものはMacだけ Mac Xcode (iOS Simulator) ※Xcodeの導入方法は割愛 Charles (パケットキャプチャツール) 無料でも使えます やり方 一度設定してしまえば、以降はCharlesを起動するだけで通信のキャプチャが可能です Charle
iPhoneからCharlesを使ってMacで立てたlocalホストにアクセスする - Qiita
Webアプリケーションを開発/テストしている際に、PCのブラウザとiPhoneのブラウザでは挙動が異なることがある。 ローカルで修正した箇所をiPhoneで正常に動作しているか確認するためにも、一度テスト用Webサーバーにデプロイしなければいけないという手間も発生する。iPhoneからLocalホストに繋ぐことができればこういったデプロイの手間を省くことができる。 またこの方法を用いることでiPhoneからの通信キャプチャも可能だ。 Windowsで立てたLocalホストに接続するにはFiddlerが便利だが、その方法についてはiPhone から開発マシンの localhost にアクセスする（Windows）を参考にしていただきたい。 Charlesの設定 Charlesのインストール Charlesのインストールはこちらから。 無料版も30分で強制的にアプリが再起動されるが、気にせず使
独自証明書のインストールが許可されていないAndroid端末で、アプリデバッグ時にCharlesによるHTTPSトラフィック解析をする方法 - Qiita
独自証明書のインストールが許可されていないAndroid端末で、アプリデバッグ時にCharlesによるHTTPSトラフィック解析をする方法AndroidHTTPSandroid開発CharlesAndroidTV アプリのデバッグ時にCharlesでHTTPSトラフィックを解析したいけど証明書が入れられない問題 Androidアプリを作る上で、CharlesによるHTTPSのトラフィック解析には大いに助けられていると思います。 さて、CharlesでHTTPSトラフィックを解析するためにはCharlesが発行した独自証明書をAndroidの証明書ストアに登録する必要がありますが、一部のAndroid端末（たとえば一部のAndroidTVなど）では証明書ストアへの独自証明書のインストールを許可していないものもあります。 Android 7.0以降限定の手法とはなりますが、そのようなAndro
実機iOS端末上でのCharlesハマりポイント - Qiita
通信のデバッグにCharlesを用いることが多いのですが、実機iOS端末ではいくつかハマりポイントがあったので対応方法をメモ。 Macに証明書がインストールされていない Keychain Accessを開き、ログイン＆すべての項目ペーンより、Charles Proxy CAがインストールされてない場合は、Charlesを開き、Help > SSL Proxying > Install Charles Root Certificateよりインストールする。 Macにインストールした証明書が信頼されない You may need to configure your browser or application to trust the Charles Root Certificate. See SSL Proxying in the Help menu.のようなエラーが出る場合、MacにCha
Charlesを使って本番環境にローカルのファイルを適応する方法 - Qiita
Charlesを使って本番環境にローカルのファイルを適応する方法メモ。 事前準備 1.Proxy > macOS Proxyにチェックを入れる 2.Proxy >SSL Proxying Setting > Enable SSH Proxyingにチェックを入れる 3.Proxy >SSL Proxying Setting > AddでLocationを追加する 「Host」を「*」にして対象を全てにしておく リモートとローカルの設定をする 1.Tools > Map Local > AddでLocationを追加する 2.Map Fromには本番環境の情報を、Map Toにはローカルにあるファイルを選択する これで、ローカルのファイルを本番完了に適応することが出来る。 本番環境がhttpsだった場合 Help > SSL Proxying > Install Charles Root C
簡単便利！ Charlesでスマホアプリの通信を見てみよう - Qiita
はじめに お読みいただきありがとうございます。 この記事は、「Life is Tech ! Members Advent Calendar 2016」の18日目の記事です。 突然ですが皆さん、スマホアプリが裏でサーバーとおこなっている通信、覗いてみたくないですか...? そんなことして何がお得なの...? って思われるかもしれませんが、こんないいことがあるんです: 通常の操作（長押し等）では保存できない画像などがフル画質で保存できる！ アプリが利用しているAPIの（だいたいの）仕様がわかる！ 端末内の個人情報を外部に勝手に送信していないかチェックできる！ などなど... たくさんあるんです！ そこで今回は、スマホがおこなっているすべての通信パケットをPCで解析できるツール Charles をご紹介します。 ※ この記事では筆者手持ちのiPhone6とMac(OS Sierra)を使って解説
Qiita (キータ) 公式 on Twitter: "500ストック！ | 通信系のデバッグには Charles が便利 by @usagimaruma https://t.co/fsM0FZkimi https://t.co/IkHXGUEtYs"
500ストック！ | 通信系のデバッグには Charles が便利 by @usagimaruma https://t.co/fsM0FZkimi https://t.co/IkHXGUEtYs
HTTPリクエストにCharlesでブレークポイントを貼ってみる - Qiita
はじめに Charlesというデバッグプロキシを使うとHTTPリクエストやレスポンスにブレークポイントを設定して手軽に書き換えたりできて非常に便利。 とうことでCharlesのブレークポイントの具体的な使い方について。 Charlesの概要、セットアップ、基本知識とかはこちら。 * 俺的フロントエンドエンジニア三種の神器に認定したCharlesについて 〜その1〜 Charlesの素敵なところ * 俺的フロントエンドエンジニア三種の神器に認定したCharlesについて 〜その2〜 インストールと設定 * 俺的フロントエンドエンジニア三種の神器に認定したCharlesについて 〜その3〜 最初に覚えたい基本的なこと やること ブレークポイントの手順を説明するためにYahoo!Japanのindex.htmlへのGETリクエストにブレークポイントを設定し、レスポンスとなるHTML内のロゴ画像の
Charlesで本番のAPIレスポンスを書き換える（SSL,CORS対応版） - Qiita
1. Charlesをインストール 2. Charlesを起動 試用版は起動30分後に落ちるので注意。 もし煩わしい場合はライセンス買う。 3. macOS Proxyを有効にする Proxy > macOS Proxy をクリック（チェックが入る） 4. Charles用SSL証明書をインストール Help > SSL Proxying > Install Charles Root Certificate をクリック Keychain Accessが起動する Name が Charles Proxy から始まる行をダブルクリック Trust をクリックして開く When using this certificate: プルダウンで Always Trust を選択 Keychain Accessを閉じる 5. https通信に対応する Proxy > SSL Proxying Setti
Android7からcharlesでssl通信が見れなくなった件 - Qiita
問題 Charlesを使用して通信デバッグをしていたが、Android7以上の端末でssl通信が見れなくなった。 原因 どうやらネットワークセキュリティーの仕様が変わったらしい Changes to Trusted Certificate Authorities in Android Nougat ３行まとめ より安全なデフォルトを提供するためにAndroidが信頼できる認証局（CA）の仕様を変更したよ Apiレベル24(Android 7)以上からだよ CAを明示的に有効にしないと通信はみれないよ 対応方法 信頼できるCAを追加しましょう https://developer.android.com/training/articles/security-config.html?hl=ja#CustomTrust カンタン導入 デバッグだけ通信を見れる様にする 1. AndroidManif
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SoapClientの通信にCharlesを経由させる - Qiita