상세 컨텐츠

본문 제목

[Cordova]Config.xml

WEB & Mobile

by mobile 2015. 4. 28. 16:09

본문

반응형

■ Config.xml 설정

대부분의 모바일 환경하의 애플리케이션은 기본적인 초기값 설정을 제공한다. 이러한 초기값 설정을 config.xml 파일을 이용하여 제어하고 있으며 프로젝트의 루트 경로에 config.xml 파일을 제공하고 있다.

코도바가 참조하는 config.xml의 스키마는 W3C 사양을 기초로 한다.


- Packaged Web Apps(Widgets) - Packaging and XML Configuration

http://www.w3.org/TR/widgets/


- sample project 생성

cordova create cordovaconfig com.cbcho.cordovaconfig CordovaConfig


- 생성 폴더 확인


- config.xml 파일 확인


<?xml version='1.0' encoding='utf-8'?>

<widget id="com.cbcho.cordovaconfig" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">

    <name>CordovaConfig</name>

    <description>

        A sample Apache Cordova application that responds to the deviceready event.

    </description>

    <author email="dev@cordova.apache.org" href="http://cordova.io">

        Apache Cordova Team

    </author>

    <content src="index.html" />

    <plugin name="cordova-plugin-whitelist" version="1" />

    <access origin="*" />

    <allow-intent href="http://*/*" />

    <allow-intent href="https://*/*" />

    <allow-intent href="tel:*" />

    <allow-intent href="sms:*" />

    <allow-intent href="mailto:*" />

    <allow-intent href="geo:*" />

    <platform name="android">

        <allow-intent href="market:*" />

    </platform>

    <platform name="ios">

        <allow-intent href="itms:*" />

        <allow-intent href="itms-apps:*" />

    </platform>

</widget>


[태그 속성]

- widget

id : 앱의 id를 나타낸다.

version : 버전을 Major.Minor.Patch순으로 나타낸다.

android-versionCode : 안드로이드의 추가 버전을 나타낸다.

ios-CFBundleVersion : iOS의 추가 버전을 나타낸다.


- name : 앱의 정식 명칭을 나타낸다.

- description : 앱에 대한 설명을 나타낸다.

- content : asset 폴더의 시작페이지를 나타낸다. 일반적으로 top 레벨은 www 디렉터리상의 index.html을 갖는다.

- access : 접속을 허용할 도멘인을 나타낸다.

- preference : name과 value 특성에 맞게 플랫폼의 고유한 속성을 설정한다.


[Global Preference]

- 전체화면 설정

<preference name="FullScreen" value="true" />


- 화면의 방향 : defaule - portrait

<preference name="Orientation" value="landscape" />


- 스크롤 효과 

<preference name="DisallowOverscroll" value="false" />


- 배경색 지정

: 색상은 0x 뒤의 두 자리는 알파 값, 다음 2자리는 RED, 다음 2자리는 GREEN, 다음 2자리는 BLUE의 16진수 표현이다.

<preference name="BackgroundColor" value="0xffff0000" />


■ 설정 반영

cordova prepare -d


※ 실행된 프로그램에 한글 표현이 제대로 되지 않는 경우에는 index.html 파일에 아래의 meta tag를 입력해야 한다.

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

반응형

'WEB & Mobile' 카테고리의 다른 글

[HTML5]뷰포트 meta 태그  (0) 2015.05.01
[CSS]CSS 초기화 코드  (0) 2015.04.30
[Cordova]아파치 리플  (0) 2015.04.05
[Cordova]Cordova plugman  (0) 2015.04.05
[Cordova]Cordova Plugin  (0) 2015.04.05

관련글 더보기

댓글 영역