brunch

폰갭에서 네이티브 메시지 출력

폰갭의 네이티브 메시지 출력

폰갭에서 alert 를 이용해서 메시지를 출력하면 실행은 되지만 그다지 보기 싫어 집니다.

안드로이드는 안드로이드 원래의 메시지 형태가 있는데 어플에서 alert를 이용하는건 퀄리티 문제에서 생각을 해 봐야 되는 문제 입니다.


폰갭에서는 미리 준비되어 있습니다. 플러그인을 적용하고 각종 메시지 창을 출력하면 됩니다.

msg.PNG

이런데 이 메시지를 출력하기 위해서는 플러그인이 config.xml에 선언 되어 있어야 합니다.

설정할때는 adobe 의 클라우드 서비스를 이용하여 개발하므로 다음과 같이 설정해 주시면 됩니다.


config.xml에 다름과 같이 설정합니다.


의뢰로 간단합니다.

<gap:plugin name="org.apache.cordova.dialogs" spec="0.3.0" source="pgb" />

이렇게 선언하고 명령은 다음과 같습니다.

위와같이 함수를 만들어서 사용하시면 됩니다.


여기서 사용하는 함수는 몇가지됩니다. 아래 참고하세요.

스크린샷 2016-04-17 15.29.41.png

폰갭에서 alert,confirm,prompr,beep 사용가능합니다.


위 함수를 응용하면 아래와 같이 사용가능합니다.


Screenshot_2016-04-17-15-19-13.png


네이티브 메시지로 출력한 예입니다.


소스는 의뢰로 간단합니다.


navigator.notification.confirm(

"끝내시겠습니까?", // message

onEnd, // callback to invoke with index of button pressed

'종료확인', // title

['종료','취소'] // buttonLabels

);


이렇게 정리하시면 onEnd 함수를 실행하게 됩니다.


function onEnd(results) {

var results=results;

if (results=='1') {

navigator.app.exitApp();

}

}

onEnd는 result 값에 ['종료','취소'] 이렇게 버튼이 나타나면 종료의 경우1 취소의 경우 2 가 전달됩니다.


이 되도록 모바일 웹을 연결하셔서 어플을 만들지 마시고 ajax로 폰갭 내부에서 처리하시는게 만들기도 편하고 사용하시기도 편합니다.


폰갭 앞으로 기초 부터 조금식 열도록 할겁니다. 하지만 말씀대로 매일 매일조금씩 등록 하도록 하겠습니다.

감사합니다 .




keyword
매거진의 이전글폰갭으로 QRCODE 읽기