66
59

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.

少しでも安全にngrokを使用する(Basic認証)

Last updated at Posted at 2019-02-27

概要

前回ngrokの記事を書いて,実機での動作確認に活用できます~みたいなこと書きましたが,
よくよく考えてみればランダムにサブドメインが設定されているとは言え,アクセス制限などされていないので普通にセキュリティ上良くない....ので
今回はngrokを少しでも安全に利用できるようにBasic認証を使用する方法書いてきます。

ngrok環境構築

細かい環境構築はngrok 導入方法を参考にしてください。

Basic認証使用手順

ngrokアカウント登録

まずはhttps://ngrok.com/ でアカウント登録をしてください。
※無料版で大丈夫です。

authtokenをローカル環境で登録

authtoken取得

↓のngrokのダッシュボードで Auth をクリックする
https://dashboard.ngrok.com/get-started

遷移先に Your Tunnel Authtoken という項目にトークンが表示されるのでそいつをコピーする。

authtoken登録

ngrokをインストールしているローカルの環境でサイトにも書かれているように↓のコマンドを実行する

$ ngrok authtoken {authToken}

Basic認証用のユーザ名,パスワードを設定してngrokを起動する

以下の用にアクセスした際に求められるユーザ名,パスワードを入力して,ngrokを起動する

$ ngrok http -auth="ユーザ名:パスワード" ポート

実際にアクセスしてみる

ngrokを起動した際に提供されたURLにアクセスして↓のようなログインのユーザ名,パスワードの入力画面が表示されたらOK
先程起動時に -authオプションで設定したユーザ名とパスワードを入力すればアクセスできるようになります。

スクリーンショット 2019-02-27 19.17.48.png

これで何も制限がない状態よりは少しは安全になったかと思います。
ただし完全に安全という訳ではないのでご注意を

おわり

66
59
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
66
59

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?