finpong_plus 0.0.7 copy "finpong_plus: ^0.0.7" to clipboard
finpong_plus: ^0.0.7 copied to clipboard

Finpong Plus Widget

finpong_plus #

HectoData MyData Platform FinpongPlus

Getting Started #

Finpong Guide


1. 사전준비 #

  • package link 최신버전 확인
  • 사설 인증앱에서 인증 완료 후 나의 앱으로 복귀를 위해 IOS, AOS 각 scheme값 설정 필수

1.1 pubspec.yaml 추가 #

  • 서비스 앱 pubspec.yaml 의 dependencies에 추가합니다.
dependencies:
  finpong_plus: ^x.y.z

또는 터미널에서

$ flutter pub add finpong_plus

2. FinpongPlus 실행하기 #

2.1 Application 에 아래의 내용을 추가합니다. #

  • FinpongPlusWidget을 원하는 위치에 생성합니다.
  • 반드시 token을 발급 받아야 합니다.
import 'package:finpong_plus/finpong_plus.dart';

FinpongPlusWidget(  
		  token: 'eyJ0e...QINWU',  
		  entry: '1',  
		  serverMode: ServerMode.dev,  
		  backgorundColor: Colors.white,  
		  onUriScheme: (type, scheme) {  
		  //사설 인증서 호출 (앱스킴 실행)  
		  },  
		  onCustomAction: (pageId, params) {  
		  //사전 정의된 핀퐁플러스의 액션을 앱에서 처리를 위함  
		  },  
		  onCloseAction: () {  
		  //핀퐁플러스 닫기  
		  },  
		  onPageLoadStarted: () {  
		  //핀퐁플러스 페이지 로드 시작  
		  },  
		  onPageLoadFinished: () {  
		  //핀퐁플러스 페이지 로드 종료  
		  },  
)

필수(required) #

  • token :String - 발급 받은 token 값을 입력
  • onUriScheme(String type, String appScheme) - 핀퐁플러스에서 사설 인증서 앱 호출
  • onCustomAction(String pageId, String params) - 사전 정의된 핀퐁플러스 액션을 처리
  • onCloseAction( ) - 핀퐁플러스에서 종료 이벤트 발생

선택(optional) #

  • entry :String - 초기 페이지를 설정 (2.2 참고)
  • serverMode :ServerMode - release, staging, dev 3가지 모드를 설정 가능 (2.3 참고)
  • backgorundColor:Color - 실행시 기본적으로 적용될 배경색을 적용
  • onPageLoadStarted( ) - 페이지 로드 시작 이벤트
  • onPageLoadFinished( ) - 페이지 로드 종료 이벤트

2.2 entry 설명 #

entry 진입 페이지
"0" 기본(default) 페이지
"1" 설정된 커스텀 페이지
  • 커스텀하게 추가 가능

2.3 ServerMode 설명 #

mode 내 용 URL
DEV Develop Page (개발 화면) dev.codef.io
STAGING Staging Page (개발 진행 시) tapi.finpong.com
RELEASE Product Page (운영 시) api.finpong.com

3. 사설인증서 호출하기 #

간편인증 기관 type(String) packageName
네이버 1 com.nhn.android.search
토스 3 viva.republica.toss
핀퐁 4 com.finpong.app

3.1 아래의 내용을 추가 합니다. (인증 앱의 스킴값을 받아 실행시키거나, 미설치시 설치 페이지로 이동하도록 합니다) #

	onUriScheme: (type, scheme) {  
		/**  
		 * todo  
		 * 앱스킴으로 해당 사설 인증앱 실행 코드 작성  
		 * 앱 미설치일 경우 설치 유도 코드 작성  
		 */
	}
  • 사설 인증앱에서 인증 완료 후 나의 앱으로 복귀를 위해 IOS, AOS 각 scheme값 설정하여야 합니다.

4. FinpongPlus와 Application 통신하기 #

4.1 아래 내용을 추가 합니다. (사전에 협의된 커스텀 동작 및 이벤트를 추가합니다) #

	onCustomAction: (pageId, params) {  
	  //사전 정의된 핀퐁플러스의 액션을 앱에서 처리  
	  switch(pageId){  
	  case 'ACT1000':  
	      //ACT1000으로 정의한 액션을 받고 param으로 json 데이터를 받음  
	  break;
	  case 'ACT2000':
	      //toDo
	  break;  
	  ...  
	  }  
	}

(!) ACT1000: FinpongPlus의 버튼ID를 ACT1000 으로 정의 한 경우.
(!) ACT2000: FinpongPlus의 버튼ID를 ACT2000 으로 정의 한 경우.