코르도바(폰갭) 시절 하이브리드 앱 서비스를 제공하기 위해 만들었던 하이브리드 앱 프레임워크가 어떻게 구성되어 있는지에 대한 간략한 슬라이드입니다.

1. 하이브리드 앱 프레임워크의 구성
어떻게 하이브리드 앱 프레임워크를 구성하는가?
(코르도바 시절의 이야기입니다)

2. 네이티브 매니저

3. 네이티브 매니저
매니저 설명
AViewStackManager 안드로이드의 액티비티, iOS의 뷰 컨트롤러 스택을 관리한다.
예) 뷰스택의 가장 위 컨트롤러를 종료, 뷰스택 전체에 콜백 함수 수행
AViewManager 각종 네이티브 뷰 관련 기능을 관리한다.
예) 토스트 메시지 띄우기, 액티비티(뷰 컨트롤러) 띄우기
AWebViewManager 웹뷰 관련 기능을 관리한다.
예) 웹 페이지 표시하기, 콜백 실행하기
ADeliveryStoreManager 안드로이드의 SQlite, iOS의 NSUserDefaults 에 데이터를 저장한 뒤 웹뷰에서 등록한 콜백이 실행한다.
예) 사진 촬영 파일의 Base64 데이터가 준비되면 웹뷰의 콜백을 호출, 웹뷰에서 사진 데이터를 표시한다.

4. 네이티브 매니저 기능을 조합해 동작 수행
• 네이티브 동작은 각종 매니저의 기능 조합을 통해 이루어진다.
• 위의 동작은 로그아웃 동작으로
• 키체인 매니저에서 계정 관련 정보를 제거한 뒤 뷰스택에 쌓인 뷰들을 차례로 종료하고, 최종적으로 인트로 페이지로 이동하는 동작을 수
행한다.

5. 네이티브 인터페이스

6. 네이티브 인터페이스
• 리퀘스트의 스키마 등을 구분한다.
• 리퀘스트에 해당하는 네이티브 매니저에 파라미터를 전달한다.
• 네이티브 매니저는 해당 파라미터를 바탕으로 각종 네이티브 기능을 수행한다.

7. 예) 토스트 표시하기

8. 뷰 스택 매니저

9. 뷰 컨트롤러
ABaseWebVi
ew
ABaseWeb
ViewActivit
yController
1) ABaseWebViewActivityController 는 최소 한개의 A2BaseWe
bView 와 기타 네이티브 UI 들로 이루어져 있다.
2) 해당 액티비티 컨트롤러가 새 컨트롤러를 띄우면서 앱을 구성하
게 된다.

10. 뷰 스택
ABaseWebVi
ew
ABaseWeb
ViewActivit
yController
1) 웹뷰 컨트롤러에서 웹뷰 컨트롤러를 띄우면 다음과 같은 뷰 스
택이 생성된다.
2) 뷰 스택에서 뷰 컨트롤러가 제거될 때, 미리 지정해둔 동작이 실
행된다. 예) parent 새로 고침 하기 등ABaseWebVi
ew
ABaseWeb
ViewActivit
yController

11. 뷰 스택 - Push
메인 피드 메인 피드
새창A (기본)
메인 피드
새창A (기본)
새창B
(옵션 : 포인트 업데이트 수행)
인트로
P
U
S
H
P
U
S
H

12. 뷰 스택 - Pop
메인 피드
새창 (기본)
메인 피드
새창A (기본)
새창B
(옵션 : 포인트 업데이트 수행)
POP!
포인트 업데이트 수행

13. 딜리버리 스토어
네이티브 메서드, 메시지의 결과 값을
웹뷰에 콜백 방식으로 전달한다.

14. 내부 DB에값 저장
- 안드로이드의 SQLite, iOS의 NSUserDefaults 에 값을 저장합니다.
- CRD 가능, U는 C로 대체합니다.
- 안드로이드의 경우 웹뷰에 직접 값을 리턴할 수 있으나, iOS와 동일한 방식을
사용하기 위해 내부 DB에 값을 저장합니다.
- 웹뷰에서는 다음 처럼 값을 불러와 펑션을 실행할 수 있습니다.
- nativeUtil.deliveryStore.getStoreData(sKey, fCallback);

15. Order, Arrive
딜리버리 스토어의 동작은 음식점에 배달 음식을 시키는 것을 생각해보면 쉽게 알 수 있습니다.
1) 주문하면
2) 도착한다(받는다)
order 로 키와 콜백을 주문하면 앱 에서 arrive를 호출합니다.
이 때, order에 등록해둔 키와 콜백이 실행됩니다.
1) DeviceInfo 를 주문하고,
2) info() 를 실행시키면 웹뷰가 arrive 를 호출해준다.
3) 이 때, order 에 등록해둔 콜백이 실행된다.