#はじめに
ngrokの公式HP:https://ngrok.com/
###記事に書いてあること
前編:ngrokってなに?
後編:ngrokをつかってローカルサーバーをインターネットに公開
###ngrokとは??
@@@@
ngrok allows you to expose a web server running on your local machine to the internet. Just tell ngrok what port your web server is listening on.
@@@@
日本語訳:ngrokを使用すると、ローカルマシンで実行されているWebサーバーをインターネットに公開できます。
#動作環境
・Mac book air 2015 early
#それではやってみる
##0.ngrok.comからサインインする
https://ngrok.com/
サインインするとダッシュボードにはいれます。
##1.fileをダウンロードして解凍する
Download for Macからダウンロードする
解凍するとこんな感じのファイルがでてきますよ〜〜
(上が解凍前、下が解凍後)
##2.ダッシュボードに書いてあるコマンドを打ち込む
↓のような説明書きがあるのでその通りにコマンドを打ち込む
(ダウンロードした画面の下に書いてあるコマンドです)
-
Unzip to install(zipの解答:↑でやりました)
$ unzip /path/to/ngrok.zip -
Connect your account(アカウントを紐づける)
$ ./ngrok authtoken xxxxxxxxxxxxxxxxxxxxxxxxxxxx
僕はDownload直下で解凍したので、その階層でコマンドをうちます
##3.ローカルサーバーを立ち上げる
僕はpythonでlocalサーバーを立ち上げました。
//local severたちあげ
$ python server.py
server.pyと同じ階層に
先ほど解凍したngrokファイルをおいて
$ ./ngrok http 8888←任意のポート
赤枠のURLをブラウザにうちこんであげれば、httpとhttpsどちらも取得することができます。
(ちなみにfreeプランの場合、立ち上げるごとにURLは変更されます。この記事を書いている時点でこの写真のURLは僕のものではなくなっています。)
トンネル化なので、ローカルサーバーを立ててあげないと、うまく機能しません。
その場合はこんな感じのエラーがでるはずです。
##おわり
今回は、httpsでカメラをつかったサイトをデプロイ?しました。
ちゃんと動いています👍