서윗 대디•2y ago

flutter tosspayments_sdk_flutter 구독 결제 지원

flutter 로 구독 결제를 하려는데요. tosspayments_sdk_flutter 가 공식 라이브러리인듯 한데, 여기에 구독에 관련된 interface 를 찾을 수 없습니다. flutter 에서는 어떻게 진행해야 할까요?

20 Replies

토스페이먼츠 BOT•2y ago

⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다

오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.

- 주문번호(orderId) : - 문의 내용 :

(img를 함께 첨부해주시면 도움이됩니다)

* 계약관련 내용은 1544-7772로 문의주세요. * 주말/공휴일에는 답변이 늦을 수 있어요.

이실장•2y ago

구독결제는 flutter sdk에서 아직 지원하지 않습니다. 어떻게 개발해야하는지 가이드는 해드릴 수 있어요

서윗 대디OP•2y ago

아하.. 언제쯤 지원인지 궁금하네요. 근시일 (3개월) 내에 지원 될까요?

이실장•2y ago

우선 flutter componenet로 개발하시나요? 아니면 전체 웹뷰 위에서 웹서버 띄우시나요?

서윗 대디OP•2y ago

예제에 있는대로 flutter component 그대로 씁니다.

TossPayments(
      apiKey: "##TODO clientKey 입력 ##,"
      data:  PaymentData(
          paymentMethod: '카드',
          orderId: 'tosspayments-202303210239',
          orderName: 'toss t-shirt',
          amount: 50000,
          customerName: '김토스',
          customerEmail: 'toss@toss-payments.co.kr'
      ),
      callback: (Map<String, String> result) {
        Navigator.pushReplacementNamed( context, '/result', arguments: result,);
      },
    )

TossPayments(
      apiKey: "##TODO clientKey 입력 ##,"
      data:  PaymentData(
          paymentMethod: '카드',
          orderId: 'tosspayments-202303210239',
          orderName: 'toss t-shirt',
          amount: 50000,
          customerName: '김토스',
          customerEmail: 'toss@toss-payments.co.kr'
      ),
      callback: (Map<String, String> result) {
        Navigator.pushReplacementNamed( context, '/result', arguments: result,);
      },
    )

이실장•2y ago

우선 당장 지원일정은 없습니다. sdk에서 지원일정은 없으며, 어떻게 개발할지 가이드드릴 수 있어요

서윗 대디OP•2y ago

네 감사합니다. 가이드 부탁드리겠습니다.

서윗 대디OP•2y ago

https://docs.tosspayments.com/guides/billing/overview

자동결제(빌링) 이해하기 | 토스페이먼츠 개발자센터

자동결제는 정기 배송, 음악 스트리밍과 같은 구독형 서비스에서 사용하는 결제 방식입니다. 자동결제(빌링)의 개념과 과정을 설명합니다.

서윗 대디OP•2y ago

이 가이드 보고 진행하는건가요?

이실장•2y ago

우선 flutter 개발 경험이 많이 있으신가요? 설명을 어디서 부터 드리면 좋을지 확인하기 위함입니다.

서윗 대디OP•2y ago

flutter 는 바로 개발 가능한 수준입니다.

이실장•2y ago

그럼 우선 간단히 설명드리고 질문해주시는 부분 답변드리도록 할게요

서윗 대디OP•2y ago

근데 가이드를 보니 추가 계약이 아직 진행 안되어서 진도를 나가기가 어려울 것 같네요. 간단한 부분만 설명만 듣고, 나머지는 계약 조건 성립후에 좀 더 시도해보겠습니다.

이실장•2y ago

flutter 페이지에 빌링 결제창을 띄우기 위한 '결제하기'버튼이 있을 것으로 예상됩니다. 1. 결제하기 버튼 클릭 2. 빈 웹뷰 페이지 생성 후 3. 빈 웹뷰 페이지 위에 https://docs.tosspayments.com/guides/billing/integration 참고해서 javascript실행 4. 가이드 success/failURL로 redirect 되어야 하는데. success/failURL은 http 서버로 받지 않고, 커스텀 앱링크로 설정 (ex: tosspayments://succesurl) 그러면 해당 앱링크 뒤에 getparam으로 정보를 전달해주는데. 웹뷰에서 필요한 정보 읽어오고 웹뷰 닫음. 위 내용은 tosspayments_sdk_flutter lib 다운로드 받으셔서 아래 2개 코드 참고하면 이해가 편하실거에요! payment_window_webview.dart // 웹뷰 tosspayments_sdk_flutter.dart // 자바스크립트 실행 -------- 개념은 동일한데 크게는 일반결제와 구독결제 호출하는 javascript method만 다르다고 보시면됩니다.

서윗 대디OP•2y ago

넵 가이드 감사합니다. 정리가 된 것 같습니다. 수고하세요.

이실장•2y ago

더불어 https://developers.tosspayments.com/ 가입 후 개발테스트 상점으로는 빌링키 테스트 바로 하실 수 있을거에요. 참고바랍니다.

토스페이먼츠 개발자센터

서윗 대디OP•2y ago

큰 도움이 되는 정보네요. 감사합니다.

이실장•2y ago

넵 진행하며 문의사항은 언제든 남겨주세요 수고 하세요.

토스페이먼츠 BOT•2y ago

❤️ 기술문의 경험이 어떠셨나요?!

간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.

이실장•2y ago

@sskdev 어제 SDK 개발 관점에서 설명드린 부분이 있네요

가이드 success/failURL로 redirect 되어야 하는데. success/failURL은 http 서버로 받지 않고, 커스텀 앱링크로 설정 (ex: tosspayments://succesurl)

그러면 해당 앱링크 뒤에 getparam으로 정보를 전달해주는데. 웹뷰에서 필요한 정보 읽어오고 웹뷰 닫음.

가이드 success/failURL로 redirect 되어야 하는데. success/failURL은 http 서버로 받지 않고, 커스텀 앱링크로 설정 (ex: tosspayments://succesurl)

그러면 해당 앱링크 뒤에 getparam으로 정보를 전달해주는데. 웹뷰에서 필요한 정보 읽어오고 웹뷰 닫음.

꼭 커스텀 앱링크로 보내지 않고, 웹서버로 redirect 후 바로 승인API 호출 및 db 저장작업을 해주셔도 됩니다.

flutter tosspayments_sdk_flutter 구독 결제 지원

Did you find this page helpful?