マイクロ決済サービスを利用したショッピングサイト 🐉

概要

ー gRPCを利用したマイクロ決済ショッピングサイトです。簡単なショッピングサイトで購入したいアイテムを選択するとアイテムの画像、値段、商品名が表示され購入に進むと(VISA、JCB、クレジットカード)の番号を入力する事で商品の購入をする事ができる仕様になっています。  

現在のホーム画面

スクリーンショット 2022-02-01 15 26 28

アイテム選択画面

スクリーンショット 2022-02-01 17 00 56

決済画面

スクリーンショット 2022-02-01 15 27 07
 

使用技術

ー gRPC、 PAY.JP, バック側:Go(フレームワーク Gin), フロント側:Vue.js

 

背景

ー 作成しようと考えたきっかけはECサイトを利用した際に,ECサイトがどの様に構築されているか気になり自分の手で作成したいと考えたからです。 ー 自分の友人が私の好きなブランドサイトのショッピングサイトの構築に携わっているのを知り、私もWebエンジニアになりたいと思ったのがきっかけです。  

実装機能

ー アイテム(商品)の表示:名前、値段、アイテム画像 ー 商品購入時の決済機能

 

実装予定の機能

ー ユーザー個人のページ ー ログイン機能、ログアウト機能 ー 購入履歴閲覧ページ

 

工夫

ー 最近ではWebベースのシステムにおいてHTTP/HTTPSベースでサーバー・クライアント間のやり取りが行われ、その際のデータフォーマートにはXMLを利用する「XML-RPC」や、同じくHTTP/HTTPSベースでデータフォーマットにJSONを利用する「JSON-RPC」が多く使われている。しかし、基本的にテキストベースで情報をやり取りするためデータの転送効率が悪く、バイナリデータを扱いにくいという問題があったためそれを解決するために今回gRPCを利用した。

ー gRPCはサーバーおよびクライアント側のコードを自動的に生成するツールが提供されているため、これを利用することで簡単にサーバーおよびクライアントを実装できるようになっている

 

💣 Still working to complete the project. 💣