본 가이드는 전자정부 표준프레임워크에서 제공하는 모바일 디바이스 API 실행환경, 개발환경, 가이드프로그램의 적용 및 실습을 위한 기본 환경 구축 내용이다. 빠른 시간 내에 모바일 디바이스 API 활용 하이브리드 앱 개발을 위한 기본 기능을 활용하기 위해 3단계 따라하기 방식으로 진행된다.
전자정부 표준프레임워크 기반의 웹 어플리케이션과 모바일 디바이스 API 실행환경 기반의 앱 어플리케이션 개발 및 실행을 위한 구현도구의 환경정보는 다음과 같다
항목 | 설명 | 비고 |
---|---|---|
운영체제 | macOS 10.10.4 (Yosemite) 이상 | |
SDK | Cocoa Touch | |
iOS Version | iOS 8.0 이상 | |
개발도구 | XCode 7.0 이상 | LLVM컴파일러 내장(GCC개선) |
개발가능언어 | Objective-C, C++, Swift | Native Language |
Cordova | v8.1.2 | Cordova Device v4.5.5 |
1) Finder > 응용프로그램에서 맥용 App Store를 실행한다.
2) xcode를 검색한후 “받기”를 클릭하여 다운로드 받는다. 앱스토어에서 설치까지 자동으로 진행된다.
3) 라이센스 동의창에서 Agree를 누른다.
3) 남은 설치과정이 진행된다.
4) 설치가 완료되면 Finder를 열어 응용프로그램에서 XCode 생성 여부를 확인한다.
5) 설치시 오류나 기타 사항은 애플 개발자 사이트를 참고한다.
1) 아파치 코도바 사이트에서 인스톨 페이지를 선택한다.
2) 코도바 버전 3.x 이후 버전에서는 CLI툴을 이용하여 다운로드 받도록 변경되었다. 터미널에서 다음과 같은 명령어로 설치한다.
$ sudo npm install -g cordova@8.1.2
Cordova 업데이트로 프로젝트 생성방식의 변경으로 표준프레임워크 모바일 디바이스 API 2.5버젼에서 제공하였던 XCode 템플릿은 사용할 수 없다.
1) 다운로드.
- 디바이스 API 실행환경 : Click
2) 압축을 풀고 프로젝트 파일(.xcodeproj)을 더블클릭하여 XCode를 실행한다.
3) 상단의 시뮬레이터 혹은 디바이스를 선택하여 빌드할 대상을 지정한다.
4) xCode 메뉴 Proudct > Menu를 선택하여 빌드가 정상적으로 수행되는지 테스트 한다.
5) xCode 중앙에 빌드 성공여부를 확인 한다.
6) 디바이스에서 테스트할 경우, Apple 개발자 인증서가 있어야 된다. 인증서 취득 과정은
Click에서 참조할 수 있다.
디렉토리 | 파일 | 비고 |
---|---|---|
www/css/egovframework/mbl/cmm/ | EgoMobile-1.4.5.css | 모바일 실행환경 공통 css 파일 |
www/css/egovframework/mbl/cmm/ | jquery.mobile-1.4.5.css | query mobile 의 css 파일 |
www/css/egovframework/mbl/cmm/ | theme-1.1.1.css | 테마 파일 |
www/css/egovframework/mbl/cmm/swipebutton/ | jquery-mobile-custom.css | swipebutton 관련 css 파일 |
www/js/egovframework/mbl/cmm/ | cordova.js | cordova의 js 파일 |
www/js/egovframework/mbl/cmm/ | EgovComeModuleAPI.js | 디바이스API 공통 js 파일 |
www/js/egovframework/mbl/cmm/ | EgovMobile-1.4.6.js | 모바일 실행환경의 공통 js 파일 |
www/js/egovframework/mbl/cmm/ | jquery-2.1.4.min.js | jQuery 의 js 파일 |
www/js/egovframework/mbl/cmm/ | jquery.mobile-1.4.5.min.js | jQuery Mobile 의 js 파일 |
www/js/egovframework/mbl/cmm/ | jquery.validate.min.js | Validation 관련 js 파일 |
www/js/egovframework/mbl/cmm/ | json2.js | json 관련 js 파일 |
www/js/egovframework/mbl/cmm/ | modernizr-3.6.0.js | Device API 확인을 위한 공통 js 파일 |
www/js/egovframework/mbl/cmm/swipebutton/ | jquery-mobile-custom.js | swipebutton 관련 js 파일 |
projectName/EgovPlugins/ | EgovInterface.h | 디바이스API표준 통신 구현 파일 |
projectName/EgovPlugins/ | EgovInterface.m | 디바이스API표준 통신 구현 파일 |
projectName/EgovPlugins/ | EGovComModule.h | 실행환경 통신 모듈 |
projectName/EGovComModuleStaticLibrary/ | EGovComModule.xcodeproj | 실행환경 통신 모듈(libEGovComModule.a) |
projectName/ | config.xml | Cordova(PhoneGap) 설정 파일 |
projectName/ | ProjectName-Info.plist | 어플리케이션 설정 파일 |
유형 | 배포형태 | 다운로드URL | 관련페이지 |
---|---|---|---|
다운로드 | zip | 다운로드 바로가기 | 실행환경 가이드 바로가기 |
Accelerator | zip | 다운로드 바로가기 | Accelerator 가이드 바로가기 |
Camera | zip | 다운로드 바로가기 | Camera 가이드 바로가기 |
Compass | zip | 다운로드 바로가기 | Compass 가이드 바로가기 |
Contacts | zip | 다운로드 바로가기 | Contacts 가이드 바로가기 |
Device | zip | 다운로드 바로가기 | Device 가이드 바로가기 |
FileReadWriter | zip | 다운로드 바로가기 | FileReadWriter 가이드 바로가기 |
GPS | zip | 다운로드 바로가기 | GPS 가이드 바로가기 |
Interface | zip | 다운로드 바로가기 | Interface 가이드 바로가기 |
Media | zip | 다운로드 바로가기 | Media 가이드 바로가기 |
Network | zip | 다운로드 바로가기 | Network 가이드 바로가기 |
Vibrator | zip | 다운로드 바로가기 | Vibrator 가이드 바로가기 |
PushNotifications | zip | 다운로드 바로가기 | PushNotifications 가이드 바로가기 |
FileOpener | zip | 다운로드 바로가기 | FileOpener 가이드 바로가기 |
StreamingMedia | zip | 다운로드 바로가기 | StreamingMedia 가이드 바로가기 |
Barcodescanner | zip | 다운로드 바로가기 | Barcodescanner 가이드 바로가기 |
WebResourceUpdate | zip | 다운로드 바로가기 | WebResourceUpdate 가이드 바로가기 |
DeviceFileMgmt | zip | 다운로드 바로가기 | DeviceFileMgmt 가이드 바로가기 |
JailbreakDetection | zip | 다운로드 바로가기 | JailbreakDetection 가이드 바로가기 |
SocketIO | zip | 다운로드 바로가기 | SocketIO 가이드 바로가기 |
SQLite | zip | 다운로드 바로가기 | SQLite 가이드 바로가기 |
Unzip | zip | 다운로드 바로가기 | Unzip 가이드 바로가기 |