はじめに こんな感じのものをvue.js + Firebase + golangで作ってみました。 golangは多少慣れていますが、vueとfirebaseは初めてのだったので備忘録を残しておきます。 特にフロントはほとんど経験もなく、vueも今回が初めてなので参考資料のソースにはすごく助けられました。 何を作ったのか? ログイン(メール認証・Google認証・Twitter認証・Facebook認証)認証ができます。 発行したJWTをHeader情報に詰め込んでAPIサーバにリクエストを投げます。 APIサーバは許可されたJWTかの確認を行い、問題なければレスポンスを返すといったものです。 個人でWEBサービスを作った時にログイン画面っているだろうから、ちょこっと触って慣れておこう と思い学んでみました。なので作りは雑です。 ソースコードはgithubに載せています。 https://
![Vue.js + Firebase + golangでログインシステムを作ってみた備忘録 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/a0a26d2fdb8db51f935bd9466a752586aeece2d5/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9VnVlLmpzJTIwJTJCJTIwRmlyZWJhc2UlMjAlMkIlMjBnb2xhbmclRTMlODElQTclRTMlODMlQUQlRTMlODIlQjAlRTMlODIlQTQlRTMlODMlQjMlRTMlODIlQjclRTMlODIlQjklRTMlODMlODYlRTMlODMlQTAlRTMlODIlOTIlRTQlQkQlOUMlRTMlODElQTMlRTMlODElQTYlRTMlODElQkYlRTMlODElOUYlRTUlODIlOTklRTUlQkYlOTglRTklOEMlQjImdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZ0eHQtY2xpcD1lbGxpcHNpcyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWFjYTE0MzVjMDAwMjJkNGQzNmNiN2JjNmM4YTg3MmRm%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQweW9zaGlub3JpX2hpc2FrYXdhJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz00NDY5MjRlM2UzMmNkMjIwMmE0MDNiNzM0YzZjNTBhNg%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D30cdf1a125a473b60b14ded5569d78ca)