そろそろカード決済の実装経験しとくかと思い、PAY.JPを眺めたらかなりドキュメントが充実してたので使いやすかった。今後、カード決済するサービスを作るのを見越して決済サービスをgRPCでマイクロサービス化してみた。そのまま Vue.js と Go言語を使い、カード決済できるWEBサービスのサンプルを試しに作ってみた。その実装を簡略化してハンズオン形式で紹介します。 全コードは GitHub にあげてます。 (こちらの画像は僕がVue.js+Goで作ったサービスで運用されています。https://ghlinkcard.com/) 得られるもの Vue.js + Go言語で簡易的なSPAをつくる経験 gRPC で簡単なマイクロサービスをつくる経験 PAY.JP を使ったカード決済の流れの理解 今回使う技術スタック フロントエンドは Vue.js。サーバーサイドは Go言語で実装します。それ以外
![「Vue.js + Go言語 + PAY.JP 」でクレジットカード決済できるWEBアプリケーション実装ハンズオン - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/fbcca06b8606973e362084be6ad71b9f7d7aa32e/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-412672c5f0600ab9a64263b751f1bc81.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk3MiZoPTM3OCZ0eHQ9JUUzJTgwJThDVnVlLmpzJTIwJTJCJTIwR28lRTglQTglODAlRTglQUElOUUlMjAlMkIlMjBQQVkuSlAlMjAlRTMlODAlOEQlRTMlODElQTclRTMlODIlQUYlRTMlODMlQUMlRTMlODIlQjglRTMlODMlODMlRTMlODMlODglRTMlODIlQUIlRTMlODMlQkMlRTMlODMlODklRTYlQjElQkElRTYlQjglODglRTMlODElQTclRTMlODElOEQlRTMlODIlOEJXRUIlRTMlODIlQTIlRTMlODMlOTclRTMlODMlQUElRTMlODIlQjElRTMlODMlQkMlRTMlODIlQjclRTMlODMlQTclRTMlODMlQjMlRTUlQUUlOUYlRTglQTMlODUlRTMlODMlOEYlRTMlODMlQjMlRTMlODIlQkElRTMlODIlQUElRTMlODMlQjMmdHh0LWFsaWduPWxlZnQlMkN0b3AmdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT01NiZzPTk2YmZmYzRlZDAzNzIwZTU0M2QxODFhNDNhYTY3NzZi%26mark-x%3D142%26mark-y%3D57%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZoPTc2Jnc9NzcwJnR4dD0lNDBwbzNyaW4mdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPWZhZGI5ZWU2NGNmYmJhZWM2Y2JlZWFiYTQyNzQ0Nzlk%26blend-x%3D142%26blend-y%3D486%26blend-mode%3Dnormal%26s%3D1e8ae72fbb9a34528b98e9fa0bf233c0)