WebSquare

WebSquare5 Hybrid와 Cordova

yangcotton 2021. 4. 23. 14:51

Cordova(코르도바)

HTML, CSS, JavaScript로 작성한 컨텐츠를 담을 수 있는 네이티브 래퍼를 제공, 작성한 웹 컨텐츠를 각 장치의 네이티브 래퍼에 포함 가능하다.
 

Java, Objective-C 등의 native code 없이 앱을 만들수 있다. 

 

각 플랫폼의 네이티브 개발 언어를 제외한 크로스 플랫폼개발을 위한 HTML5, CSS3, Javascript 등 웹표준 기술의 사용을 가능하게 한다.

 

지원 플랫폼

Android, iOS, Windows, blackberry, Palm WebOS, Bada, Symbian 

	scwin.preProcess = function() {
		cordova.exec(scwin.getSuccessCallback, scwin.getFailCallback, "Plugin", "getId", [] );
	};
	

 


**코르도바 설치**

npm install -g cordova

 

**프로젝트 생성**

cordova create MyApp

 

**플랫폼 추가**

cd MyApp cordova platform add browser

 

**플랫폼 빌드**

cordova build browser

 

**플랫폼 설치 확인**

> cordova platform ls

> cordova requirements

 

**플러그인 설치**

> cordova plugin add cordova-plugin-device

> cordova plugin add cordova-plugin-inappbrowser

> cordova plugin add cordova-plugin-splashscreen

 

**앱에서 실행**

cordova run browser

 

WebSquare5 Hybrid

WebSquare Hybrid는 Cordova를 기반 프레임워크로 사용한다.

 

특징 및 기능

-모바일 장치 및 하이브리드 앱에 최적화된 WebSquare Engine 사용하는 하이브리드 앱 개발 플랫폼으로 모바일 환경에 부적합한 일부 컴포넌트 제외한 WebSquare5와 동일한 기능 지원한다.

-모바일 환경에 특화된 컴포넌트 제공한다. (예: DatePicker, Slider, Spinner 등)

- 앱 스토어를 거치지 않고 변경된 내용만 인-앱 업데이트

- Plug-in을 통해 네이티브 기능 접근 (Native 기능 사용 가능)

- SPA 모드 지원.
 -최신 WebView 지원으로 간편한 유지보수가 가능하다.

 

****

앱투앱으로 연동하여서 앱a를 타고 앱b를 들어갈 경우 cordova를 이용해 별도의 로그인 없이 사용 가능 하게 구현하였었다.