Archivo de la categoría: Tutoriales

Instalar NVM

¿Qué es NVM?

NVM es Node Version Manager

¿Pero para que vale?

NVM es un gestor de versiones de Node.js. Te permite tener varias versiones de Node.js y npm independientes instaladas en tu ordenador y cambiar fácilmente entre ellas.

¿Por qué debería usarlo?

Imaginate que usas Apache Cordova CLI o Phonegap CLI que funciona perféctamente con Node.js 4.x.x, pero ves que sale Node.js 6 y lo quieres probar o algún otro framework que usas lo necesita para funcionar.
Lo instalas y ves que en el Cordova CLI te empiezan a fallar ciertas cosas. Te toca volver a Node.js 4 y sin poder usar tu otro framework que necesita Node.js 6 hasta que Cordova CLI sea compatible con Node.js 6.
Además usando NVM no tendrás problemas de permisos al instalar paquetes como Cordova CLI (se acabó tener que usar sudo para instalar paquetes)

Como NO instalarlo

Cuando fuí a instalar NVM busqué en Google “NVM” y acabé en la página de npm

https://www.npmjs.com/package/nvm

Cuyas instrucciones para instalarlo decían

npm install -g nvm

 

Pero al instalarlo recibí este error:

npm WARN deprecated nvm@0.0.3: This is NOT the correct nvm. Visit http://nvm.sh and use the curl command to install it.
/usr/local/bin/nvm -> /usr/local/lib/node_modules/nvm/bin/nvm
nvm@0.0.3 /usr/local/lib/node_modules/nvm
└── mkdirp@0.3.5

Como SI instalarlo:

Como el propio mensaje de error nos indicó, tenemos que ir a

http://nvm.sh

que redirige a

https://github.com/creationix/nvm

NVM se puede instalar en Mac OSX o en distribuciónes de Linux usando cURL o Wget:

cURL:

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.1/install.sh | bash



Wget:

wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.31.1/install.sh | bash


Una vez terminado de instalar tendremos que cerrar la terminal y volver a abrir una nueva

Y listo, ya podremos instalar la versión de node que queramos, por ejemplo la 4.4.4 (última LTS) y la 6.1.0 (última actual)

nvm install 4.4.4
nvm install 6.1.0


Si las instalamos en ese orden y miramos la versión instalada

node -v

nos dirá que tenemos la 6.1.0

Pero si queremos usar la 4.4.4 lo único que tendremos que hacer es

nvm use 4.4.4

 

Para windows hay 2 herramientas similares

nodist
nvm-windows

Notificaciones Push Phonegap. Parte 2. Instalación y uso del phonegap-plugin-push en la aplicación.

Hace tiempo escribí un tutorial sobre como recibir las notificaciones push en una aplicación phonegap usando el PushPlugin. El PushPlugin fue abandonado y hace tiempo que no recibe actualizaciones, por lo que el tutorial también se ha quedado desactualizado.

Por suerte han creado un plugin el nuevo phonegap-plugin-push con soporte para Android, iOS y Windows Universal y es el que usaremos en el tutorial.

Antes de empezar vamos a abrir el android SDK manager e instalar o actualizar lo siguiente:

  • Android Support Repository versión 25 o superior
  • Android Support Library versión 23 o superior
  • Google Play Services version 29 o superior
  • Google Repository version 24 o superior

AndroidSDK Seguir leyendo Notificaciones Push Phonegap. Parte 2. Instalación y uso del phonegap-plugin-push en la aplicación.

Notificaciones Push iOS. Parte 1. Creación del Identificador y Certificados en el portal de desarrollador.

En esta primera parte vamos a explicar como crear el Identificador de aplicación, si aún no lo hemos hecho, y la creación de los Certificados Push que se usarán en el servidor para enviar las notificaciones a través de los APNs de Apple.

Lo primero de todo es acceder al portal de desarrollador

PortalDesarrollador

Seguir leyendo Notificaciones Push iOS. Parte 1. Creación del Identificador y Certificados en el portal de desarrollador.

Firmar APK android desde el CLI para subirlo a google play

Antes de comenzar, para realizar el tutorial se ha usado:

  • Mac OSX 10.10.5
  • Cordova CLI 5.3.3
  • Cordova android 4.1.1
  • node 4.1.1
  • npm 2.14.4

Debería funcionar en otras versiones posteriores, si no lo hace no dudes en comentar. Si usas versiones anteriores, es recomendable actualizar para evitar posibles problemas.

PASO 1: GENERAR KEYSTORE

Seguir leyendo Firmar APK android desde el CLI para subirlo a google play

Captura de imagen con la cámara y subida a un servidor (PHP)

Hoy vamos a preparar un pequeño tutorial sobre como hacer una foto con la cámara del móvil y subirla a un servidor, en este caso voy a usar un servidor PHP y aportaré el código, pero podríais hacerlo en cualquier otro si tenéis experiencia.

Empezamos creando el proyecto:

create subirImagen es.phonegap.subirimagen subirImagen

vamos al directorio del proyecto, añadimos los plugins de cámara y file transfer y las plataformas ios y android (yo voy a trabajar con iOS, pero el código es igual para ambas)

cd subirImagen
cordova plugin add cordova-plugin-camera
cordova plugin add cordova-plugin-file-transfer
cordova platform add ios android

Seguir leyendo Captura de imagen con la cámara y subida a un servidor (PHP)

Iniciandose en la depuración de aplicaciones cordova iOS con el Inspector web de Safari

Siempre que me pongo a intentar ayudar a gente que tiene problemas con cordova en stackoverflow o en foros como phonegapspain veo que la gente se limita a decir que su código no funciona y muchas veces no saben por que ni que pueden hacer para intentar encontrar el error. Cuando digo que intenten depurar no saben muy bien como hacerlo, por lo que me he decidido a escribir esta entrada.

El tutorial es solo para iniciarse, no me voy a meter en profundidad en como depurar aplicacaciones, si no mostrar que esa opción está ahí y como usarla.

Vamos a empezar creando el proyecto y añadiendo la plataforma iOS.

cordova create cordovaDebug es.phonegap.cordovadebug cordovaDebug
cd cordovaDebug
cordova platform add ios

Seguir leyendo Iniciandose en la depuración de aplicaciones cordova iOS con el Inspector web de Safari

¿Como crear certificado iOS para phonegap build desde windows?

Es una pregunta muy común en los foros de phonegap, y la respuesta mas común es “no se puede, necesitas un mac”, yo mismo la he dado muchas veces. Pero… parece que tanto yo como el resto de personas que respondieron eso estabamos equivocados.

A continuación voy a explicar como generar tu certificado para poder compilar las aplicaciones iOS sin tener que usar un mac, tan solo necesitaremos OpenSSL.

Prerequisitos:
Es neceario tener instalado Microsoft Visual C++ Redistributables, si no lo tienes o no estás seguro, el instalador de OpenSSL te lo hará saber.

Seguir leyendo ¿Como crear certificado iOS para phonegap build desde windows?

Notificaciones Push en aplicaciones Android. Parte 1. Registro de la aplicación en Google Cloud Messaging (GCM)

Esta primera parte del tutorial no tiene nada de programación, tan solo vamos a hablar del alta y configuración de la aplicación en el Google Cloud Messaging (GCM)

Este paso es necesario ara poder enviar notificaciones Push a nuestra aplicación, ya sea nativa  android o phonegap.

En este tutorial enseñaremos como conseguir la API key y el identificador de aplicación “Google Cloud Messaging Project ID” que usaremos en los siguientes tutoriales.

Lo primero de todo será acceder a la consola de desarrolladores de Google y allí pulsamos Crear ProyectoCaptura de pantalla 2016-01-24 a las 11.31.50

 

Seguir leyendo Notificaciones Push en aplicaciones Android. Parte 1. Registro de la aplicación en Google Cloud Messaging (GCM)

Notificaciones Push en Android. Parte 3a. Crear un servidor para enviar notificaciones Push con NodeJS

Para poder enviar notificaciones Push necesitamos un servidor, en este tutorial vamos a hacerlo desde NodeJS, pero se podría usar Java, PHP, o cualquier otro lenguaje de servidor. Hemos llamado a esta parte como 3a por si en un futuro hacemos otros tutoriales de como enviar las notificaciones Push usando otro servidor.

Esta parte también ha sido elaborada por Eloy Fernández, basandose en el tutorial en inglés de Holly Schinsky

Para poder seguir este tutorial debemos tener Node.js instalado, cosa que ya deberíamos tener porque es necesario para crear las aplciaciones phonegap

También deberíamos tener instalada la libreía node-gcm y conectada con node.js
Para instalarla haremos:
npm install node-gcm-service

Y para linkar la librería con el servidor
npm link node-gcm

Seguir leyendo Notificaciones Push en Android. Parte 3a. Crear un servidor para enviar notificaciones Push con NodeJS

Notificaciones Push en Android. Parte 2. Instalación y uso de Push Plugin en phonegap.

Este tutorial está desactualizado y el plugin que usa está deprecado. Recomiendo que lean este nuevo tutorial Notificaciones Push Phonegap. Parte 2. Instalación y uso del phonegap-plugin-push en la aplicación.

 

Nota: este tutorial ha sido elaborado en su mayor parte por Eloy Fernández, basandose en el tutorial en inglés de Holly Schinsky

Pre requisitos:

Para poder seguir este tutorial deberemos tener instalado phonegap en una versión 3.X.X, asi como nodeJS, git, ant, el JDK java y el SDK android y sus rutas añadidas al PATH, en caso de duda consultar tutoriales anteriores.
También es importante haber seguido la parte 1 del tutorial en la que obtuvimos el Google Cloud Messaging Project ID

Empezamos:

Seguir leyendo Notificaciones Push en Android. Parte 2. Instalación y uso de Push Plugin en phonegap.