PhoneGap 안드로이드 알림창 띄우기

이번 포스팅에서는 폰갭을 이용하여 알림창과 컨펌창 띄우는걸 해볼꺼에요.

[Phonegap] javascript Event 추가하기 포스팅에서 작성한 소스에서 조금만 수정하면 된답니다.





< PhoneGap 안드로이드 알림창 띄우기 >
 

document.addEventListener("deviceready", onDeviceReady, false); 

이부분은 저번 포스팅에서 어플이 시작되었을때 발생시킬 이벤트를 정의 하는 것이라고 설명드렸습니다.


그렇다면 어플이 시작되었을때 알림창을 띄우려면 onDeviceReady 이 이벤트 안에 코드를 추가해주면 되겠지요??

일반 alert()로도 알림창을 띄울수 있지만, 폰갭 api를 보니 미리 정의된 알림창이 있었습니다. 


  ※ 폰갭 notification api 참조는 요기로
  http://docs.phonegap.com/en/1.0.0/phonegap_notification_notification.md.html  


미리 정의된 알림창을 이용하려면

navigator.notification.alert(알림메시지, 알림창을 닫고 실행할 이벤트, 알림창 타이틀, 버튼이름);

요렇게 해주시면 사용가능합니다.
( 스크립트 소스만 따로 분리했어요.. )

    

document.addEventListener("deviceready", onDeviceReady, false);        

function onDeviceReady() {            
   navigator.notification.alert("알림메시지 입니다.", alertCallback, "알림", "확인");        
}        

function alertCallback(){

}    

아래 이미지처럼 소스를 완성해주시면 됩니다.

실행시켜보면~