결제위젯에서 결제하기 눌렀을 때 웹뷰가 안열리고 콘솔창 무한반복되는 오류문의
계속 이렇게만 떠서 문의드립니다 ㅠㅠ
12 Replies
⏳ 잠시만 기다려주세요! 곧 답변드리겠습니다
오류 문의일 경우 아래 정보를 미리 전달해주시면, 빠른 답변에 도움이 됩니다.
- 주문번호(orderId) :
- 문의 내용 :
(img를 함께 첨부해주시면 도움이됩니다)
* 계약관련 내용은 1544-7772로 문의주세요.
* 주말/공휴일에는 답변이 늦을 수 있어요.
import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:tosspayments_widget_sdk_flutter/model/payment_widget_options.dart';
import 'package:tosspayments_widget_sdk_flutter/payment_widget.dart';
import 'package:tosspayments_widget_sdk_flutter/widgets/agreement.dart';
import 'package:tosspayments_widget_sdk_flutter/widgets/payment_method.dart';
import 'package:tosspayments_widget_sdk_flutter/model/payment_info.dart';
import 'escr_feee_01_page.dart';
class EscrFeee02Page extends StatefulWidget {
const EscrFeee02Page({super.key});
@override
State<EscrFeee02Page> createState() => _EscrFeee02PageState();
}
class _EscrFeee02PageState extends State<EscrFeee02Page> {
late PaymentWidget _paymentWidget;
PaymentMethodWidgetControl? _paymentMethodWidgetControl;
AgreementWidgetControl? _agreementWidgetControl;
@override
void initState() {
super.initState();
_paymentWidget = PaymentWidget(
clientKey: "test_gck_docs_Ovk5rk1EwkEbP0W43n07xlzm",
customerKey: "qEacDkpd8koE0XgFUx-1b",
);
_paymentWidget
.renderPaymentMethods(
selector: 'methods',
amount: Amount(value: 300, currency: Currency.KRW, country: "KR"),
options: RenderPaymentMethodsOptions(variantKey: "DEFAULT"))
.then((control) {
_paymentMethodWidgetControl = control;
});
_paymentWidget.renderAgreement(selector: 'agreement').then((control) {
_agreementWidgetControl = control;
});
}
@override
Widget build(BuildContext context) {
return Scaffold(
body: SafeArea(
child: Column(children: [
Expanded(
child: ListView(children: [
PaymentMethodWidget(
paymentWidget: _paymentWidget,
selector: 'methods',
),
AgreementWidget(paymentWidget: _paymentWidget, selector: 'agreement'),
ElevatedButton(
onPressed: () async {
final paymentResult = await _paymentWidget.requestPayment(
paymentInfo: const PaymentInfo(
orderId: 'yF0_ng5KMpuve0FbI6Kle',
orderName: '토스 티셔츠 외 2건'));
if (paymentResult.success != null) {
// 결제 성공 처리
} else if (paymentResult.fail != null) {
// 결제 실패 처리
}
},
child: const Text('결제하기')),
]))
])));
}
}
EscrFeee02Page은 토스 결제 위젯 flutter sdk라는데 올라와있는 파일입니다.
언어는 flutter입니다!
저희가 구현하신 코드를 하나씩 확인 해드리는건 어려울것 같아요.
https://docs.tosspayments.com/reference/widget-flutter
플러터 예제도 있으니, 이곳에서 예제를 확인하시고 비교해 보시겠어요?
결제위젯 Flutter SDK | 토스페이먼츠 개발자센터
결제위젯 Flutter SDK를 추가하고 메서드를 사용하는 방법을 알아봅니다.
그 죄송합니다만 저거 보고 구현한건데..
번거롭겠지만 오류나는 콘솔이라도 한번만 봐주시면 감사드리겠습니다.
플러터 프로젝트를 clone 해서 해보신게 아니고,
그 안에 내용을 보고 직접 구현하신것 아닌가요?
이럴 경우에는 저희가 어떤 환경에 어떤 구성으로 어떻게 구현했는지를 하나하나 봐서 가이드 드리기가 어려워요
그럼 어떻게 문의를 드렸어야할까요? clone한 후에 main함수만 바꾼상태인데 말이죠.
예제는 잘돌아가는걸 확인해서 적용시켜본상태입니다.
정말 죄송하지만
예제는 잘 돌아갔는데, 변경하시고 문제가 발생한 거라면
변경하신 부분을 어떻게 변경하셨고 어떤문제가 발생했는지를
저희가 봐드리기는 정말 어려울것 같습니다..
그럼 토스 연동을 하고싶을 경우엔 저 플러터 예제 프로젝트를 clone하고 변경을 하지않고 그대로 적용을 하는게 일반적인 적용법인가요? 제가 이런쪽으론 처음 작업하는지라 여쭤봅니다.
저희와 계약된 사업자 명이 어떻게 되시죠?
결제 테스트는 예제에있는 클라이언트키로 할 수 있는게 아닌건가요?
결제테스트는 예제의 키로 가능해요
그리고 샘플은 최소한의 동작버전으로 pure 한 코드로 제공됩니다.
이후 가공해서 발생하는 이슈들은 직접 해결해보셔야 해요
❤️ 기술문의 경험이 어떠셨나요?!
간단히 코멘트 남겨주세요! 제품 발전에 큰 힘이 됩니다.