Facebook認証をlocalhostで

Facebook認証でログイン機能を実装する際にlocalhostではどうも弾かれてしまうので、
なにか方法は…と調べたら[ngrok](https://ngrok.com/ "ngrok公式")なるサービスを発見したので備忘録として残します。
どうも、ngrokを通じてlocalhostに届く仕組みらしい。へー凄い。便利。

## ngrokのセットアップから起動
[公式サイト](https://ngrok.com/download "ngrock公式")の記述の通りにインストール
```
brew install ngrok/ngrok/ngrok
```
サイトから[新規登録](https://ngrok.com/)して、アクセストークンを取得
登録できたら以下のコマンドで設定

```
ngrok config add-authtoken <アクセストークン>
```
早速起動（今回は3000番ポートで起動）
```
ngrok http 3000
```
起動するとこんな感じ
```
ngrok                                                                                                                                                           (Ctrl+C to quit)
                                                                                                                                                                                                                                                           
Join us in the ngrok community @ https://ngrok.com/slack                                                                                                                                                                                                     
                                                                                                                                                                                                                                                             
Session Status                online                                                                                                                                                                                                                         
Account                       *********** (Plan: Free)                                                                                                                                                                                      
Version                       3.1.0                                                                                                                                                                                                                          
Region                        Japan (jp)                                                                                                                                                                                                                     
Latency                       10ms                                                                                                                                                                                                                           
Web Interface                 http://***********                                                                                                                                                                                                          
Forwarding                    https://********************.jp.ngrok.io -> http://localhost:3000                                                                                                                                          
                                                                                                                                                                                                                                                             
Connections                   ttl     opn     rt1     rt5     p50     p90                                                                                           
```

https://********************.jp.ngrok.io にアクセスするとlocalhostに繋がる。
FirebaseのAuthenticationを使用していたので、承認ドメインに追加して完了。

### 参考記事
https://qiita.com/yamatmoo/items/8d5c2ffe6edf54c91957

https://qiita.com/miriwo/items/8c1e6550a5ab279d60b5