ionic 상용 플러그인 tips

2398 단어 hybrid-appionic
본고는 플러그인에 대한 상세한 설명이 아니라 회사의 온라인 프로젝트에서 사용된 각종 플러그인과 부딪힌 구덩이를 나열할 뿐입니다. 만약에 플러그인에 대해 자세히 알고 있다면 공식github에 가서 확인하시기 바랍니다.
ionic 플러그인 설치 방법: ionic plugin add pluginName
내가 직접 플러그인을 찾는 방식: 먼저ngcordova, 그 다음은cordova공관(cordova공관은 약간 구덩이가 있으니 제발 자신의 cordova버전에 주의하고 만년이 지나지 않은 플러그인을 찾지 마라. 자꾸 만들어지지 않는다).
플러그인은 각종 원본 코드로 작성된 것이기 때문에ionic 개발자들은 틈이 나면 원생을 많이 볼 수 있고 구덩이에 부딪히면 스스로 고칠 수 있다.
cordova-plugin-app-version
app 버전 플러그인, app 업데이트를 알림하는 데 사용됩니다.
사용 방법:
     :cordova.getAppVersion.getVersionNumber()

tips:iOS는 버전 검사를 하지 마세요. 왜냐하면 앱에서 이 기능을 제거해야 하기 때문입니다!!!
cordova-plugin-console
이름만 봐도 알 수 있습니다. js 파일의 콘솔을 xcode나android 스튜디오 컨트롤러에서 js의 콘솔을 볼 수 있도록 합니다.
tips: 디버깅 신기.
cordova-plugin-geolocation
이 플러그인은 매우 멋지다. 원생api를 호출하고 인터페이스를 w3c 표준으로 만들었다. 쉽게 말하면 당신의 포지셔닝 관련 코드는 한 번만 쓰면 앱과 브라우저 양쪽을 달릴 수 있다.
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
    console.log("navigator.geolocation works well");
}

deviceready는cordova-plugin-device 플러그인에 의존해야 합니다.
tips:
4
  • iOS 장치는 지원도가 매우 높고 포지셔닝 효과도 좋아서 안드로이드 일부 장치는 포지셔닝을 받을 수 없습니다.만약 포지셔닝에 대한 요구가 매우 높다면, 원생과 결합하여 하는 것이 가장 좋다

  • 4
  • 위의 예에서 deviceready에서 출발한 후에 포지셔닝을 완성해야 한다. 그렇지 않으면 iOS에서 두 번의 문제를 제시할 수 있다

  • cordova-plugin-inappbrowser
    앱에서 웹 페이지를 열려면 이 플러그인이 필요합니다.사용법은 Geolocation과 유사해서, 그는 호환성을 했고, 직접 window를 사용했다.오픈하면 됩니다.
    tips:ionic에서 a 탭 텔레콤이 전화를 호출할 때 문제가 발생할 수 있습니다: 클릭 이벤트에서 window.open("tel:"+ 800xxxxxxx, "_system");
    cordova-plugin-splashscreen
    앱에 들어간 화면이 바로 이 플러그인을 사용한 것이다.
    tips:ionic는 ionic resource의 그림 작업 흐름을 제공합니다. 즉, 그는 각종 사이즈의 splash 그림을 자동으로 생성합니다.그러나 주의해야 할 것은 xml에 있어야 한다는 것이다.config에 완전하게 추가하지 않으면 일부 기종에 그림이 있고 일부 기종은 여전히 코도바 로고의 상황이 나타날 수 있습니다.
    cordova-plugin-statusbar
    상태 표시줄 플러그인, 개발자가 상태 표시줄을 정의하는 것을 지원합니다.사용 방식은readme를 참고하면 간단하고 실용적인 플러그인입니다.
    ionic-plugin-keyboard
    키보드 플러그인은 앱의 입력상자에서 키보드를 꺼낼 수 있도록 하는 것이다.이것은 ionic 작가의 프로젝트이니 나는 더 이상 말을 하지 않겠다.
    tips:app를 초기화하여 정의하면 됩니다.
    cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
    cordova.plugins.Keyboard.disableScroll(true);
    

    cordova-plugin-x-toast
    네이티브 토스트 힌트, 안드로이드로 아시겠지만 네이티브 앱 같은 힌트, ionic도 할 수 있어요.사용법이 많으니 그github를 참고하세요.
    tips:ngcordova에서 내렸기 때문에 $cordovaToast를 직접 사용하면 됩니다.

    좋은 웹페이지 즐겨찾기