Issuy

<p>ngrokというツールを使ってlocalhostの特定のポートで起動しているWebアプリにアクセスする。</p>
<h2 id="ngrok%E3%81%AE%E4%BD%BF%E3%81%84%E6%96%B9">
<a class="header-anchor-link" href="#ngrok%E3%81%AE%E4%BD%BF%E3%81%84%E6%96%B9" aria-hidden="true"></a> ngrokの使い方</h2>
<h3 id="%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB">
<a class="header-anchor-link" href="#%E3%82%A4%E3%83%B3%E3%82%B9%E3%83%88%E3%83%BC%E3%83%AB" aria-hidden="true"></a> インストール</h3>
<div class="code-block-container"><pre><code>  brew install --cask ngrok
</code></pre></div><h3 id="%E8%B5%B7%E5%8B%95">
<a class="header-anchor-link" href="#%E8%B5%B7%E5%8B%95" aria-hidden="true"></a> 起動</h3>
<p>localhost:8080 に起動したHTTPサーバーにアクセスしたい場合</p>
<div class="code-block-container"><pre><code>ngrok http 8080
</code></pre></div><p>コマンドを実行すると公開されたURLを教えてくれる</p>
<p>※<a href="https://qiita.com/mininobu/items/b45dbc70faedf30f484e" target="_blank" rel="nofollow noopener noreferrer">https://qiita.com/mininobu/items/b45dbc70faedf30f484e</a></p>


<h2 id="%E3%81%A9%E3%81%86%E3%81%84%E3%81%86%E6%99%82%E3%81%AB%E4%BD%BF%E3%81%86%EF%BC%9F">
<a class="header-anchor-link" href="#%E3%81%A9%E3%81%86%E3%81%84%E3%81%86%E6%99%82%E3%81%AB%E4%BD%BF%E3%81%86%EF%BC%9F" aria-hidden="true"></a> どういう時に使う？</h2>
<ul>
<li>WebフロントエンドのためのバックエンドAPI開発のときはあまり出番なさそう
<ul>
<li>多くのケースではフロントエンドもローカルで起動してlocalhostへアクセスしているので不要そう</li>
<li>PCリソースがよっぽど厳しくてローカルにフロントエンドを起動したくないケース？多くはなさそう</li>
</ul>
</li>
<li>WebhookのためのAPI開発のときは活躍しそう
<ul>
<li>LINEメッセージングAPIのWebhookとか、クライアントをローカルに起動出来ないケース</li>
</ul>
</li>
</ul>
