Flutter SDK는 이제 더이상 지원이 안되는 걸까요?
결제위젯 Flutter SDK(Version 1) | 토스페이먼츠 개발자...
결제위젯 Flutter SDK를 추가하고 메서드를 사용하는 방법을 알아봅니다.
77 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
해당 SDK 사용하시면 됩니다.
계속 지원하고 있습니다.
그럼 제가 영상 두개를 올려드릴게요 이거 해결 하는 법을 알려주시면 감사하겠습니다.
첫번째는 flutter sdk를 이용해서 개발했던 것 이고,
두번째는 react nextjs에서 개발하였으며 앱에 웹뷰로 불러왔을때 나오는 현상입니다.
해결 방법이 있을까요?
플러터에서 약관이 표시 되지 않으시는 거죠?
네 맞습니다
sdk도 그렇고 웹뷰로 개발해서 앱에서 웹뷰로 불러 와도 그래요
그냥 웹페이지에서는 문제가 없습니다
앱에 sdk로 개발하든 웹에 v2로 해서 앱에서 웹뷰로 불러오면 문제가 됩니다
이용약관이나 무이자 할부 페이지 갔다 오면 문제가 됩니다.
아 처음 약관 클릭했을때는 문제 없지만 한번 갔다온 이후에는 문제가 발생한다는 말씀이시군요.
네 맞습니다
처음 약관이나 처음 무이자 할부 다녀온 이후에 다시 들어갈려면 안되고
웹뷰로 개발한건 처음 갔따온 이후에 아예 반응을 오랫동안안하다가
한 2~3분뒤에 갑자기 반응하기 시작합니다.
네 관련팀에 확인해 보도록 하겠습니다.
네 빠르게 피드백 부탁드려요 회사 일정에 문제가 생겨서요...
flutter에서
다녀온다음에 결제수단 바꾸고 터치는 되나요? '
터치가 안됩니다
flutter 버전 몇버전쓰세요?
3분정도 안되다가 터치가 됩니다
Flutter 3.27.2 • channel stable •
https://github.com/flutter/flutter.git
Framework • revision 68415ad1d9 (4달 전) • 2025-01-13 10:22:03 -0800
Engine • revision e672b006cb
Tools • Dart 3.6.1 • DevTools 2.40.2
GitHub
GitHub - flutter/flutter: Flutter makes it easy and fast to build b...
Flutter makes it easy and fast to build beautiful apps for mobile and beyond - flutter/flutter
저희 sdk는요?
ios/android 동일한가요?
tosspayments_widget_sdk_flutter: ^2.1.1
네 flutter라서 동일합니다.
원래 flutter sdk에서 눌렀을 때 모바일 웹브라우저로 빼고 있는데요.
지금 영상 보면 인앱 브라우저로 열고 있는것 같은데 맞을까요?
첫번째 영상이 sdk고
두번째 영상이 웹으로 작업해서 웹뷰로 인앱웹뷰로 열고 있는 상황입니다.
첫번째 영상도
웹브라우저로 안빠지고 있는것 같아서요
첫번째 영상은 웹브라우저로 빠지고 있습니다. 옆으로 슬라이드
아 혹시 진짜 사파리 웹으로 열리는걸 얘기하시는 걸까요?
네
Expanded(
child: ListView(children: [
PaymentMethodWidget(
paymentWidget: _paymentWidget,
selector: 'methods',
),
AgreementWidget(
paymentWidget: _paymentWidget, selector: 'agreement'),
])),
이렇게만 불러오고 있는데 건들인게 아무것도 없습니다. 혹시 무슨 옵션을 줘야하는걸까요?
아뇨 따로 건드려야하는건 없습니다.
그럼 어떤 부분이 문제일까요?
지금 서비스가 두가지로 해야해서
아 3가지입니다.
앱의 sdk로 개발한 버젼하나
그냥 웹 서비스
그 웹서비스를 타사 앱에 탑재해서 사용하는 경우
그런데 3가지 모두에서 동일한 현상인가요?
두번째 영상이 그 웹서비스를 타사앱에 탑재해서 사용하는 경우 였습니다
그냥 일반 웹서비스는 아주 잘되고 문제가 없습니다
앱에 들어가는 경우 sdk랑 웹뷰로 개발한 결제 부분이 문제가 되고 있습니다
타사앱에 얹은거는 그냥 웹뷰위에 웹서버 띄운거죠?
타사앱은 어떤 플랫폼으로 구축되었나요?
네 맞습니다
타사앱도 flutter 입니다
혹시 저희가 url받아서,웹뷰에 띄워볼수 있을까요
재현이 안되네요
url읂 ㅘㄱ인하고 지웠습니다.
네 감사합니다
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
확인 후 공유드리겠습니다.
네 알겠습니다
@주리 결제위젯까지 어떻게 접근하나요?
잘못된 접근이라고 에러 뜨네요
추가로 웹뷰 Lib는 webview_flutter /inappwebview중에 어떤거쓰셨나요>?
webview_flutter 이걸 사용했습니다
대신청구하기 누르니까 잘못된접근 팝업이 뜹니다ㅡ.
근데 타사앱은 아마 inappwebview 이거일겁니다.
영상을 보여주실수있을까요?
ㅇㅣ거 뭐 엄청 긴데
결제경로가 어떠헥되나요
한번 쭈욱 진행주셔야 결제창까지 도달하실수있습니다....
중간에 url만 드리면 거기서는 결제창이 실행이 되지않거든요
실비청구까지 해야한다는 말씀이세요?
네 맞습니다 어차피 실제로 청구는 되지 않습니다
개발 버젼이라서
ㅎㅎㅎ 신분증도 촬영해야하는군요
네 그런 보안 이슈나 이런거 때문에 결제창 띄우기 전에
신분증 실제로 촬영 안해도 됩니다
그냥 아무거나 찍고 넘어가시면 됩니다
주소도 계좌번호도 다 아무거나 임의로 입력하고 넘어가시면 됩니다
안넘어가집니다
촬영하고
이거 이렇게 까지 해드리기 어렵네요. 결제 위젯 페이지 를 전달주시거나 해주셔야할 것 같아요
그럼 잠시만요
서버 배포까지 한 30분걸려서요. 배포완료 되는대로 결제창 url드릴게요
배포 되었습니다 이걸로 해보시면 됩니다
ㄴㅔ 확인햇습니다.
@주리 안드로이드에서 안된다는 부분도 테스트해보셨나요?
저는 안드로이드는 얘기는 안드렸는데 안드로이드도 동작이 이상하긴 합니다. 해당 부분 영상으로 올려드릴게요
동일하다고 해주셔서요
현상 동일인걸로 이해한건 아니였습니다. 우선 ios로만 봐주시고
안드로이드는 약관들어가서 상단에 < 버튼 누르면 작동은 하지 않습니다.
저는 이상없어서요
저게 이상이 없는게 아니라 약관눌러서 뒤로가기 누르면 결제페이지를 우선 계속 유지하고 있어야하지 않을까요?
일단 하나하나 보시죠 ios는 https://discord.com/channels/864296203746803753/1347122748098613248/1347122748098613248 이거랑 동일 현상 같기는 한대
이때는 flutter 쪽 이슈였습니다.
우선 플러터 업그레이드해서 테스트해보도록 해보겠습니다
영상을 끝까지 보시면 이용약관 제대로 동작 안하는 상황을 확인하실수 있습니다.
Flutter 3.29.3 • channel stable •
https://github.com/flutter/flutter.git
Framework • revision ea121f8859 (2주 전) • 2025-04-11 19:10:07 +0000
Engine • revision cf56914b32
Tools • Dart 3.7.2 • DevTools 2.42.
해당 버젼으로 업그레이드 이후에 테스트한 영상입니다
GitHub
GitHub - flutter/flutter: Flutter makes it easy and fast to build b...
Flutter makes it easy and fast to build beautiful apps for mobile and beyond - flutter/flutter
뒤로가기가 동작안한다는 말씀이시죠?
뒤로가기랑
이용약관이 작동을 안합니다
이용약관이 동작안한다는게
이해를 못했습니다.
영상 몇초 부분인가요?
37초부터 한번 보시면 됩니다
일단 지금 문제되는 부분은 '약관'만이죠?
타사앱에서는 프리징 현상이 있습니다
위에 두번째 영상을 보시면 작동을 안합니다
약관 뿐만이 아니라 결제수단도 반응안하다가 갑자기 반응하기 시작합니다
일단 native쪽 이슈는 확인에 시간이 좀 소요될 수 있습니다. 우선 빠르게 이슈를 해결하려면, 약관위젯을 일단 사용안하시는 방법이 있을 것 같아요
이슈관련해서는 확인해보고 공유드리겠습니다.
네 빠르게 확인 요청드립니다!
현재 폰에서 녹화하면 정확하게 인지를 못 하실꺼 같아서 따로 터치하는 영상으로 새로 찍었습니다. 영상 보시면 어떤 문제인지 이해하실거 같습니다.
ide setting에서 빌드를 몇버전으로 하는지 한번 확인부탁드려요
저는 vscode로 개발 하고 있어서
Flutter 3.29.3 • channel stable •
https://github.com/flutter/flutter.git
Framework • revision ea121f8859 (2주 전) • 2025-04-11 19:10:07 +0000
Engine • revision cf56914b32
Tools • Dart 3.7.2 • DevTools 2.42.3
해당 버젼으로 하고 있습니다.
GitHub
GitHub - flutter/flutter: Flutter makes it easy and fast to build b...
Flutter makes it easy and fast to build beautiful apps for mobile and beyond - flutter/flutter
일단 어제 쭉 확인을 해봤는데요. flutter쪽 이슈로 보여서, 저희쪽에서 당장 대응이 어려운 상황입니다.
그래서 오픈시 치명적이라고 판단하실 경우 아래 중 선택 해주셔야할 것 같아요.
- 약관 위젯 미사용 (직접 구현가능)
- 무이자 버튼 숨기기 (저희가 적용해드릴 수 있음)
다만 해당 버튼 2개는 한번 진입 후 재진입 률이 적어 현재 flutter사용 중인 곳들로부터도 별도 문의는 없었습니다.
저희가 해결해드릴 수 있으면 좋겠지만, flutter 쪽 문제로 당장 해결이 어려운 상황인 점 양해바라며 위 내용 확인 후 호 ㅣ신바랍니다.
해당 부분은 기획쪽하고 논의하고 회신드리겠습니다.