flutter
플러터로 연동중인데,
import 'package:flutter/material.dart';
import 'package:tosspayments_sdk_flutter/model/tosspayments_result.dart';
import 'package:tosspayments_sdk_flutter/tosspayments_sdk_flutter.dart';
import 'package:tosspayments_sdk_flutter/model/paymentData.dart';
/// [Payment] 클래스는 결제 처리를 담당하는 위젯입니다.
class Payment extends StatelessWidget {
final PaymentData data;
/// 기본 생성자입니다.
const Payment({
super.key,
required this.data,
});
/// 위젯을 빌드합니다.
///
/// 'test_ck_D5GePWvyJnrK0W0k6q8gLzN97Eoq' 클라이언트 키를 사용하여 [TossPayments]를 생성합니다.
///»
/// 성공하면, [Get]을 이용해 결과를 반환하고 이전 화면으로 돌아갑니다.
/// 실패하면, [Get]을 이용해 실패 정보를 반환하고 이전 화면으로 돌아갑니다.
@override
Widget build(BuildContext context) {
debugPrint('Payment 빌드');
return TossPayments(
clientKey: //여기,
data: data,
success: (Success success) {
Navigator.of(context).pop(success);
},
fail: (Fail fail) {
Navigator.of(context).pop(fail);
});
}
}
클라이언트 키를 발급받아서 저기 클라이언트 키에 넣었는데,
결제하기 누르고 나서 다음 화면에서 넘어가지지 않습니다. 어떤게 문제인건가요?
34 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
어떤 문제일지 정보가 부족하네요.
android ios 중 어떤걸로 빌드하셨나요
안드로이드 입니다.
영상을 촬영해서 보내주시면 좋을것 같아요.
첫번재로 안드로이드 스튜디오에서 에러메세지 있나요?
네 보내겠습니다. 잠시만요
두번째로 안드로이드 스튜디오에서 에러메세지가 없으면 chrome://inspect 크롬에서 위주소로 접속해서 에러메세지 확인해주세요
세번째로 amount가 0이 아닌지, 주문번호를 동일한걸 계속쓰고 있는게 아닌지 2가지 추가로 확인바랍니다.
클라이언트키를 테스트키에서 발급받은키로 바꾸니 저 화면에서 넘어가지지 않아요
오른쪽에 사용한 키값이 어떤걸까요?
💡 정보 제출
아래 버튼을 눌러 외부로 노출되기 민감한 정보를 제출해주세요
그대로 넣어주세요
네 그걸 쓰시면 안됩니다.
이 키를 사용했습니다.
API 연동키에서
사용하실 Mid의 라이브키를 사용해주세요!
해당키는 결제위젯 연동할 때 사용하는 키에요~
tosspayments_sdk_flutter 이게 결제 위젯 아닌가요?
각각 결제창 /결제위젯이며 flutter 결제위젯 sdk는 다음주 중 나올 예쩡입니다.
죄송하지만 결제 위젯이 나온다는게, 지금과 같은 방식에서 무슨 차이가 있는건가요?
위에 이미지 2개 비교해주세요~ 연동방식이 다릅니다
가운데 3개의 과정이 생략된다는 그림 같은데, 사용자 인터페이스가 바뀌는건 알겠는데 연동방식이 어떻게 달라지는건지는 잘 이해가 가지 않습니다.
SDK 가 일반 결제용과 결제위젯용이 따로 제공될겁니다.
라이브러리가 같더라도 호출하는 method 나 방식이 달라지게 되구요.
지금은 일반 결제창을 연동하는 SDK 만 플러터에 제공되고 있어서 그걸로 연동하신 상태라고 이해하시면 됩니다.
아 플러터 전용이 나온다는 말씀같네요 감사합니다. 플러터에 sdk를 제공해주는 유일한 pg사 토스 ㅠ
결제연동은 어느정도하셨어요?
https://docs.tosspayments.com/guides/payment-widget/overview
이제 시작이시면 비교해보고 위젯 연동하시는 거 추천드려요
이해하기 | 토스페이먼츠 개발자센터
결제위젯은 토스페이먼츠에서 수많은 상점을 분석해서 만든 최적의 주문서 UI입니다. 개발자가 최초 1회만 연동하면 결제수단 추가, 디자인 수정은 코드 없이 어드민에서 바로 가능해요.
이 패키지가 다음주 pub dev에 올라온다는 말씀이시죠?
네 맞습니다.
https://discord.com/channels/864296203746803753/936165700886741033/1174893899127459860
이 문의는
토스페이먼츠 결제창이 뜨고, 인증을 마치면 웹뷰가 닫히면서 callback으로 paymentKey등 값을 전달드립니다.
해당 값을 가지고 시크릿키로 승인API를 호출해주셔야 결제과 완료되요
네
자세한건 저희 문서 참고바랍니다.
네 감사합니다.
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.
감사합니다. 참고하겠습니다.
Launching lib/main.dart on SM S906N in debug mode...
Running Gradle task 'assembleDebug'...
FAILURE: Build failed with an exception.
* What went wrong:
Execution failed for task ':app:processDebugGoogleServices'.
File google-services.json is missing. The Google Services Plugin cannot function without it.Searched Location: /Users/kimkinam/Downloads/tosspayments_widget_sdk_flutter-1.0.1/example/android/app/src/debug/google-services.json /Users/kimkinam/Downloads/tosspayments_widget_sdk_flutter-1.0.1/example/android/app/src/google-services.json /Users/kimkinam/Downloads/tosspayments_widget_sdk_flutter-1.0.1/example/android/app/src/Debug/google-services.json /Users/kimkinam/Downloads/tosspayments_widget_sdk_flutter-1.0.1/example/android/app/google-services.json * Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.* Get more help at https://help.gradle.org BUILD FAILED in 3s Exception: Gradle task assembleDebug failed with exit code 1 빌드하려고 하니 이 메세지가 나오는데, 파베를 사용하지도 않는데 이게 왜 뜨는지 모르겠네요
이번에 나온 sdk 입니다.
example앱이면 우선 build.gradle에서 해당 부분 주석처리해주세요. 이부분은 월요일에 제외되어 배포될 예정입니다.
1.0.2로 배포되었습니다.