강민주•3mo ago

플러터 결제 위젯 테스트 구현 중 문제

플러터로 토스페이먼츠를 연동하기 위해 sdk 설치 후 해당 페이지의 예시 코드로 구현을 진행했습니다. 하지만 결제하기 버튼 클릭 시 결제 페이지로 이동한다는 동작이 일어나지 않습니다. print문을 넣었음에도 출력되지 않습니다. 어떤 작업을 더 진행해야하나요?

ElevatedButton(
                        onPressed: () async {
                          final paymentResult = await _paymentWidget.requestPayment(
                              paymentInfo: const PaymentInfo(orderId: 'Ry77dravIQrL9v4XZTtPf', orderName: '토스 티셔츠 외 2건'));
                          if (paymentResult.success != null) {
                            // 결제 성공 처리
                            print("success");
                          } else if (paymentResult.fail != null) {
                            // 결제 실패 처리
                            print("failure");
                          }
                        },
                        child: const Text('결제하기')),

ElevatedButton(
                        onPressed: () async {
                          final paymentResult = await _paymentWidget.requestPayment(
                              paymentInfo: const PaymentInfo(orderId: 'Ry77dravIQrL9v4XZTtPf', orderName: '토스 티셔츠 외 2건'));
                          if (paymentResult.success != null) {
                            // 결제 성공 처리
                            print("success");
                          } else if (paymentResult.fail != null) {
                            // 결제 실패 처리
                            print("failure");
                          }
                        },
                        child: const Text('결제하기')),

24 Replies

토스페이먼츠 BOT•3mo ago

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

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

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

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

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

이실장•3mo ago

chrome://inspect 키고 웹뷰에서 어떤 에러가 발생하는지 확인해보세요

강민주OP•3mo ago

버튼 4개를 순서대로 클릭 시 이런 식으로 출력되고 결제하기에서는 반응이 없습니다.

이실장•3mo ago

계약된 mid 알려주시겠어요?

강민주OP•3mo ago

현재 계약은 진행하지 않았고 작동이 되는지 회원가입 후 테스트 코드로 테스트 진행 중이었습니다. 혹시 포스트에 남긴 링크의 테스트 코드도 작동하려면 계약이 진행되어야하는 건가요?

이실장•3mo ago

orderId값 바꿔서 한번 실행해보세요 위젯 rendring은 되었나요? 화면 캡처해서 올려주세요

강민주OP•3mo ago

현재 화면은 이렇습니다.

강민주OP•3mo ago

orderId값은 무엇으로 변경하면 될까요?

이실장•3mo ago

지금 어떤 샘플보고 하시는건가요?

강민주OP•3mo ago

https://docs.tosspayments.com/sdk/widget-flutter

결제위젯 Flutter SDK | 토스페이먼츠 개발자센터

결제위젯 Flutter SDK를 추가하고 메서드를 사용하는 방법을 알아봅니다.

강민주OP•3mo ago

이 링크의 내용으로 진행 중입니다

이실장•3mo ago

clientKey어떤거쓰셨어요?

강민주OP•3mo ago

코드 그대로 사용했습니다 test_gck_docs_Ovk5rk1EwkEbP0W43n07xlzm 이걸로요

이실장•3mo ago

chrome://inspect 이건해보셨어요? 일단 결제하기 버튼이 안눌리는게 문제가 아니라. 위젯이 rendering안되게 문제입니다.

이실장•3mo ago

https://docs.tosspayments.com/sdk/widget-flutter#renderpaymentmethods

결제위젯 Flutter SDK | 토스페이먼츠 개발자센터

결제위젯 Flutter SDK를 추가하고 메서드를 사용하는 방법을 알아봅니다.

강민주OP•3mo ago

chrome://inspect 제가 해본 적이 없어서 혹시 이렇게 하는게 맞을까요? 1. USB 디버깅 활성화 (Android 기기) 먼저 Android 기기에서 USB 디버깅을 활성화해야 합니다. Android 기기에서 설정 > 개발자 옵션 > USB 디버깅을 활성화합니다. 개발자 옵션이 보이지 않는다면 설정 > 휴대전화 정보 > 빌드 번호를 7번 클릭해 개발자 옵션을 활성화하세요. 2. Android 기기를 USB로 컴퓨터에 연결 컴퓨터와 Android 기기를 USB 케이블로 연결합니다. 3. Chrome에서 chrome://inspect 열기 Chrome 브라우저를 열고 주소창에 chrome://inspect를 입력한 후 엔터를 눌러 페이지에 접근합니다. 4. 디버깅 가능한 웹 콘텐츠 확인 chrome://inspect 페이지에서 Devices 섹션에 연결된 Android 기기가 표시됩니다. WebView in app 목록에 Flutter 앱에서 띄운 WebView가 나타납니다. WebView 인스턴스 옆의 Inspect 버튼을 클릭하여 디버깅 도구를 엽니다. 이제 Chrome DevTools를 통해 해당 WebView 콘텐츠를 디버깅할 수 있습니다. 요소를 검사하거나 콘솔을 사용할 수 있습니다. 로그를 보니 NullPointerException: Attempt to invoke virtual method 'int java.lang.Integer.intValue()' on a null object reference PlatformException 이런 오류가 뜨고 있습니다.

이실장•3mo ago

chrome://inspect에서 나온 에러가 아니죠? chrome://inspect에서 확인 바랍니다.

강민주OP•3mo ago

네 해보겠습니다 버전 문제로 안되었었네요 해결했습니다. 감사합니다

이실장•3mo ago

어떤 버전이 문제였나요

강민주OP•3mo ago

코틀린 버전이 문제였습니다

이실장•3mo ago

코틀린 버전 때문에 특정 부분에서 에러가 뜬건가보군요

강민주OP•3mo ago

네 맞습니다.. 혹시 현재 플러터는 v1버전만 사용가능한 건가요? 추후에 v2를 안 써도 괜찮을 지 궁금합니다.

이실장•3mo ago

v1 계속 쓰셔도 무방합니다.

토스페이먼츠 BOT•3mo ago

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

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

플러터 결제 위젯 테스트 구현 중 문제

Did you find this page helpful?