Firebase Cloud Messagingで「FirebaseError: Messaging: This browser doesn't support the API's required to use the firebase SDK. (messaging/unsupported-browser).」

Firebase Cloud Messaging(以下FCM)で「FirebaseError: Messaging: This browser doesn't support the API's required to use the firebase SDK. (messaging/unsupported-browser).」が出た場合

Chromeの最新版で FCM をつかっていて遭遇した。

原因

原因はFCM使ったアプリにhttpでアクセスしていたということ

ngrokをつかってデバッグしているときに、うっかり http でアクセスしてしまっていた。
エラーメッセージを読むと「ブラウザがAPIに対応していない」ようにみえてしまうので注意。

対策

FCMのクライアントとなるWebアプリはhttpsでアクセスしましょう。または開発・デバッグ時は**http://localhost**も可。