[IONIC2] IONIC2에서 안드로이드 backbutton 시 액션 적용. 


안드로이드 backButton 버튼 사용시 앱에서 처리. 앱을 종료할 것인지 아닌지 물어봄,. 


app.component.ts 에 적용해보면 된다. 

import ~~~ 
import { App, Platform, ActionSheetController,AlertController } from 'ionic-angular';


      //-- android backbutton process
      platform.registerBackButtonAction(() => {
        let navv = app.getActiveNav();
        if (navv.canGoBack()){ //Can we go back?
          navv.pop();
        }else{
          let confirm = alertCtrl.create({
            title: '앱을 종료하시겠습니까?',
            message: '',  //'OK를 선택하면 앱이 종료됩니다.',
            buttons: [
              {
                text: 'OK',
                handler: () => {
                    platform.exitApp();
                }
              },
              {
                text: 'Cancel',
                handler: () => {
                              //
                }
              }
            ]
          });
          confirm.present();
        }
      });

/*
      //-- 액션 시트를 사용한 예제
      platform.registerBackButtonAction(() => {
          let nav = app.getActiveNav();
          if (nav.canGoBack()){ //Can we go back?
              nav.pop();
          }else{
              let actionSheet = actionSheetCtrl.create({
              title: '앱을 종료하시겠습니까?',
              buttons: [
                  {
                  text: '예, 종료하겠습니다. ',
                      handler: () => {
                          platform.exitApp(); //Exit from app
                      }
                  },{
                      text: '아니오.',
                      role: 'cancel',
                      handler: () => {
                          console.log('Cancel clicked');
                      }
                  }
              ]
              });
              actionSheet.present();
          }
      });
*/


Posted by 홍반장水 홍반장水

view.ionic.io http://view.ionic.io/


- ionic 앱을 생성 후 등록해 두면 ionicView APP을 통해서 앱을 테스트 해볼수 있다. 

- 단, UIwebview로 실행이되는군. 완전히 웹 베이스로 만든 앱이면 테스트 해볼만하고, 

    wkWebview를 사용했거나 가로모드만 지원하는 앱의 경우는 테스트시 불편함이 있을 수 있다. 

- ionic 로그인이 필요하다. 





.

Posted by 홍반장水 홍반장水

Native Vs Hybrid Vs HTML5 Mobile Apps

 - http://www.pixelcrayons.com/blog/mobile/native-vs-hybrid-vs-html5-mobile-apps-which-one-is-best-for-your-business/


2017 - http://noeticforce.com/best-hybrid-mobile-app-ui-frameworks-html5-js-css

 

2016 - http://blogs.perceptionsystem.com/15-mobile-app-development-frameworks/


PhoneGap http://www.pixelcrayons.com/blog/mobile-applications/how-phonegap-app-development-service-helps-your-business/


http://phonegap.com/ 






.

Posted by 홍반장水 홍반장水