Logo Grupo NW Netwoods

Software y Apps Colombia

BLOG DE NOTICIAS

LUNES

02

Sep...

JavaScript

Cordova: Plugins indispensables

Plugins indispensables de Cordova:

 

SPLASH

cordova plugin add https://github.com/apache/cordova-plugin-splashscreen.git

 

NOTIFICATIONS PUSH

  1. cordova plugin add https://github.com/ostownsville/cordova-plugin-fcm.git, MEJORADO: cordova plugin add cordova-plugin-fcm Más info: https://github.com/fechanique/cordova-plugin-fcm
  2. Debe generar el archivo google-services.json ANDROID y/o GoogleService-Info.plist iOS en firebase de Google y ponerlo en la ubicación: name_app/platforms/android/app/ PARA ANDROID, y para iOS en platforms/ios/<Your Project>/Resources/ y platforms/ios/<Your Project>/Resources/Resources/
  3. Descargue la capeta res en este link, descomprima la carpeta y debe ponerla en la ubicación name_app/platforms/android/ y name_app/platforms/ios/

Más info: https://www.npmjs.com/package/fpmk-cordova-plugin-fcm y MEJORADO Más info: https://github.com/fechanique/cordova-plugin-fcm

 

FACEBOOK LOGIN

cordova plugin add https://github.com/jeduan/cordova-plugin-facebook4 --save --variable APP_ID="123456789" --variable APP_NAME="nameappinfb"

Más info: https://codesundar.com/cordova-plugin-facebook/
https://github.com/jeduan/cordova-plugin-facebook4

 

USAR GEOLOCATION 

cordova plugin add cordova-plugin-geolocation

Más info: https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-geolocation/

Para iOS: cordova plugin add cordova-plugin-geolocation-ios-fixed

Más info iOS: https://www.npmjs.com/package/cordova-plugin-geolocation-ios-fixed

 

DIALOGS NATIVOS

cordova plugin add cordova-plugin-dialogs

Más info: https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-dialogs/index.html
 

 NAVEGADOR INTERNO DE LA APP SIN SALIRSE

cordova plugin add cordova-plugin-inappbrowser

Más info: https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-inappbrowser/index.html

 

PROCESOS EN SEGUNDO PLANO

cordova plugin add https://github.com/katzer/cordova-plugin-background-mode.git

Más info: https://github.com/katzer/cordova-plugin-background-mode

 

PASAR A PRIMER PLANO NUESTRA APP

cordova plugin add https://github.com/markeeftb/cordova-bring-to-front

Más info: https://github.com/markeeftb/cordova-bring-to-front

 

NO PERMITIR APAGAR LA PANTALLA AUTOMÁTICAMENTE

cordova plugin add https://github.com/EddyVerbruggen/Insomnia-PhoneGap-Plugin.git

Más info: https://github.com/EddyVerbruggen/Insomnia-PhoneGap-Plugin   window.plugins.insomnia.keepAwake();

 

LOADING NATIVO

cordova plugin add cordova-plugin-spinner-dialog

Más info: https://github.com/Paldom/SpinnerDialog

 

ESCANEAR CÓDIGOS QR Y CÓDIGO DE BARRAS

cordova plugin add phonegap-plugin-barcodescanner

Más info: https://es.ourcodeworld.com/articulos/leer/29/como-generar-y-escanear-codigos-qr-en-cordova

 

SOLICITAR CUALQUIER PERMISO

cordova plugin add cordova-plugin-permission

  //uno
            nw.getPermission(['android.permission.CAMERA'], function () {
                console.log("Permisos concedidos");
            });
            //varios
            nw.getPermission([
                'android.permission.READ_PHONE_STATE',
                'android.permission.READ_EXTERNAL_STORAGE',
                'android.permission.RECORD_VIDEO',
                'android.permission.WRITE_EXTERNAL_STORAGE',
                'android.permission.ACCESS_WIFI_STATE',
                'android.permission.ACCESS_NETWORK_STATE',
                'android.permission.RECORD_AUDIO',
                'android.permission.MODIFY_AUDIO_SETTINGS',
                'android.permission.FLASHLIGHT',
                'android.permission.RECORD_AUDIO',
                'android.permission.CAMERA',
                'android.permission.MICROPHONE'
            ], function () {
                console.log("Permisos concedidos");
            });

Más info: https://www.gruponw.com/noticias-de-colombia-y-el-mundo/nwarticle/285/13/Permisos-Cordova-Camara-video-audio-cordova-plugin-permission

 

 

CAPTURAR CÁMARA Y SUBIR A SERVER

cordova plugin add cordova-plugin-camera

cordova plugin add cordova-plugin-file-transfer

Usa new FileUploadOptions();

Para nwmaker, poner type button y mode camera (solo abre la cámara) files (abre solo biblioteca) o camera_files (abre ambos) o directamente    nw.uploadFileCamera("adjunto_nombre_campo", "camera", true, file_url);

Más info: https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-camera/#module_camera.CameraOptions  https://makitweb.com/capture-and-upload-photo-to-server-with-phonegap/

 

 

ACTIVAR GPS

cordova plugin add cordova-plugin-geolocation-android-activator

Para detectar si el GPS del dispositivo esta encendido. Si no esta activo y el usuario permite usarlo se activara automaticamente

ej:

 nwgeo.gpsActivation(function (response) {
                //Success callback
                console.log(response);
            }, function (response) {
                console.log(response);
                //Failure callback
            });

 

 

OPEN WITH

Para compartir otros archivos y abrir con tu aplicación. Puedes subir directamente el archivo al servidor y enviar a otros usuarios.

cordova plugin add cc.fovea.cordova.openwith \
  --variable ANDROID_MIME_TYPE="image/*" \
  --variable IOS_URL_SCHEME=ccfoveaopenwithdemo \
  --variable IOS_UNIFORM_TYPE_IDENTIFIER=public.image

Más info: https://github.com/j3k0/cordova-plugin-openwith

 

Autor: