위치:
WhatsApp Pay 화면 플로 만들기
이 자습서는 결제 메시징 구성 요소를 사용하여 고객에게 결제 요청을 보내는 화면 플로를 구축하는 과정을 안내합니다. 구성 요소를 사용하여 WhatsApp Messaging 채널 내에서 직접 고객에게 결제를 요청할 수 있습니다. 이 구성 요소를 보내고 동적 주문 세부 사항으로 채우려면 화면 플로를 구축할 수 있습니다. 이 플로를 사용하여 Apex 작업을 호출하여 필요한 결제 데이터를 수집할 수 있습니다. 데이터에는 행 항목, 합계, 주문 컨텍스트, 배송비와 같은 사용자 정의 매개 변수가 포함됩니다. 데이터를 수집한 후 플로에서 고급 메시지 작업을 사용하여 사용자에게 구성 요소를 보냅니다.
- 스크린 플로를 사용하여 사용자와 상호 작용 및 스크린 플로 시작하기를 참조하십시오.
- WhatsApp 결제 메시징 구성 요소를 만듭니다.
- 결제 데이터(
PaymentMessageLineltems,Payment Payment Total,PaymentOrderContext,PaymentMessage PaymentInitiations)를 검색할 수 있는 Apex 클래스가 조직에 있는지 확인합니다. Apex 클래스 및 샘플 코드를 만드는 방법에 대한 자세한 내용은 Apex 클래스 및 Apex 클래스의 샘플 코드 조각 만들기를 참조하십시오.
1단계: 화면 플로 만들기
- 설정에서 빠른 찾기 상자에 플로를 입력한 다음, 플로를 선택합니다.
-
새 플로를 클릭하고 스크린 플로를 선택합니다.
화면 플로가 자동 레이아웃 페이지에 나타납니다. 화면 플로가 표시되지 않는 경우 검색 상자를 사용하여 화면 플로를 검색합니다.
-
+를 클릭하여 필요한 화면 흐름 요소를 추가합니다.
화면, 할당 및 작업과 같은 Flow Builder 요소를 사용하는 방법에 대한 자세한 내용은 플로 요소를 참조하십시오.
2단계: Messaging 세션 ID 가져오기
-
+를 클릭하여 플로에 화면 요소를 추가하여 세션 ID를 캡처합니다.
새 화면 창이 나타납니다.
- 구성 요소 아래에서 검색 상자에 텍스트를 입력한 다음, 텍스트를 선택하여 화면 요소에 텍스트 구성 요소를 추가합니다.
- 속성 아래에서 레이블에 GetSessionld를 입력하고 필요한 경우 다른 필드에 세부 사항을 입력합니다.
-
완료를 클릭합니다.
플로가 GetSessionld 화면 요소로 업데이트됩니다.
-
화면 요소 아래의 +를 클릭하여 플로에 할당 요소를 추가합니다.
이 단계는 세션 ID를 저장할 변수를 만듭니다. 이름을 StoreSessionld로 지정합니다.
-
데이터 유형이 텍스트로 설정된 상태에서 이름이 Messaging Sessionld인 변수를 만들고 입력에 사용 가능 및 출력에 사용 가능을 선택합니다.
Messaging Sessionld 변수를 화면 구성 요소의 값(GetSessionld.Sessionld)에 할당합니다. 변수를 만드는 방법에 대한 자세한 내용은 플로 변수 알아보기를 참조하십시오.
3단계: 배송비 할당
- 할당 요소를 추가하고 이름을 SaveShippingAmount로 지정합니다.
-
데이터 유형이 숫자로 설정된 ShippingAmount 변수를 만듭니다.
배송 금액 변수에 값을 할당합니다(예: 10).
4단계: 결제 라인 항목 가져오기
- 작업 요소를 추가하여 결제 라인 항목을 제공하는 Apex 클래스를 호출합니다.
- 검색 작업 아래에서 PaymentMessageLineltems 작업을 검색하여 선택합니다.
- 작업에 GetPaymentLineltems로 레이블을 지정합니다.
- 출력 자원 보기 아래에서 수동으로 변수 할당(고급)을 선택합니다.
-
출력 값 저장 아래에서 검색 상자를 클릭하여 PaymentLineltems라는 변수를 만듭니다.
-
데이터 유형을 Apex 정의됨으로 설정하고,
RichMessaging_PaymentLineltemApex 클래스를 선택한 다음, 다중 값 허용(컬렉션)을 선택합니다. - 입력에 사용 가능 및 출력에 사용 가능을 선택합니다. PaymentLineltems 변수에 출력을 할당합니다.
-
데이터 유형을 Apex 정의됨으로 설정하고,
- 완료를 클릭합니다.
5단계: 결제 총액 가져오기
- 작업 요소를 추가하여 총 결제를 제공하는 Apex 클래스를 호출합니다.
- 검색 작업 아래에서 결제 총액 작업을 검색하고 선택합니다.
- 작업에 GetPayment Total 레이블을 지정합니다.
- 출력 자원 보기 아래에서 수동으로 변수 할당(고급)을 선택합니다.
-
매장 출력 값 아래에서 검색 상자를 클릭하여 결제 총액이라는 변수를 만듭니다.
- 데이터 유형을 Apex 정의됨으로 설정하고 RichMessaging_PaymentTotal Apex 클래스를 선택합니다. 다중 값을 허용하지 마십시오. 지불 총액 변수에 출력을 할당합니다.
- 입력에 사용 가능 및 출력에 사용 가능을 선택합니다.
- 완료를 클릭합니다.
6단계: 주문 컨텍스트 가져오기
- 작업 요소를 추가하여 주문 컨텍스트 또는 세부 사항을 제공하는 Apex 클래스를 호출합니다.
- 검색 작업 아래에서 PaymentOrderContext 작업을 검색하여 선택합니다.
- 작업을 GetPaymentOrderContext로 레이블을 지정합니다.
- 출력 자원 보기 아래에서 수동으로 변수 할당(고급)을 선택합니다.
-
출력 값 저장 아래에서 검색 상자를 클릭하여 이름이 OrderContext인 변수를 만듭니다.
- 데이터 유형을 Apex 정의됨으로 설정하고 RichMessaging_OrderContext Apex 클래스를 선택합니다. 다중 값을 허용하지 마십시오. OrderContext 변수에 출력을 할당합니다.
- 입력에 사용 가능 및 출력에 사용 가능을 선택합니다.
- 완료를 클릭합니다.
7단계: 결제 시작하기
- 결제 시작을 위해 Apex 클래스를 호출할 작업 요소를 추가합니다.
- 검색 작업 아래에서 PaymentInitiations 작업을 검색하여 선택합니다.
- 작업에 GetPaymentInitiations 레이블을 지정합니다.
- 출력 자원 보기 아래에서 수동으로 변수 할당(고급)을 선택합니다.
-
출력 값 저장 아래에서 검색 상자를 클릭하여 PaymentInitiations라는 이름의 변수를 만듭니다.
- 데이터 유형을 Apex 정의됨으로 설정하고, RichMessaging_PaymentInitiation Apex 클래스를 선택한 다음, 다중 값 허용(컬렉션)을 선택합니다. PaymentInitiations 변수에 출력을 할당합니다.
- 입력에 사용 가능 및 출력에 사용 가능을 선택합니다.
- 완료를 클릭합니다.
8단계: 결제 구성 요소 보내기
-
화면 요소를 추가하여 사용자의 입력을 수집하거나 사용자에게 정보를 표시하는 대화형 인터페이스를 만듭니다.
SendPaymentComponent로 레이블을 지정합니다.
- 구성 요소 아래에서 검색 상자에 고급 메시지를 입력한 다음, 고급 메시지를 선택합니다.
-
속성 아래에서 필수 세부 사항을 선택합니다.
- Messaging 세션 ID로 Messaging 세션ld 변수를 선택합니다.
- Messaging 구성 요소 이름에서 결제 Messaging 구성 요소 이름을 선택합니다. 예를 들어, 샘플 WhatsApp 결제 구성 요소입니다.
- 생성한 Apex 정의 변수에 표준 매개 변수를 매핑합니다.
- 결제 라인 항목 매개 변수: PaymentLineltems
- 결제 총액 매개 변수: 결제 총액
- 주문 컨텍스트: OrderContext
- PaymentInitiations: PaymentInitiations
-
사용자 정의 매개 변수 구성을 클릭합니다.
- 매개 변수 이름에서 shipping_mount를 선택합니다.
- 매개 변수 값 유형에서 변수를 선택합니다.
- 변수에서 ShippingAmount 변수를 선택합니다.
- 추가를 클릭합니다.
- 완료를 클릭합니다.
이 기사를 통해 문제를 해결했습니까?
개선을 위한 의견을 보내주세요.
