[Feat] - #22 결제 로직 구현

[ILWAT]

⚠️Issues

• 22

• 21

🛠️작업내용

• 결제 창 UI 구현: CompositionalLayout.list를 활용한 UI 구현

• 결제 로직 구현

  • PortOne SDK 설치: SPM 설치 오류로 인한 CocoaPod 사용
  • SDK 사용

  • 
    input.selectedItem
        .subscribe(with: self, onNext: { owner, coinItem in
            guard let coinItem else {return}
            if coinItem.section == .coinItem {
                let payment = IamportPayment(
                    pg: PG.html5_inicis.makePgRawName(pgId: SecretKeys.portOnePGID),
                    merchant_uid: "ios_\(SecretKeys.serverSecretKey)_\(Int(Date().timeIntervalSince1970))",
                    amount: coinItem.description).then {// amount:가격
                        $0.pay_method = PayMethod.card.rawValue // 결제수단
                        $0.name = "\(coinItem.title)" // 주문명
                        $0.buyer_name = "구매자명"
                        $0.app_scheme = "GrowingTalk"// 결제 후 앱으로 복귀 위한 app scheme(Info.plist 설정)
                    }
    
                    paymentSubject.onNext(payment)
            } else {
                toastMessage.accept("코인 설명입니다!")
            }
        })
        .disposed(by: disposeBag)

  • 
    output.paymentSubject
        .subscribe(with: self) { owner, iamportPayment in
            Iamport.shared.payment(
                viewController: owner,
                userCode: SecretKeys.portOneUserCode,
                payment: iamportPayment) { response in
                    owner.paymentResponse.onNext(response)
                }
        }
        .disposed(by: disposeBag)

  • App Server Network
  • SDK 사용한 결과값 서버로 전송

📱스크린샷

작업 내용	스크린 샷
결제 창 UI
앱 내 결제 SDK 활용