[REST API] Rest API 전용 서비스앱 만들기 02

앞전에 만든 REST API들을 다른 어플리케이션에서 사용하려면 어떻게 해야할까?

→Public Server Action 을 만들어 호출.

 

 

사용하고자하는 내역을(여기서는 GetPayments의 Response) 복사해서 만들어둔 Server Action에 붙여넣는다.

 

붙여넣고 나면 오류가 나는데, 

Data 탭에서 Structures를 public으로 바꿔주면 해결.

 

---

drag & drop으로 액션에 GetPaymentIntents를 넣어준다.

불러온 값을 할당(Assign)으로 세팅해주고 이름을 알아보기 쉽게 변경.

이제 서비스 앱은 완료되었고, 새로운 어플리케이션을 만들어 화면에 출력하는 연습을 할 것.

 

 

---

 

 

새로운 어플리케이션 만들기 귀찮아서 기존에 사용하던 TestApp 애플리케이션에 화면만 추가했다.

보여주고자 하는 화면에 테이블 엘리먼트를 넣고, 마우스 우측 클릭 > Fetch Data From Other Source 클릭

 

GetPayments라는 Data Action 을 생성해주고,

플러그 모양의 아이콘 클릭하여 Manage Dependencies 에서 Stripe를 가져온다.

전체 선택 후 Apply.

 

제대로 불려왔는지 Logic 탭 > Server Actions 에서 확인.

 

드래그앤드롭으로 ListPayments 액션을 GetPayments에 세팅.

 

output도 직관적으로 알 수 있게 Payments로 이름 변경하고, 데이터 타입을 GetPaymentIntentsResponse로 변경.

 

 

액션 성공 후, Output변수 Payments 에 ListPayments.Payments 를 할당.

화면으로 돌아와서 보여주길 원하는 데이터를 드래그앤 드롭.

 

테이블에 정보가 잘 구성됨.

 

필요없는 컬럼 헤더를 선택하여 상단의 컬럼제거 버튼 클릭.

sort attribute 를 각각 Id, Amount 로 변경

 

---

 

 

REST API에 대한 인증을 구성하기 위해 Stripe 모듈로 이동.

 

서비스 헤더에서 톱니바퀴 아이콘을 눌러 개발자 콘솔로 이동

Intergrations에서 애플리케이션에서 이용중인 API 목록을 확인할 수 있다.

 

 

영상에서는 username만 입력하면 된다고 했지만, API추가할 때 비밀번호도 동일하게 입력안해주면 문제가 생겼어서 password 란에도 함께 입력 후 Apply.

 

정상 적용

 

정상출력 확인.

 

 

+ 사실.... 개발자콘솔 가기전에 했을때도 잘나오긴했음...(머슥)