Logo Grupo NW Netwoods

Software y Apps Colombia

BLOG DE NOTICIAS

LUNES

02

Sep...

JavaScript

Cordova: Plugins indispensables

Plugins indispensables de Cordova:

 

DATOS DEL DISPOSITIVO

cordova plugin add cordova-plugin-device

Puede obtener marca, sistema, versión, ID, entre otros.

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

 

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/

 

UPDATE 2019-12-10: Por error al compilar favor usar:

cordova plugin add cordova-plugin-fcm-with-dependecy-d

<plugin name="cordova-plugin-fcm-with-dependecy-d" spec="^4.1.1">
        <variable name="FCM_CORE_VERSION" value="16.0.9" />
        <variable name="FCM_VERSION" value="18.0.0" />
        <variable name="GRADLE_TOOLS_VERSION" value="3.5.0" />
        <variable name="GOOGLE_SERVICES_VERSION" value="4.2.0" />
    </plugin>

More info: https://forum.ionicframework.com/t/ionic-4-cordova-run-android-firebase-error-all-of-a-sudden/163204/110

 

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

UPDATE 2019-12-13:

cordova plugin add cordova-plugin-background-mode

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

Instalar para mayor compatibilidad

cordova plugin add cordova-plugin-backbutton

https://github.com/mohamed-salah/phonegap-backbutton-plugin

 

 

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

UPDATE 2019-12-13:

cordova plugin add cordova-plugin-bring-to-front

https://www.npmjs.com/package/cordova-plugin-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-request-location-accuracy

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

Más: https://www.npmjs.com/package/cordova-plugin-request-location-accuracy

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

 

 

COMPARTIR EN REDES UN TEXTO, LINK, IMAGEN, ETC

cordova plugins add cordova-plugin-share

Mas: https://www.npmjs.com/package/cordova-plugin-share

 

 

SACAR DATOS DEL DISPOSITIVO

cordova plugin add cordova.plugins.diagnostic

Mas: https://www.npmjs.com/package/cordova.plugins.diagnostic

 

ABRIR UBICACIÓN CON WAZE GOOGLE UBER ETC

cordova plugin add uk.co.workingedge.phonegap.plugin.launchnavigator --variable GOOGLE_API_KEY_FOR_ANDROID="{your_api_key}"

EJ:

var opts = {};
                opts.latitude = latitud;
                opts.longitude = logitud;
                opts.mode = "all_apps"; (waze,googleMaps abre la opción para ambas) (waze) (google_maps) (all_apps saca todas las disponibles)
                nw.launchNavigatorUbication(opts);

Mas: https://www.npmjs.com/package/uk.co.workingedge.phonegap.plugin.launchnavigator

 

 

 

OBTENER DIRECCIÓN DE FORMA NATIVA SIN API GOOGLE: LOCALIDAD MUNICIPIO CIUDAD PAÍS POR LATITUD LONGITUD O POR DIRECCIÓN

cordova plugin add cordova-plugin-nativegeocoder

EJ:

 nw.nativeGeoCoder(nwgeo.latitude, nwgeo.longitude, function (r) {
                        if (r !== false && typeof r.error === "undefined") {
                            main.gps = r;
                        }
                        self.crearViaje();
                    });

Mas: https://www.npmjs.com/package/cordova-plugin-nativegeocoder

 

 

GEOLOCATION EN SEGUNDO PLANO BACKGROUND

cordova plugin add @mauron85/cordova-plugin-background-geolocation

Más info https://www.npmjs.com/package/@mauron85/cordova-plugin-background-geolocation

 

 

 

MAP DE GOOGLE NATIVO

cordova plugin add cordova-plugin-googlemaps

En config.xml

<widget ...>
  <preference name="GOOGLE_MAPS_ANDROID_API_KEY" value="(api key)" />
  <preference name="GOOGLE_MAPS_IOS_API_KEY" value="(api key)" />
</widget>

Más info https://github.com/mapsplugin/cordova-plugin-googlemaps-doc/tree/master/v1.4.0/class/Map

 

 

ICONOS DE UBICACIÓN PARA MAPAS

https://www.flaticon.com/free-icon/pin_149059

 

 

Autor: