- 決済 SDKを再利用可能なReact共通コンポーネントとして実装した経験 -
1. SDK共通コンポーネントとして実装するに至った経緯
実際の決済画面で処理すべきビジネスロジックは、単にSDKを呼び出すだけにとどまらない幅広いものでした。
*
会員および非会員顧客キーの設定
*
決済金額の変更内容のリアルタイム反映
*
バックエンドでの決済データ生成および連携
*
インラインおよびポップアップ決済方式の同時サポート
*
決済成功時および失敗時のリダイレクト処理
*
決済エラー発生時のバックエンド状態更新
*
重複決済リクエスト防止ロジックの適用
*
React Native WebView環境への対応
このようなロジックを各画面で個別に実装すると、重複コードが増えるだけでなく、決済処理ルールの一貫性を維持することが非常に難しくなりま