8
3

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 1 year has passed since last update.

ビットスターAdvent Calendar 2021

Day 16

ngrokでlocalhost(127.0.0.1)をHTTPS化する

Last updated at Posted at 2021-12-15

ngrokとは

ローカルのサーバを外部に公開するツールです。

詳しくは公式サイトを見てください。

ngrok公式サイト

環境

Ubuntu 20.04 LTS

Nginx 1.18.0

導入方法

wgetコマンドをインストール(既にある場合は必要ない)

#homeへ移動
$ cd ~
$ sudo apt-get install wget

ngrokをダウンロード

wget後ろのリンクは以下のページ「Download」ボタンを右クリックして「リンクのアドレスをコピー」を選択したもの

https://ngrok.com/download

#ngrokをダウンロード
$ wget https://bin.equinox.io/c/4VmDzA7iaHb/ngrok-stable-linux-amd64.tgz

#ダウンロードできているか確認。
$ ll
->ngrok-stable-linux-amd64.tgz   //これがあればおk

ダウンロードしたngrokのファイルを解凍して/usr/binへ解凍されたファイルを移動


#ngrok-stable-linux-amd64.tgzを解凍
tar -xzvf ngrok-stable-linux-amd64.tgz

#/usr/binへ解凍されたngrokファイルを移動
sudo mv ngrok /usr/bin/

#移動できてるか確認
which ngrok
→/usr/bin/ngrok

#アクセスできるか確認
ngrok version
→ngrok version 2.3.40

80番ポートを外部に公開する

#80番ポートを外部に公開する
ngrok http 80
ngrok by @inconshreveable                                       (Ctrl+C to quit)

Session Status                online
Session Expires               7 hours, 59 minutes                            
Version                       2.3.40                                             
Region                        United States (us)                                
Web Interface                 http://127.0.0.1:4040                             
Forwarding                    http://XXXXXXXX.ngrok.io -> localhost:80        
Forwarding                    https://XXXXXXXX.ngrok.io -> localhost:80

ngrokアカウントを作成し認証する

認証を行わずとも外部公開を行うことは可能ですが、8hで強制的に接続を切られてしまうので、今回はアカウントを登録します。

  1. ngrok公式サイトからユーザ登録します。Githubアカウント、Googleアカウントでも登録できるのでお好みで登録。
  2. ngrokのダッシュボードへリダイレクト後、左メニューの「setup and install」をクリックし、「2. Connect your account」のコマンドをコピー
  3. shellにコピーしたコマンドを実行し、認証する。
$ ./ngrok authtoken [トークン]

再度80番ポートを外部に公開する

#80番ポートを外部に公開する
ngrok http 80
ngrok by @inconshreveable                                       (Ctrl+C to quit)

Session Status                online                                            
Account                       XXXXXX@gmail.com (Plan: Free)                             
Version                       2.3.40                                             
Region                        United States (us)                                
Web Interface                 http://127.0.0.1:4040                             
Forwarding                    http://XXXXXXXX.ngrok.io -> localhost:80        
Forwarding                    https://XXXXXXXX.ngrok.io -> localhost:80

[ Forwarding https://XXXXXXXX.ngrok.io -> localhost:80へアクセス ]

キャプチャ.png

しっかりとHTTPSになってます!

8
3
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
8
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?