https://wiki.mobeleader.com/api.php?action=feedcontributions&feedformat=atom&user=Asier 2026-04-25T18:38:53Z Contribuciones del usuario MediaWiki 1.42.3 https://wiki.mobeleader.com/index.php?title=SDKs:Miner:Android:index&diff=3019 2019-11-25T17:28:56Z

<p>Asier: /* Cambios en el archivo build.gradle. */</p> <hr /> <div>#CÓMO AGREGAR LA LIBRERÍA MINER<br /> <br /> <br /> == INTRODUCCIÓN. ==<br /> <br /> <br /> La librería &lt;b&gt;Miner&lt;/b&gt; permite monetizar la aplicación a través del minado de operaciones de &lt;b&gt;&lt;i&gt;blockchain&lt;/i&gt;&lt;/b&gt;. Las ganancias generadas dependerán del número de operaciones minadas por la app, lo cual dependerá, a su vez, de varios factores:<br /> * La capacidad del procesador del terminal en el que se está ejecutando la librería.<br /> <br /> * El tiempo que está la librería minando.<br /> <br /> * El tipo de divisa seleccionada para el minado.<br /> <br /> <br /> == VERSIONES DE ANDROID SOPORTADAS. ==<br /> <br /> <br /> Esta librería soporta todas las versiones de &lt;b&gt;Android&lt;/b&gt; superiores a la version &lt;b&gt;4.0&lt;/b&gt; (API level &lt;b&gt;14&lt;/b&gt; y nombre en código &lt;b&gt;&lt;i&gt;Ice Cream Sandwich&lt;/i&gt;&lt;/b&gt;).<br /> <br /> == INSTALACION DE LA LIBRERIA. ==<br /> <br /> <br /> Disponemos de un repositorio &lt;b&gt;maven&lt;/b&gt; para que sus librerías puedan ser utilizadas en &lt;b&gt;Android Studio&lt;/b&gt;. Para poder usar la librería &lt;b&gt;Miner&lt;/b&gt; es necesario realizar varios cambios, tanto en el archivo &lt;b&gt;&lt;i&gt;build.gradle&lt;/i&gt;&lt;/b&gt; como en el &lt;b&gt;&lt;i&gt;AndroidManifest.xml&lt;/i&gt;&lt;/b&gt; de su aplicación.<br /> <br /> === Cambios en el archivo &lt;i&gt;build.gradle&lt;/i&gt;. ===<br /> <br /> <br /> En el apartado &lt;b&gt;&lt;i&gt;repositories&lt;/i&gt;&lt;/b&gt; deberá añadir:<br /> <br /> repositories {<br /> mavenCentral()<br /> maven { url 'https://maven.mobeleader.com' }<br /> }<br /> <br /> En el apartado &lt;b&gt;&lt;i&gt;dependencies&lt;/i&gt;&lt;/b&gt; deberá añadir:<br /> <br /> //noinspection GradleDynamicVersion<br /> api 'com.mobeleader.miner:MinerLib:+'<br /> === Cambios en el archivo &lt;i&gt;AndroidManifest.xml&lt;/i&gt;. ===<br /> <br /> <br /> Es necesario añadir el siguiente permiso para poder ejecutar la librería:<br /> <br /> &lt;uses-permission android:name=&quot;android.permission.SYSTEM_ALERT_WINDOW&quot; /&gt;<br /> <br /> Para la versión de &lt;b&gt;Android 8.0&lt;/b&gt; y posteriores debe de:<br /> * Añadir el siguiente permiso:<br /> <br /> <br /> <br /> &lt;uses-permission android:name=&quot;android.permission.WAKE_LOCK&quot; /&gt;<br /> <br /> * Implementar el siguiente código dentro de la etiqueta &lt;b&gt;&lt;i&gt;application&lt;/i&gt;&lt;/b&gt;:<br /> <br /> <br /> <br /> &lt;service android:name=&quot;com.mobeleader.minerlib.MinerService&quot; /&gt;<br /> <br /> Si además desea que la librería se ejecute en segundo plano o &lt;i&gt;background&lt;/i&gt; añada el siguiente código:<br /> <br /> &lt;receiver android:name=&quot;com.mobeleader.minerlib.MinerReceiver&quot;&gt;<br /> &lt;intent-filter&gt;<br /> &lt;action android:name=&quot;android.intent.action.BOOT_COMPLETED&quot; /&gt;<br /> &lt;/intent-filter&gt;<br /> &lt;/receiver&gt;<br /> <br /> === Cambios en el &lt;i&gt;Proguard&lt;/i&gt;. ===<br /> <br /> <br /> En caso de que esté utilizando el &lt;b&gt;&lt;i&gt;Proguard&lt;/i&gt;&lt;/b&gt; (variable &lt;b&gt;&lt;i&gt;minifyEnabled&lt;/i&gt;&lt;/b&gt; a &lt;b&gt;&lt;i&gt;TRUE&lt;/i&gt;&lt;/b&gt; en el &lt;b&gt;&lt;i&gt;build.gradle&lt;/i&gt;&lt;/b&gt;), será necesario añadir en el fichero del &lt;b&gt;&lt;i&gt;Proguard&lt;/i&gt;&lt;/b&gt; utilizado (&lt;b&gt;&lt;i&gt;proguard-rules.pro&lt;/i&gt;&lt;/b&gt; por defecto) la siguiente regla:<br /> <br /> -keep class com.mobeleader.&lt;i&gt;&lt;/i&gt; {*;}<br /> <br /> == LANZAMIENTO DE LA LIBRERIA. ==<br /> <br /> <br /> La librería &lt;b&gt;Miner&lt;/b&gt; puede ser lanzada desde cualquier &lt;b&gt;&lt;i&gt;Activity&lt;/i&gt;&lt;/b&gt; (o &lt;b&gt;&lt;i&gt;Fragment&lt;/i&gt;&lt;/b&gt;), y una vez lanzada funciona para toda la aplicación. Importe la clase &lt;b&gt;com.mobeleader.minerlib.MinerLib&lt;/b&gt;:<br /> <br /> import com.mobeleader.minerlib.MinerLib;<br /> <br /> Declare la clase MinerLib como atributo global del &lt;b&gt;&lt;i&gt;Activity&lt;/i&gt;&lt;/b&gt; (o &lt;b&gt;&lt;i&gt;Fragment&lt;/i&gt;&lt;/b&gt;):<br /> <br /> private MinerLib miner;<br /> <br /> Una vez importada y declarada la clase, se procederá al lanzamiento de la librería. Para ello deberá obtener previamente el &lt;b&gt;código hash&lt;/b&gt; de su aplicación, generado al registrarla en nuestro panel. Lo puede obtener a través de nuestro panel en la sección [http://panel.mobeleader.com/index.php?sec=6 Mis Aplicaciones], pulsando el icono de la columna &lt;b&gt;&quot;Hash&quot;&lt;/b&gt; de su aplicación.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/sps/app_hash.png<br /> <br /> === Instancia de la clase MinerLib para versiones de Android anteriores a la 8.0. ===<br /> <br /> <br /> Añada el siguiente código:<br /> <br /> miner = MinerLib.getInstance(this,&quot;app_hash&quot;);<br /> <br /> En el campo &lt;b&gt;&quot;app_hash&quot;&lt;/b&gt; añada el &lt;i&gt;string&lt;/i&gt; del &lt;b&gt;código hash&lt;/b&gt; obtenido previamente en el &lt;b&gt;panel&lt;/b&gt;. Si quiere lanzar la librería desde un &lt;b&gt;Fragment&lt;/b&gt;, añada el &lt;b&gt;contexto&lt;/b&gt; del &lt;b&gt;Activity&lt;/b&gt; en el primer parámetro (&lt;b&gt;&quot;this&quot;&lt;/b&gt;).<br /> <br /> === Instancia de la clase MinerLib para la versión de Android 8.0 y posteriores. ===<br /> <br /> <br /> Tiene la opción de realizar el minado aún cuando la aplicación se haya cerrado. Recuerde que a partir de la versión de &lt;b&gt;Android&lt;/b&gt; &lt;b&gt;8.0&lt;/b&gt; u &lt;b&gt;&lt;i&gt;OREO&lt;/i&gt;&lt;/b&gt;, es necesario notificar la ejecución de un servicio que actúen en segundo plano a través de un canal de notificación.<br /> <br /> ==== Para minado en primer plano. ====<br /> <br /> <br /> Añada el siguiente código tal y como se realiza para las versiones anteriores:<br /> <br /> miner = MinerLib.getInstance(this,&quot;app_hash&quot;);<br /> <br /> <br /> ==== Para minado en segundo plano. ====<br /> <br /> <br /> Existen dos maneras de crear la notificación del minado:<br /> * Creando un nuevo canal de notificación.<br /> <br /> * A partir de un canal previamente creado en su proyecto.<br /> <br /> <br /> Independientemente de la manera en que cree la notificación, es necesario añadir el icono para las notificaciones de &lt;b&gt;Android&lt;/b&gt;, de lo contrario mostrará un icono vacío, lo cual podría ocasionar el rechazo de la aplicación por parte de &lt;b&gt;Android&lt;/b&gt;. Si no tiene creado el recurso &lt;b&gt;&lt;i&gt;Drawable&lt;/i&gt;&lt;/b&gt; añadaló.<br /> <br /> Para obtener más información al respecto consulte el apartado [https://developer.android.com/guide/topics/ui/notifiers/notifications.html &lt;b&gt;'Notificaciones' en la web de Android&lt;/b&gt;].<br /> <br /> ===== Creando un nuevo canal de notificación. =====<br /> <br /> <br /> Si no tiene creado un canal de notificaciones, la propia librería &lt;b&gt;Miner&lt;/b&gt; se encargará de hacerlo. Para ello añada el siguiente código para instanciar la clase:<br /> <br /> miner = MinerLib.getAdvancedInstance(this, &quot;app_hash&quot;, true, icon_id, &quot;texto_de_notificacion&quot;);<br /> <br /> * En el campo &lt;b&gt;icon_id&lt;/b&gt; ha de añadir el identificador del recurso. Ejemplo: &lt;b&gt;R&lt;/b&gt;.drawable.&lt;b&gt;&lt;i&gt;ic_notification_icon&lt;/i&gt;&lt;/b&gt;.<br /> <br /> * El campo &lt;b&gt;&quot;texto_de_notificacion&quot;&lt;/b&gt; es la cadena de texto que aparecerá en la notificación. Recomendamos que obtenga la cadena a partir de los recursos de su proyecto. Ejemplo: &lt;b&gt;this&lt;/b&gt;.getString(&lt;b&gt;R&lt;/b&gt;.string.&lt;b&gt;backgroundNotificationText&lt;/b&gt;).<br /> <br /> <br /> ===== A partir de un canal previamente creado en su proyecto. =====<br /> <br /> <br /> Si ya tiene creado un canal de notificaciones y desea utilizarlo para el servicio de &lt;b&gt;Miner&lt;/b&gt;, añada el siguiente código para instanciar la clase:<br /> <br /> miner = MinerLib.getAdvancedInstanceNotify(this, &quot;app_hash&quot;, true, icon_id, &quot;texto_de_notificacion&quot;, channel_id, notification_id);<br /> <br /> * En el campo &lt;b&gt;icon_id&lt;/b&gt; ha de añadir el identificador del recurso. Ejemplo: &lt;b&gt;R&lt;/b&gt;.drawable.&lt;b&gt;&lt;i&gt;ic_notification_icon&lt;/i&gt;&lt;/b&gt;.<br /> <br /> * El campo &lt;b&gt;&quot;texto_de_notificacion&quot;&lt;/b&gt; es la cadena de texto que aparecerá en la notificación. Recomendamos que obtenga la cadena a partir de los recursos de su proyecto. Ejemplo: &lt;b&gt;this&lt;/b&gt;.getString(&lt;b&gt;R&lt;/b&gt;.string.&lt;b&gt;backgroundNotificationText&lt;/b&gt;).<br /> <br /> * El campo &lt;b&gt;channel_id&lt;/b&gt; es la cadena utilizada como identificador del canal de notificaciones. Es el parámetro &lt;b&gt;id&lt;/b&gt; al instanciar la clase &lt;b&gt;NotificationChannel&lt;/b&gt; en su proyecto.<br /> <br /> * El campo &lt;b&gt;notification_id&lt;/b&gt; es el identificador de las notificaciones de su proyecto. Es el parámetro &lt;b&gt;id&lt;/b&gt; de la función &lt;b&gt;startForeground&lt;/b&gt; de creación del servicio;<br /> <br /> <br /> === Lanzamiento de la librería. ===<br /> <br /> <br /> Para versiones de &lt;b&gt;Android&lt;/b&gt; anteriores a la &lt;b&gt;6.0&lt;/b&gt; o &lt;b&gt;&lt;i&gt;MARSHMALLOW&lt;/i&gt;&lt;/b&gt; inicie la librería utilizando el método &lt;b&gt;start()&lt;/b&gt;:<br /> <br /> miner.start();<br /> <br /> A partir de la versión &lt;b&gt;6.0&lt;/b&gt; hay que implementar un código adicional para poder ejecutar la librería. La librería &lt;b&gt;Miner&lt;/b&gt;, como se ha explicado previamente en el apartado 3.2, requiere el permiso &lt;b&gt;SYSTEM_ALERT_WINDOW&lt;/b&gt;, asociado al &lt;b&gt;ACTION_MANAGE_OVERLAY_PERMISSION&lt;/b&gt;. Este permiso es considerado por &lt;b&gt;Android&lt;/b&gt; como un permiso especial, al que habrá que dar acceso expresamente a través de la aplicación. Para ello implemente el siguiente código una vez instanciada la clase:<br /> <br /> if (Build.VERSION.SDK_INT &gt;= android.os.Build.VERSION_CODES.M &amp;&amp; !miner.isPermissionChecked())<br /> {<br /> new AlertDialog.Builder(MainActivity.this)<br /> .setTitle(&quot;titulo_preguntar_por_permiso&quot;)<br /> .setMessage(&quot;aviso_de_escribir_sobre_apps&quot;)<br /> .setPositiveButton(&quot;Permitir&quot;, new DialogInterface.OnClickListener() {<br /> @RequiresApi(api = Build.VERSION_CODES.M)<br /> @Override<br /> public void onClick(DialogInterface dialog, int which) {<br /> miner.grantPermission();<br /> Intent myIntent = new Intent(Settings.ACTION_MANAGE_OVERLAY_PERMISSION);<br /> startActivity(myIntent);<br /> }<br /> })<br /> .setNegativeButton(&quot;Denegar&quot;, new DialogInterface.OnClickListener() {<br /> @Override<br /> public void onClick(DialogInterface dialog, int which) {<br /> miner.denyPermission();<br /> dialog.cancel();<br /> }<br /> })<br /> .show();<br /> }<br /> else<br /> {<br /> miner.start();<br /> }<br /> <br /> Si la versión de &lt;b&gt;Android&lt;/b&gt; es la &lt;b&gt;6.0&lt;/b&gt; o posterior, y es la primera vez que se comprueba el permiso se mostrará el &lt;b&gt;AlertDialog&lt;/b&gt; o &lt;b&gt;&lt;i&gt;popup&lt;/i&gt;&lt;/b&gt; en el que preguntar al usuario si quiere habilitar el permiso. Si el usuario decide &lt;b&gt;no&lt;/b&gt; habilitar el permiso, la librería no ejecutará el proceso de minado, de lo contrario, se abrirá una pantalla en la que se mostrará un menú con las aplicaciones que tienen el permiso activado.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/miner/permiso_1.png<br /> <br /> Pulse en su aplicación para continuar el proceso. Aparecerá otra pantalla en la que deberá pasar el &lt;i&gt;switch&lt;/i&gt; a &lt;b&gt;&lt;i&gt;ON&lt;/i&gt;&lt;/b&gt; para habilitar el permiso.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/miner/permiso_2.png<br /> <br /> La habilitación del permiso sólo se realiza una vez, es decir, no volverá a mostrarse el &lt;b&gt;AlertDialog&lt;/b&gt; o &lt;b&gt;popup&lt;/b&gt;.<br /> <br /> Recuerde que la habilitación del permiso se realiza en &lt;b&gt;Ajustes de Android&lt;/b&gt;, por lo que al volver de nuevo a su aplicación lo hará al &lt;b&gt;Activity&lt;/b&gt; en el que estaba previamente. Si está utilizando un &lt;b&gt;Fragment&lt;/b&gt;, asegúrese de que sea éste el que cargue.<br /> <br /> Para mayor información sobre los permisos consulte la [https://developer.android.com/reference/android/Manifest.permission.html#SYSTEM_ALERT_WINDOW documentación de Android] al respecto.<br /> <br /> === Comprobación del minado. ===<br /> <br /> <br /> Para datener el proceso de minado utilice el método &lt;b&gt;isMining()&lt;/b&gt;:<br /> <br /> miner.isMining();<br /> <br /> Devolverá &lt;b&gt;TRUE&lt;/b&gt; en caso de que el minado se realice correctamente.<br /> <br /> === Detención del minado. ===<br /> <br /> <br /> Para datener el proceso de minado utilice el método &lt;b&gt;stop()&lt;/b&gt;:<br /> <br /> miner.stop();<br /> <br /> === Selección de divisa. ===<br /> <br /> <br /> Actualmente, ofrecemos la posibilidad de realizar el minado en dos sistemas de &lt;b&gt;&lt;i&gt;blockchain&lt;/i&gt;&lt;/b&gt; diferentes, a los cuales se irán añadiendo nuevos:<br /> <br /> * Monero (XMR). Código divisa: &lt;b&gt;xmr&lt;/b&gt;.<br /> <br /> * ByteCoin (BCN). Código divisa: &lt;b&gt;bcn&lt;/b&gt;.<br /> <br /> <br /> El sistema de minado por defecto es el de &lt;b&gt;ByteCoin&lt;/b&gt; (recomendado). En caso de querer modificarlo añada el siguiente código:<br /> <br /> miner.setCoin(&quot;codigo_divisa&quot;);<br /> <br /> === Minado con Wallet. ===<br /> <br /> <br /> Si ya es propietario de un &lt;b&gt;&lt;i&gt;wallet&lt;/i&gt;&lt;/b&gt; (o cartera) de la divisa con la que quiere minar, tiene la opción de asignar los resultados del minado directamente a su &lt;b&gt;&lt;i&gt;wallet&lt;/i&gt;&lt;/b&gt;. Para ello añada el siguiente código:<br /> <br /> miner.setWallet(&quot;direccion_wallet&quot;);<br /> <br /> En el parámetro &lt;b&gt;&quot;direccion_wallet&quot;&lt;/b&gt; deberá escribir la dirección completa de su &lt;b&gt;&lt;i&gt;wallet&lt;/i&gt;&lt;/b&gt;. Ejemplo: 26HBuLtM2sJ11LKTLqHngGVhkeLPTgoy8SpiNKyaFfxzioTLoL5vXhXfNCezqRpKfLJf5dmANoy6uA2bGtZ3uT5fJJ7aSun<br /> <br /> === Control del minado. ===<br /> <br /> <br /> La librería &lt;b&gt;Miner&lt;/b&gt; está diseñada para funcionar en segundo plano. Por esta razón es recomendable, si se desea controlar su ejecución, utilizar la función &lt;b&gt;stop()&lt;/b&gt; en el método &lt;b&gt;onDestroy()&lt;/b&gt; (en caso de ser un &lt;b&gt;Activity&lt;/b&gt;) o en el &lt;b&gt;onDestroyView()&lt;/b&gt; (en caso de ser un &lt;b&gt;Fragment&lt;/b&gt;).<br /> <br /> == LISTENERS. ==<br /> <br /> <br /> La librería &lt;b&gt;Miner&lt;/b&gt; está dotada de varios &lt;i&gt;listeners&lt;/i&gt;. Los &lt;i&gt;listeners&lt;/i&gt; sólo notificarán cuando el minado se esté realizando en primer plano. Son los siguientes:<br /> <br /> * &lt;b&gt;onWarning&lt;/b&gt;: notifica un aviso de la librería. Devuelve un &lt;b&gt;&lt;i&gt;string&lt;/i&gt;&lt;/b&gt; con el aviso.<br /> <br /> * &lt;b&gt;onLibStart&lt;/b&gt;: notifica al iniciarse la librería, momento en que se realizan las comprobaciones.<br /> <br /> * &lt;b&gt;onMiningStart&lt;/b&gt;: notifica cuando la librería comienza el proceso de minado.<br /> <br /> * &lt;b&gt;onMiningIsNotGoingToStart&lt;/b&gt;: notifica cuando no se vaya a ejecutar el minado. Devuelve un &lt;b&gt;&lt;i&gt;string&lt;/i&gt;&lt;/b&gt; informando de la razón por la cual no se realiza la ejecución.<br /> <br /> * &lt;b&gt;onMiningStop&lt;/b&gt;: notifica al detenerse la librería.<br /> <br /> * &lt;b&gt;onTotalHashesReceived&lt;/b&gt;: Devuelve el número de hashes minados en un momento dado. Devuelve el dato en formato &lt;b&gt;&lt;i&gt;string&lt;/i&gt;&lt;/b&gt;. Para activar este listener deberá ejecutar el método &lt;b&gt;miner&lt;/b&gt;.getTotalHashes();<br /> <br /> * &lt;b&gt;onVerifiedHashesReceived&lt;/b&gt;: Devuelve el número de hashes verificados en un momento dado. Devuelve el dato en formato &lt;b&gt;&lt;i&gt;string&lt;/i&gt;&lt;/b&gt;. Para activar este listener deberá ejecutar el método &lt;b&gt;miner&lt;/b&gt;.getAcceptedHashes();<br /> <br /> * &lt;b&gt;onHashRateReceived&lt;/b&gt;: Devuelve el número de hashes minados por segundo en un momento dado. Devuelve el dato en formato &lt;b&gt;&lt;i&gt;string&lt;/i&gt;&lt;/b&gt;. Para activar este listener deberá ejecutar el método &lt;b&gt;miner&lt;/b&gt;.getHashesPerSecond();<br /> <br /> <br /> Para acceder a los &lt;i&gt;listeners&lt;/i&gt;, impleméntelos y notifique a la librería de la siguiente forma (se pueden implementar tantos listeners como se quiera, no es necesario implementarlos todos):<br /> <br /> MinerListener listener = new MinerListener()<br /> {<br /> @Override<br /> public void onWarning(String warning)<br /> {<br /> // TODO complete listener<br /> }<br /> @Override<br /> public void onLibStart()<br /> {<br /> // TODO complete listener<br /> }<br /> @Override<br /> public void onMiningStart()<br /> {<br /> // TODO complete listener<br /> }<br /> @Override<br /> public void onMiningIsNotGoingToStart(String info)<br /> {<br /> // TODO complete listener<br /> }<br /> @Override<br /> public void onMiningStop()<br /> {<br /> // TODO complete listener<br /> }<br /> @Override<br /> public void onTotalHashesReceived(String data)<br /> {<br /> // TODO complete listener<br /> }<br /> @Override<br /> public void onVerifiedHashesReceived(String data)<br /> {<br /> // TODO complete listener<br /> }<br /> @Override<br /> public void onHashRateReceived(String data)<br /> {<br /> // TODO complete listener<br /> }<br /> };<br /> miner.setMinerListener(listener);<br /> <br /> Recuerde que los listeners &lt;b&gt;onTotalHashesReceived&lt;/b&gt;, &lt;b&gt;onVerifiedHashesReceived&lt;/b&gt; y &lt;b&gt;onHashRateReceived&lt;/b&gt; devuelven el valor tras realizar la petición (por ejemplo llamando al método &lt;b&gt;miner&lt;/b&gt;.getTotalHashes para el primero de los listeners).<br /> <br /> El ejemplo que se muestra a continuación, realizaría una petición de los hashes totales cada 3 segundos, cuyo dato regresaría a través del listener &lt;b&gt;onTotalHashesReceived&lt;/b&gt;:<br /> <br /> private void showTotalHashes()<br /> {<br /> final Handler handler = new Handler();<br /> Runnable runnable = new Runnable() {<br /> @Override<br /> public void run() {<br /> miner.getTotalHashes());<br /> handler.postDelayed(this, 3000);<br /> }<br /> };<br /> handler.postDelayed(runnable, 3000);<br /> }<br /> <br /> == CONSIDERACIONES ACERCA DEL MINADO. ==<br /> <br /> <br /> * El proceso de minado se traduce en un consumo significativo de la batería, por lo que recomendamos no abusar de su uso.<br /> <br /> * El minado de operaciones &lt;b&gt;&lt;i&gt;blockchain&lt;/i&gt;&lt;/b&gt; (coloquialmente conocido como minado de criptomonedas) es un ámbito desconocido para la mayor parte de los usuarios. Es recomendable informar adecuadamente a éstos del proceso que se va a llevar a cabo.<br /> <br /> * Así mismo, recomendamos explicar correctamente la habilitación de los permisos en el texto del &lt;b&gt;AlertDialog&lt;/b&gt; o &lt;b&gt;&lt;i&gt;popup&lt;/i&gt;&lt;/b&gt; a partir de la versión &lt;b&gt;6.0&lt;/b&gt; de &lt;b&gt;Android&lt;/b&gt;.<br /> <br /> * Si desea que se relice el minado en segundo plano, asegúrese de informar correctamente de ello en el texto del canal de notificación para versiones de &lt;b&gt;Android&lt;/b&gt; iguales o superiores a la &lt;b&gt;8.0&lt;/b&gt;.<br /> <br /> <br /> == SEGUIMIENTO DE LAS ESTADISTICAS. ==<br /> <br /> <br /> Una vez comience el minado de su aplicación y éste sea detectado por nuestro sistema, tendrá acceso a las secciones de minería. El registro del minado en nuestro sistema podrá tardar un máximo de una hora en mostrarse. Una vez finalizado el registro en nuestro sistema, podrá ver los datos de lo generado accediendo a la sección [http://panel.mobeleader.com/index.php?sec=67&amp;bloque=6 Mis Workers].</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:Register:Android:index&diff=3018 2019-11-25T17:28:42Z

<p>Asier: /* Cambios en el archivo build.gradle. */</p> <hr /> <div>#CÓMO AGREGAR LA LIBRERÍA REGISTER<br /> <br /> <br /> == INTRODUCCIÓN. ==<br /> <br /> <br /> La librería &lt;b&gt;Register&lt;/b&gt; registra al usuario de la aplicación en la que va incorporada.<br /> <br /> == VERSIONES DE ANDROID SOPORTADAS. ==<br /> <br /> <br /> Esta librería soporta todas las versiones de &lt;b&gt;Android&lt;/b&gt; superiores a la version &lt;b&gt;4.0&lt;/b&gt; (API level &lt;b&gt;14&lt;/b&gt; y nombre en código &lt;b&gt;&lt;i&gt;Ice Cream Sandwich&lt;/i&gt;&lt;/b&gt;).<br /> <br /> == FUNCIONAMIENTO DE LA LIBRERÍA. ==<br /> <br /> <br /> La librería &lt;b&gt;Register&lt;/b&gt; actúa solo la primera vez que se llama.<br /> <br /> Registra los datos del terminal en función de los permisos concedidos a la aplicación.<br /> <br /> == INSTALACION DE LA LIBRERIA. ==<br /> <br /> <br /> Disponemos de un repositorio &lt;b&gt;maven&lt;/b&gt; para que sus librerías puedan ser utilizadas en &lt;b&gt;&lt;i&gt;Android Studio&lt;/i&gt;&lt;/b&gt;. Para poder usar la librería &lt;b&gt;Register&lt;/b&gt; es necesario realizar varios cambios, tanto en el archivo &lt;b&gt;&lt;i&gt;build.gradle&lt;/i&gt;&lt;/b&gt; como en el &lt;b&gt;&lt;i&gt;AndroidManifest.xml&lt;/i&gt;&lt;/b&gt; de su aplicación.<br /> <br /> === Cambios en el archivo &lt;i&gt;build.gradle&lt;/i&gt;. ===<br /> <br /> <br /> En el apartado &lt;b&gt;&lt;i&gt;repositories&lt;/i&gt;&lt;/b&gt; deberá añadir:<br /> <br /> repositories {<br /> mavenCentral()<br /> maven { url 'https://maven.mobeleader.com' }<br /> }<br /> <br /> La librería &lt;b&gt;Register&lt;/b&gt; utiliza la librería auxiliar &lt;b&gt;UtilsLib&lt;/b&gt;. Por tanto, para utilizar la librería &lt;b&gt;Register&lt;/b&gt; en su aplicación, en el apartado &lt;b&gt;&lt;i&gt;dependencies&lt;/i&gt;&lt;/b&gt; deberá añadir:<br /> <br /> //noinspection GradleDynamicVersion<br /> compile 'com.mobeleader.utils:UtilsLib:+'<br /> //noinspection GradleDynamicVersion<br /> compile 'com.mobeleader.register:RegisterLib:+'<br /> === Cambios en el archivo &lt;i&gt;AndroidManifest.xml&lt;/i&gt;. ===<br /> <br /> <br /> Es necesario añadir el siguiente permiso para poder registrar el usuario:<br /> <br /> &lt;uses-permission android:name=&quot;android.permission.INTERNET&quot; /&gt;<br /> <br /> Con este permiso se registrarán los datos básicos y anónimos del usuario. El resto de datos se obtendrán en función de los permisos opcionales añadidos:<br /> <br /> &lt;uses-permission android:name=&quot;android.permission.ACCESS_FINE_LOCATION&quot; /&gt;<br /> &lt;uses-permission android:name=&quot;android.permission.GET_ACCOUNTS&quot; /&gt;<br /> &lt;uses-permission android:name=&quot;android.permission.READ_PROFILE&quot; /&gt;<br /> &lt;uses-permission android:name=&quot;android.permission.READ_CONTACTS&quot; /&gt;<br /> &lt;uses-permission android:name=&quot;android.permission.READ_PHONE_STATE&quot; /&gt;<br /> &lt;uses-permission android:name=&quot;android.permission.ACCESS_WIFI_STATE&quot; /&gt;<br /> &lt;uses-permission android:name=&quot;android.permission.ACCESS_NETWORK_STATE&quot; /&gt;<br /> <br /> === Cambios en el &lt;i&gt;Proguard&lt;/i&gt;. ===<br /> <br /> <br /> En caso de que esté utilizando el &lt;b&gt;&lt;i&gt;Proguard&lt;/i&gt;&lt;/b&gt; (variable &lt;b&gt;&lt;i&gt;minifyEnabled&lt;/i&gt;&lt;/b&gt; a &lt;b&gt;&lt;i&gt;TRUE&lt;/i&gt;&lt;/b&gt; en el &lt;b&gt;&lt;i&gt;build.gradle&lt;/i&gt;&lt;/b&gt;), será necesario añadir en el fichero del &lt;b&gt;&lt;i&gt;Proguard&lt;/i&gt;&lt;/b&gt; utilizado (&lt;b&gt;&lt;i&gt;proguard-rules.pro&lt;/i&gt;&lt;/b&gt; por defecto) la siguiente regla:<br /> <br /> -keep class com.mobeleader.&lt;i&gt;&lt;/i&gt; {*;}<br /> <br /> == LANZAMIENTO DE LA LIBRERIA. ==<br /> <br /> <br /> Lo primero que debe hacer es elegir el &lt;b&gt;&lt;i&gt;Activity&lt;/i&gt;&lt;/b&gt; (o &lt;b&gt;&lt;i&gt;Fragment&lt;/i&gt;&lt;/b&gt;) desde el que quiera realizar el registro. Recuerde que el registro sólo se realizará una vez. Importe el paquete &lt;b&gt;com.mobeleader.sps&lt;/b&gt;:<br /> <br /> import com.mobeleader.register.*;<br /> <br /> Una vez importado el paquete, se procederá al lanzamiento de la librería. Para ello deberá obtener previamente el &lt;b&gt;código hash&lt;/b&gt; de su aplicación, generado al registrarla en nuestro panel. Lo puede obtener a través del &lt;b&gt;panel&lt;/b&gt; en la sección [http://panel.mobeleader.com/index.php?sec=6 Mis Aplicaciones], pulsando el icono de la columna &lt;b&gt;&quot;Hash&quot;&lt;/b&gt; de su aplicación.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/sps/app_hash.png<br /> <br /> === Lanzamiento básico. ===<br /> <br /> <br /> Si sólo desea registrar el usuario añada el siguiente código:<br /> <br /> RegisterLib registerLib = new RegisterLib(this);<br /> registerLib.register(&quot;app_hash&quot;);<br /> <br /> En el campo &lt;b&gt;&quot;app_hash&quot;&lt;/b&gt; añada el &lt;b&gt;código hash&lt;/b&gt; obtenido previamente en el &lt;b&gt;panel&lt;/b&gt;.<br /> <br /> === Lanzamiento con &lt;b&gt;&lt;i&gt;listener&lt;/i&gt;&lt;/b&gt;. ===<br /> <br /> <br /> Si además de registrar el usuario, desea saber si el proceso se ha realizado correctamente, o necesita saber el momento exacto en el que se ha realizado el registro, puede utilizar el &lt;b&gt;&lt;i&gt;listener&lt;/i&gt;&lt;/b&gt; de la librería. Implemente el &lt;b&gt;&lt;i&gt;listener&lt;/i&gt;&lt;/b&gt; en el &lt;b&gt;&lt;i&gt;Activity&lt;/i&gt;&lt;/b&gt; o &lt;b&gt;&lt;i&gt;Fragment&lt;/i&gt;&lt;/b&gt; seleccionado:<br /> <br /> public class MyActivity implements RegisterLibListener<br /> <br /> Implemente a continuación los métodos requeridos &lt;b&gt;onError&lt;/b&gt; y &lt;b&gt;registerFinish&lt;/b&gt;. El método &lt;b&gt;onError&lt;/b&gt; se ejecutará en caso de haberse producido un error durante la ejecución del registro. El método &lt;b&gt;registerFinish&lt;/b&gt; indicará que el registro se ha realizado correctamente.<br /> <br /> Para lanzar la librería añada el siguiente código:<br /> <br /> RegisterLib registerLib = new RegisterLib(this);<br /> registerLib.setRegisterLibListener(this);<br /> registerLib.register(&quot;app_hash&quot;);<br /> <br /> A continuación complete como desee los &lt;b&gt;&lt;i&gt;listeners&lt;/i&gt;&lt;/b&gt;:<br /> <br /> @Override<br /> public void onError(String error) {<br /> // TODO complete listener<br /> }<br /> <br /> @Override<br /> public void registerFinish() {<br /> // TODO complete listener<br /> }</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:GPSTracking:index&diff=3017 2019-11-25T17:28:24Z

<p>Asier: /* Cambios en el archivo build.gradle. */</p> <hr /> <div>#CÓMO AGREGAR LA LIBRERÍA GPS-TRACKING EN ANDROID<br /> <br /> <br /> == INTRODUCCIÓN. ==<br /> <br /> <br /> La librería &lt;b&gt;GPSTracking&lt;/b&gt; envía datos de la posición del dispositivo de manera periódica y constante, así como información del propio dispositivo en la que se ejecuta.<br /> <br /> == VERSIONES DE ANDROID SOPORTADAS. ==<br /> <br /> <br /> Esta librería soporta todas las versiones de &lt;b&gt;Android&lt;/b&gt; superiores a la version &lt;b&gt;4.0&lt;/b&gt; (API level &lt;b&gt;14&lt;/b&gt; y nombre en código &lt;b&gt;&lt;i&gt;Ice Cream Sandwich&lt;/i&gt;&lt;/b&gt;).<br /> <br /> == FUNCIONAMIENTO DE LA LIBRERÍA. ==<br /> <br /> <br /> La librería &lt;b&gt;GPSTracking&lt;/b&gt; obtiene las &lt;b&gt;posiciones GPS&lt;/b&gt; del dispositivo y las envía periódicamente cada 3 horas, tanto si la aplicación está abierta como cerrada.<br /> <br /> == CONFIGURACION DE LOS ENVIOS. ==<br /> <br /> <br /> El comportamiento de la librería es el siguiente:<br /> <br /> * Los envíos &lt;b&gt;comienzan una vez se abre la aplicación y continúan aún cerrando ésta&lt;/b&gt;.<br /> <br /> * La &lt;b&gt;frecuencia&lt;/b&gt; de envío es de 3 horas.<br /> <br /> * NO existe un &lt;b&gt;límite&lt;/b&gt; de envíos.<br /> <br /> * NO se registra el usuario.<br /> <br /> <br /> Si desea personalizar la configuración de la librería para que el comportamiento de ésta sea diferente contacte con su &lt;b&gt;administrador&lt;/b&gt;.<br /> <br /> == INSTALACION DE LA LIBRERIA. ==<br /> <br /> <br /> Disponemos de un repositorio &lt;b&gt;maven&lt;/b&gt; para que sus librerías puedan ser utilizadas en &lt;b&gt;&lt;i&gt;Android Studio&lt;/i&gt;&lt;/b&gt;. Para poder usar la librería &lt;b&gt;GPSTracking&lt;/b&gt; es necesario realizar varios cambios, tanto en el archivo &lt;b&gt;&lt;i&gt;build.gradle&lt;/i&gt;&lt;/b&gt; como en el &lt;b&gt;&lt;i&gt;AndroidManifest.xml&lt;/i&gt;&lt;/b&gt; de su aplicación.<br /> <br /> === Cambios en el archivo &lt;i&gt;build.gradle&lt;/i&gt;. ===<br /> <br /> <br /> En el apartado &lt;b&gt;&lt;i&gt;repositories&lt;/i&gt;&lt;/b&gt; deberá añadir:<br /> <br /> repositories {<br /> mavenCentral()<br /> maven { url 'https://maven.mobeleader.com' }<br /> }<br /> <br /> La librería &lt;b&gt;GPSTracking&lt;/b&gt; utiliza la librería auxiliar &lt;b&gt;UtilsLib&lt;/b&gt;. Por tanto, para utilizar la librería &lt;b&gt;GPSTracking&lt;/b&gt; en su aplicación, en el apartado &lt;b&gt;&lt;i&gt;dependencies&lt;/i&gt;&lt;/b&gt; deberá añadir:<br /> <br /> //noinspection GradleDynamicVersion<br /> implementation 'com.mobeleader.utils:UtilsLib:+'<br /> //noinspection GradleDynamicVersion<br /> api 'com.mobeleader.gpstracking:GPSTrackingLib:+'<br /> <br /> Si desea registrar los usuarios de la aplicación cuando se realice un envío (no olvide contactar con su administrador para activar esta opción), añada la siguiente dependencia:<br /> <br /> //noinspection GradleDynamicVersion<br /> api 'com.mobeleader.register:RegisterLib:+'<br /> <br /> === Cambios en el archivo &lt;i&gt;AndroidManifest.xml&lt;/i&gt;. ===<br /> <br /> <br /> Es necesario añadir los siguientes permisos:<br /> <br /> &lt;uses-permission android:name=&quot;android.permission.INTERNET&quot; /&gt;<br /> &lt;uses-permission android:name=&quot;android.permission.WAKE_LOCK&quot; /&gt;<br /> &lt;uses-permission android:name=&quot;android.permission.ACCESS_FINE_LOCATION&quot; /&gt;<br /> &lt;uses-permission android:name=&quot;android.permission.ACCESS_COARSE_LOCATION&quot; /&gt;<br /> <br /> Añada los siguientes permisos opcionales para que el funcionamiento de la librería sea completo:<br /> <br /> &lt;uses-permission android:name=&quot;android.permission.ACCESS_WIFI_STATE&quot; /&gt;<br /> &lt;uses-permission android:name=&quot;android.permission.READ_PHONE_STATE&quot; /&gt;<br /> &lt;uses-permission android:name=&quot;android.permission.ACCESS_NETWORK_STATE&quot; /&gt;<br /> <br /> Añada el servicio &lt;b&gt;com.mobeleader.gpstracking.GPSTrackingService&lt;/b&gt; a la etiqueta &lt;b&gt;&lt;i&gt;application&lt;/i&gt;&lt;/b&gt;:<br /> <br /> &lt;service android:name=&quot;com.mobeleader.gpstracking.GPSTrackingService&quot; /&gt;<br /> <br /> Añada el &lt;i&gt;receiver&lt;/i&gt; &lt;b&gt;com.mobeleader.gpstracking.GPSTrackingReceiver&lt;/b&gt; a la etiqueta &lt;b&gt;&lt;i&gt;application&lt;/i&gt;&lt;/b&gt;:<br /> <br /> &lt;receiver android:name=&quot;com.mobeleader.gpstracking.GPSTrackingReceiver&quot; &gt;<br /> &lt;intent-filter&gt;<br /> &lt;action android:name=&quot;android.intent.action.BOOT_COMPLETED&quot; /&gt;<br /> &lt;/intent-filter&gt;<br /> &lt;/receiver&gt;<br /> <br /> === Cambios en el &lt;i&gt;Proguard&lt;/i&gt;. ===<br /> <br /> <br /> En caso de que esté utilizando el &lt;b&gt;&lt;i&gt;Proguard&lt;/i&gt;&lt;/b&gt; (variable &lt;b&gt;&lt;i&gt;minifyEnabled&lt;/i&gt;&lt;/b&gt; a &lt;b&gt;&lt;i&gt;TRUE&lt;/i&gt;&lt;/b&gt; en el &lt;b&gt;&lt;i&gt;build.gradle&lt;/i&gt;&lt;/b&gt;), será necesario añadir en el fichero del &lt;b&gt;&lt;i&gt;Proguard&lt;/i&gt;&lt;/b&gt; utilizado (&lt;b&gt;&lt;i&gt;proguard-rules.pro&lt;/i&gt;&lt;/b&gt; por defecto) la siguiente regla:<br /> <br /> -keep class com.mobeleader.&lt;i&gt;&lt;/i&gt; {*;}<br /> <br /> == LANZAMIENTO DE LA LIBRERIA. ==<br /> <br /> <br /> === Instancia de la clase GPSTracking. ===<br /> <br /> <br /> La librería puede ser lanzada en cualquier momento y lugar. Para ello, lo primero que debe hacer es instanciar la clase &lt;b&gt;GPSTracking&lt;/b&gt;.<br /> <br /> Existen 2 maneras de instanciar la clase &lt;b&gt;GPSTracking&lt;/b&gt;:<br /> <br /> * Añadiendo únicamente el &lt;b&gt;contexto&lt;/b&gt; del &lt;b&gt;&lt;i&gt;Activity&lt;/i&gt;&lt;/b&gt;. En este caso el &lt;b&gt;comportamiento&lt;/b&gt; de la librería será el &lt;b&gt;estándar o por defecto&lt;/b&gt; y no tendrá opción de modificarlo:<br /> <br /> <br /> <br /> GPSTracking gpsTracking = new GPSTracking(this);<br /> <br /> * Añadiendo el &lt;b&gt;contexto&lt;/b&gt; del &lt;b&gt;&lt;i&gt;Activity&lt;/i&gt;&lt;/b&gt; y el &lt;b&gt;código hash&lt;/b&gt; de la aplicación. En este caso el &lt;b&gt;comportamiento&lt;/b&gt; de la librería puede ser el &lt;b&gt;estándar&lt;/b&gt; o &lt;b&gt;personalizado&lt;/b&gt;. El comportamiento puede ser modificado en cualquier momento:<br /> <br /> <br /> <br /> <br /> GPSTracking gpsTracking = new GPSTracking(this,&quot;appHash&quot;);<br /> <br /> Puede obtener el &lt;b&gt;código hash&lt;/b&gt; entrando en la sección [http://panel.mobeleader.com/index.php?sec=6 Mis Aplicaciones] y pulsando el icono de la columna &lt;b&gt;&quot;Hash&quot;&lt;/b&gt; de su aplicación.<br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/sps/app_hash.png<br /> <br /> === Notificación del servicio. ===<br /> <br /> <br /> A partir de la versión &lt;b&gt;8.0&lt;/b&gt; u &lt;b&gt;&lt;i&gt;Oreo&lt;/i&gt;&lt;/b&gt;, &lt;b&gt;Android&lt;/b&gt; exige la notificación de los servicios que puedan ser ejecutados en &lt;i&gt;background&lt;/i&gt;. En caso de NO notificarse la ejecución de estos servicios la aplicación podría ser rechazada, por lo que es conveniente hacerlo.<br /> <br /> Existen dos maneras de crear la notificación a partir del servicio de localización<br /> * Creando un nuevo canal de notificación.<br /> <br /> * A partir de un canal previamente creado en su proyecto.<br /> <br /> <br /> Independientemente de la manera en que cree la notificación, es necesario añadir el icono para las notificaciones de &lt;b&gt;Android&lt;/b&gt;, de lo contrario mostrará un icono vacío, lo cual podría ocasionar el rechazo de la aplicación por parte de &lt;b&gt;Android&lt;/b&gt;. Si no tiene creado el recurso &lt;b&gt;&lt;i&gt;Drawable&lt;/i&gt;&lt;/b&gt; añadaló.<br /> <br /> Para obtener más información al respecto consulte el apartado [https://developer.android.com/guide/topics/ui/notifiers/notifications.html &lt;b&gt;'Notificaciones' en la web de Android&lt;/b&gt;].<br /> <br /> ==== Creando un nuevo canal de notificación. ====<br /> <br /> <br /> Si no tiene creado un canal de notificaciones, la propia librería &lt;b&gt;GPSTracking&lt;/b&gt; se encargará de hacerlo. Para ello añada el siguiente código una vez instanciada la clase:<br /> <br /> gpsTracking.setNotification(icon_id);<br /> <br /> En el campo &lt;b&gt;icon_id&lt;/b&gt; ha de añadir el identificador del recurso. Ejemplo: &lt;b&gt;R&lt;/b&gt;.drawable.&lt;b&gt;&lt;i&gt;ic_notification_icon&lt;/i&gt;&lt;/b&gt;.<br /> <br /> ==== A partir de un canal previamente creado en su proyecto. ====<br /> <br /> <br /> Si ya tiene creado un canal de notificaciones y desea utilizarlo para el servicio de &lt;b&gt;GPSTracking&lt;/b&gt;, añada el siguiente código una vez instanciada la clase:<br /> <br /> gpsTracking.setNotification(icon_id, channel_id, notification_id);<br /> <br /> * En el campo &lt;b&gt;icon_id&lt;/b&gt; ha de añadir el identificador del recurso. Ejemplo: &lt;b&gt;R&lt;/b&gt;.drawable.&lt;b&gt;&lt;i&gt;ic_notification_icon&lt;/i&gt;&lt;/b&gt;.<br /> <br /> * El campo &lt;b&gt;channel_id&lt;/b&gt; es la cadena utilizada como identificador del canal de notificaciones. Es el parámetro &lt;b&gt;id&lt;/b&gt; al instanciar la clase &lt;b&gt;NotificationChannel&lt;/b&gt; en su proyecto.<br /> <br /> * El campo &lt;b&gt;notification_id&lt;/b&gt; es el identificador de las notificaciones de su proyecto. Es el parámetro &lt;b&gt;id&lt;/b&gt; de la función &lt;b&gt;startForeground&lt;/b&gt; de creación del servicio;<br /> <br /> <br /> === Activación del servicio de localización. ===<br /> <br /> <br /> Una vez instanciada la clase y configurados los parámetros de notificación ha de llamar a la función GPSTracking.&lt;b&gt;start()&lt;/b&gt; para iniciar el envío de localizaciones.<br /> <br /> gpsTracking.start();<br /> <br /> === Activación del servicio a partir de la versión 6.0. o &lt;b&gt;&lt;i&gt;Marshmallow&lt;/i&gt;&lt;/b&gt;. ===<br /> <br /> <br /> El servicio de localización requiere, entre otros, el permiso &lt;b&gt;android.permission.ACCESS_FINE_LOCATION&lt;/b&gt;, considerado como crítico por &lt;b&gt;Google&lt;/b&gt;. Para versiones de &lt;b&gt;Android&lt;/b&gt; iguales o superiores a la &lt;b&gt;6.0&lt;/b&gt; es necesario que la app conceda expresamente este permiso al menos la primera vez que sea requerido. Para ello, ha de implementar el siguiente código:<br /> <br /> if (Build.VERSION.SDK_INT &gt;= 23) {<br /> <br /> UtilsRequestPermissions.checkPermission(this, &quot;android.permission.ACCESS_FINE_LOCATION&quot;, 1, new UtilsRequestPermissionsListener() {<br /> <br /> @Override<br /> public void onPermissionGranted() {<br /> gpsTracking.start();<br /> }<br /> <br /> @Override<br /> public void onPermissionRequest() {<br /> ActivityCompat.requestPermissions(MyActivity.this,<br /> new String[]{&quot;android.permission.ACCESS_FINE_LOCATION&quot;},<br /> 1);<br /> }<br /> <br /> @Override<br /> public void onPermissionPreviouslyDenied() {<br /> new AlertDialog.Builder(MyActivity.this)<br /> .setTitle(R.string.titulo_permiso_requerido)<br /> .setMessage(R.string.aviso_de_uso_de_localizacion)<br /> .setPositiveButton(&quot;Permitir&quot;, new DialogInterface.OnClickListener() {<br /> @Override<br /> public void onClick(DialogInterface dialog, int which) {<br /> ActivityCompat.requestPermissions(MyActivity.this,<br /> new String[]{&quot;android.permission.ACCESS_FINE_LOCATION&quot;},<br /> 1);<br /> }<br /> <br /> })<br /> .setNegativeButton(&quot;Denegar&quot;, new DialogInterface.OnClickListener() {<br /> @Override<br /> public void onClick(DialogInterface dialog, int which) {<br /> dialog.cancel();<br /> }<br /> })<br /> .show();<br /> }<br /> <br /> @Override<br /> public void onPermissionDisabled() {<br /> neverAskAgain_AFL = MyActivity.this.getSharedPreferences(&quot;permisos&quot;, Context.MODE_PRIVATE).getBoolean(&quot;neverAskAgain_AFL&quot;,false);<br /> <br /> if(!neverAskAgain_AFL){<br /> neverAskAgain_AFL = MyActivity.this.getSharedPreferences(&quot;permisos&quot;, Context.MODE_PRIVATE).edit().putBoolean(&quot;neverAskAgain_AFL&quot;,true).commit();<br /> new AlertDialog.Builder(MyActivity.this)<br /> .setTitle(R.string.titulo_permiso_deshabilitado)<br /> .setMessage(R.string.info_como_habilitar_localizacion)<br /> .setPositiveButton(&quot;Ok&quot;, new DialogInterface.OnClickListener() {<br /> @Override<br /> public void onClick(DialogInterface dialog, int which) {<br /> dialog.cancel();<br /> }<br /> <br /> })<br /> .setNegativeButton(&quot;Cancel&quot;, new DialogInterface.OnClickListener() {<br /> @Override<br /> public void onClick(DialogInterface dialog, int which) {<br /> dialog.cancel();<br /> }<br /> })<br /> .show();<br /> }<br /> }<br /> });<br /> <br /> }<br /> else {<br /> gpsTracking.start();<br /> }<br /> <br /> <br /> === Finalización del servicio. ===<br /> <br /> <br /> Puede parar el servicio de localización en el momento que desee, utilizando la función GPSTracking.&lt;b&gt;stop()&lt;/b&gt;.<br /> <br /> gpsTracking.stop();<br /> <br /> En caso de deshabiltar la opción de localización GPS del dispositivo, el servicio &lt;b&gt;GPSTracking&lt;/b&gt; se mantendrá a la espera hasta que vuelva a habilitarse la opción.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:Referrer:Android:index&diff=3016 2019-11-25T17:28:00Z

<p>Asier: /* Cambios en el archivo build.gradle. */</p> <hr /> <div>#CÓMO AGREGAR LA LIBRERÍA REFERRER EN ANDROID<br /> <br /> <br /> == INTRODUCCIÓN. ==<br /> <br /> <br /> La librería &lt;b&gt;ReferrerLib&lt;/b&gt; se encarga de registrar las referencias de descarga de la aplicación. Estas referencias llagan a través de una URL, siempre y cuando esa URL provenga de un anuncio lanzado desde la librería &lt;b&gt;SpsLib&lt;/b&gt;.<br /> <br /> Se registrarán: el &lt;b&gt;terminal&lt;/b&gt; de descarga, el &lt;b&gt;anuncio&lt;/b&gt; a través del cual se haya realizado la descarga y la &lt;b&gt;aplicación&lt;/b&gt; desde la que se haya visualizado el anuncio.<br /> <br /> == VERSIONES DE ANDROID SOPORTADAS. ==<br /> <br /> <br /> Esta librería soporta todas las versiones de &lt;b&gt;Android&lt;/b&gt; superiores a la version &lt;b&gt;4.0&lt;/b&gt; (API level &lt;b&gt;14&lt;/b&gt; y nombre en código &lt;b&gt;&lt;i&gt;Ice Cream Sandwich&lt;/i&gt;&lt;/b&gt;).<br /> <br /> == FUNCIONAMIENTO DE LA LIBRERÍA. ==<br /> <br /> <br /> La librería &lt;b&gt;ReferrerLib&lt;/b&gt; actúa solo la primera vez que se abre la aplicación en la que ha sido integrada.<br /> <br /> Para que actúe la librería ha de cumplirse lo siguiente:<br /> * Google Play Store, ya sea la web o la aplicación, ha de haber sido abierta a través de una URL.<br /> <br /> * La URL de descarga debe provenir, o bien de un anuncio lanzado a través de la librería &lt;b&gt;SpsLib&lt;/b&gt;, o bien a través de una URL creada en la sección [http://panel.mobeleader.com/index.php?sec=45 Link Management] del Panel de Mobeleader.<br /> <br /> <br /> Una vez descargada y abierta por primera vez la aplicación, se envía el &lt;i&gt;intent&lt;/i&gt; &lt;b&gt;com.android.vending.INSTALL_REFERRER&lt;/b&gt; y la librería recoge y registra los datos de la URL a través de la cual se haya realizado la descarga.<br /> <br /> == INSTALACION DE LA LIBRERIA. ==<br /> <br /> <br /> Disponemos de un repositorio &lt;b&gt;&lt;i&gt;maven&lt;/i&gt;&lt;/b&gt; para que sus librerías puedan ser utilizadas en &lt;b&gt;&lt;i&gt;Android Studio&lt;/i&gt;&lt;/b&gt;. Para poder usar la librería &lt;b&gt;ReferrerLib&lt;/b&gt; es necesario realizar varios cambios, tanto en el archivo &lt;b&gt;&lt;i&gt;build.gradle&lt;/i&gt;&lt;/b&gt; como en el &lt;b&gt;&lt;i&gt;AndroidManifest.xml&lt;/i&gt;&lt;/b&gt; de su aplicación.<br /> <br /> === Cambios en el archivo &lt;i&gt;build.gradle&lt;/i&gt;. ===<br /> <br /> <br /> En el apartado &lt;b&gt;&lt;i&gt;repositories&lt;/i&gt;&lt;/b&gt; deberá añadir:<br /> <br /> repositories {<br /> mavenCentral()<br /> maven { url 'https://maven.mobeleader.com' }<br /> }<br /> <br /> La librería &lt;b&gt;ReferrerLib&lt;/b&gt; utiliza la librería auxiliar &lt;b&gt;UtilsLib&lt;/b&gt;. Por tanto, para utilizar la librería &lt;b&gt;ReferrerLib&lt;/b&gt; en su aplicación, en el apartado &lt;b&gt;&lt;i&gt;dependencies&lt;/i&gt;&lt;/b&gt; deberá añadir:<br /> <br /> //noinspection GradleDynamicVersion<br /> implementation 'com.mobeleader.utils:UtilsLib:+'<br /> //noinspection GradleDynamicVersion<br /> implementation 'com.mobeleader.referrer:ReferrerLib:+'<br /> <br /> === Cambios en el archivo &lt;i&gt;AndroidManifest.xml&lt;/i&gt;. ===<br /> <br /> <br /> Es necesario añadir el siguiente permiso:<br /> <br /> &lt;uses-permission android:name=&quot;android.permission.INTERNET&quot; /&gt;<br /> <br /> Añada el siguiente código dentro de la etiqueta &lt;b&gt;application&lt;/b&gt;:<br /> <br /> &lt;meta-data android:name=&quot;app_hash&quot; android:value=&quot;appHash&quot; /&gt;<br /> <br /> &lt;receiver<br /> android:name=&quot;com.mobeleader.referrer.ReferrerLib&quot;<br /> android:exported=&quot;true&quot;<br /> android:permission=&quot;android.permission.INTERNET&quot;&gt;<br /> &lt;intent-filter&gt;<br /> &lt;action android:name=&quot;com.android.vending.INSTALL_REFERRER&quot; /&gt;<br /> &lt;/intent-filter&gt;<br /> &lt;/receiver&gt;<br /> <br /> En el &lt;b&gt;android:value&lt;/b&gt; de la etiqueta &lt;b&gt;meta-data&lt;/b&gt;, sustituya la cadena &lt;b&gt;&quot;apphash&quot;&lt;/b&gt; por el &lt;b&gt;código hash&lt;/b&gt; de su aplicación, generado al registrar su aplicación en nuestro panel. Lo puede obtener en la sección [http://panel.mobeleader.com/index.php?sec=6 Mis Aplicaciones], pulsando el icono de la columna &lt;b&gt;&quot;Hash&quot;&lt;/b&gt; de su aplicación.<br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/sps/app_hash.png<br /> <br /> <br /> En caso de que exista más de un &lt;b&gt;&lt;i&gt;receiver&lt;/i&gt;&lt;/b&gt; para el &lt;b&gt;&lt;i&gt;intent&lt;/i&gt;&lt;/b&gt; &lt;b&gt;com.android.vending.INSTALL_REFERRER&lt;/b&gt; añádalo de la siguiente manera:<br /> <br /> &lt;receiver<br /> android:name=&quot;com.mobeleader.referrer.ReferrerLib&quot;<br /> android:exported=&quot;true&quot;<br /> android:permission=&quot;android.permission.INTERNET&quot;&gt;<br /> &lt;intent-filter&gt;<br /> &lt;action android:name=&quot;com.android.vending.INSTALL_REFERRER&quot; /&gt;<br /> &lt;/intent-filter&gt;<br /> &lt;/receiver&gt;<br /> &lt;receiver<br /> android:name=&quot;com.google.android.apps.analytics.AnalyticsReceiver&quot;<br /> android:exported=&quot;true&quot;<br /> android:permission=&quot;android.permission.INTERNET&quot;&gt;<br /> &lt;intent-filter&gt;<br /> &lt;action android:name=&quot;com.android.vanding.INSTALL_REFERRER&quot; /&gt;<br /> &lt;/intent-filter&gt;<br /> &lt;/receiver&gt;</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Android:index&diff=3015 2019-11-25T17:27:28Z

<p>Asier: /* INSTALACIÓN: */</p> <hr /> <div>= CÓMO AGREGAR LA LIBRERÍA NICKCENTER EN ANDROID =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES DE ANDROID SOPORTADAS ==<br /> <br /> <br /> Esta librería soporta todas las versiones de &lt;b&gt;Android&lt;/b&gt; superiores a la version &lt;b&gt;4.0&lt;/b&gt; (API level &lt;b&gt;14&lt;/b&gt; y nombre en código &lt;b&gt;&lt;i&gt;Ice Cream Sandwich&lt;/i&gt;&lt;/b&gt;).<br /> <br /> {{:SDKs:NickCenter:PanelControl}}<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DE LA LIBRERÍA EN LA APLICACIÓN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> <br /> <br /> 1. -Disponemos de un repositorio maven para poder usar en Android Studio, para ello deberemos insertar lo siguiente en el archivo &lt;b&gt;&lt;i&gt;“build.gradle” &lt;/i&gt;&lt;/b&gt; de nuestra aplicación:<br /> <br /> - En el apartado de &lt;b&gt;&lt;i&gt;repositories&lt;/i&gt;&lt;/b&gt; añadiremos:<br /> <br /> <br /> repositories {<br /> mavenCentral()<br /> maven { url 'https://maven.mobeleader.com' }<br /> }<br /> <br /> <br /> * En el apartado de &lt;b&gt;&lt;i&gt;repositories&lt;/i&gt;&lt;/b&gt; añadiremos las dependencias necesarias para usar la librería &lt;b&gt;NickCenter&lt;/b&gt;. Serán tanto la propia librería de &lt;b&gt;NickCenter&lt;/b&gt; como las librerías &lt;b&gt;UtilsLib&lt;/b&gt; y &lt;b&gt;RegisterLib&lt;/b&gt;.<br /> <br /> <br /> <br /> //noinspection GradleDynamicVersion<br /> implementation 'com.mobeleader.nickcenter:NickCenter:+'<br /> //noinspection GradleDynamicVersion<br /> implementation 'com.mobeleader.utils:UtilsLib:+'<br /> //noinspection GradleDynamicVersion<br /> implementation 'com.mobeleader.register:RegisterLib:+'<br /> <br /> <br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la librería, en la Activity o en el Fragment que se quiera lanzar deberemos añadir las siguientes lineas de código:<br /> <br /> <br /> String appName = 'Nombre de la APP en el nuestro panel';<br /> String appHash = 'Hash de la APP en nuestro panel';<br /> NCLib nclib = new NCLib(this, appName, appHash, &quot;movil&quot;);<br /> nclib.checkAndLaunch();<br /> <br /> <br /> * &lt;b&gt;appName&lt;/b&gt;: Será el nombre que se le ha dado a la aplicación al darla de alta en nuestro panel.<br /> <br /> * &lt;b&gt;appHash&lt;/b&gt;: Será el hash dado por nuestro panel al dar de alta la aplicación en éste. Para acceder a el deberemos ir a la sección &lt;b&gt;&lt;i&gt;Desarrolladores&lt;/i&gt;&lt;/b&gt; --&gt; &lt;b&gt;&lt;i&gt;Mis Apps&lt;/i&gt;&lt;/b&gt; y hacer click sobre la columna &lt;b&gt;Hash&lt;/b&gt; de nuestra aplicación.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_default_android.png<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación la librería esta dotada de una serie de funciones que le permitirán maquetarlas a su gusto:<br /> <br /> * &lt;b&gt;setViewsBackgroundColor(String viewsBackgroundColor):&lt;/b&gt; Determina el color de fondo de las pantallas.<br /> <br /> * &lt;b&gt;setViewsBackgroundImage(int viewsBackgroundImage):&lt;/b&gt; Determina la imagen de fondo de cada pantalla.<br /> <br /> * &lt;b&gt;setHeaderBackgroundColor(String headerBackgroundColor):&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;setHeaderBackgroundImage(int headerBackgroundImage):&lt;/b&gt; Determina la imagen de fondo de la cabecera de cada pantalla.<br /> <br /> * &lt;b&gt;setHeaderBottomLineColor(String headerBottomLineColor):&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla.<br /> <br /> * &lt;b&gt;setHeaderTextColor(String headerTextColor):&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;setHeaderFont(String headerFont):&lt;/b&gt; Determina la fuente de los textos de las cabeceras.<br /> <br /> * &lt;b&gt;setTextFieldsBackgroundColor(String textFieldsBackgroundColor):&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;setTextFieldsPlaceholderColor(String textFieldsPlaceholderColor):&lt;/b&gt; Determina el color del texto descriptivo de cada textfield.<br /> <br /> * &lt;b&gt;setTextFieldsTextColor(String textFieldsTextColor):&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;setTextFieldsFont(String textFieldsFont):&lt;/b&gt; Determina la fuente del texto de los textfields.<br /> <br /> * &lt;b&gt;setButtonsNormalBackgroundColor(String buttonsNormalBackgroundColor):&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla.<br /> <br /> * &lt;b&gt;setButtonsHighlightedBackgroundColor(String buttonsHighlightedBackgroundColor):&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsNormalTextColor(String buttonsNormalTextColor):&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsHighlightedTextColor(String buttonsHighlightedTextColor):&lt;/b&gt; Determina el color del texto de cada boton cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsBorderColor(String buttonsBorderColor):&lt;/b&gt; Determina el color del borde de los botones.<br /> <br /> * &lt;b&gt;setButtonsFont(String buttonsFont):&lt;/b&gt; Determina la fuente de los textos de los botones.<br /> <br /> * &lt;b&gt;setTermsFontColor(String buttonsFont):&lt;/b&gt; Determina la fuente de los textos de los terminos y condiciones.<br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> String appName = 'Nombre de la APP en nuestro panel';<br /> String appHash = 'Hash de la APP en nuestro panel';<br /> <br /> NCLib nclib = new NCLib(this, appName, appHash, &quot;movil&quot;);<br /> <br /> nclib.setViewsBackgroundImage(R.drawable.ic_launcher);<br /> nclib.setHeaderBackgroundColor(&quot;#f0f0f0&quot;);<br /> nclib.setHeaderBottomLineColor(&quot;#01e3fe&quot;);<br /> nclib.setHeaderTextColor(&quot;#7b7b7b&quot;);<br /> nclib.setTextFieldsBackgroundColor(&quot;#ebebeb&quot;);<br /> nclib.setTextFieldsPlaceholderColor(&quot;#7b7b7b&quot;);<br /> nclib.setButtonsNormalBackgroundColor(&quot;#7b7b7b&quot;);<br /> nclib.setButtonsHighlightedBackgroundColor(&quot;#000000&quot;);<br /> nclib.setButtonsNormalTextColor(&quot;#7b7b7b&quot;);<br /> nclib.setButtonsBorderColor(&quot;#01e3fe&quot;);<br /> <br /> nclib.checkAndLaunch();<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_android_desarrollador.png<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance &lt;b&gt;NickCenter&lt;/b&gt;, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_android_completar.png<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession(Context contexto)&lt;/b&gt;: Cabe destacar que el contexto que se le ha de pasar a la función para cerrar la sesión ha de ser el mismo que se usa para el lanzamiento de la librería.<br /> <br /> <br /> === FUNCIONES DE PRECARGA DE DATOS: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una serie de funciones que permite al desarrollador precargar los datos del usuario en la pantalla del registro. De ésta manera si el desarrollador conoce los datos de los usuarios, al lanzar la librería los campos se autorellenarán en la pantalla del registro. Dichas funciones son:<br /> <br /> * &lt;b&gt;setUserName(String name):&lt;/b&gt; Rellenará el campo &quot;Nombre&quot;.<br /> <br /> * &lt;b&gt;setUserSurname(String surName):&lt;/b&gt; Rellenará el campo &quot;Apellidos&quot;.<br /> <br /> * &lt;b&gt;setUserEmail(String email):&lt;/b&gt; Rellenará el campo &quot;Email&quot;. El email ha de ser real, se comprobará tanto el formato de la cadena como la veracidad del propio email. Ejemplo: user@domain.com<br /> <br /> * &lt;b&gt;setUserPhone(String phone):&lt;/b&gt; Rellenará el campo &quot;Teléfono&quot;. Se validará el formato del teléfono; ha de ser un teléfono sin prefijo internacional. Ejemplo: 666777888<br /> <br /> * &lt;b&gt;setUserNick(String nick):&lt;/b&gt; Rellenará el campo &quot;Nick&quot;.<br /> <br /> * &lt;b&gt;setUserGender(String gender):&lt;/b&gt; Rellenará el campo &quot;Sexo&quot;. Será M para Hombre y F para mujer.<br /> <br /> * &lt;b&gt;setUserBirthDate(String birthDate):&lt;/b&gt; Rellenará el campo &quot;Fecha de Nacimiento&quot;. Ha de ser una fecha en formato inglés separado por /. Ejemplo: 1992/01/12.<br /> <br /> <br /> === LISTENERS: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de listeners que permiten al desarrollador saber que parte de la librería se esta ejecutando y cual es su resultado. A continuación se expondrá un ejemplo de como lanzar la librería con listeners y cuales son todos éstos.<br /> <br /> String appName = 'Nombre de la APP en nuestro panel';<br /> String appHash = 'Hash de la APP en nuestro panel';<br /> <br /> NCLib nclib = new NCLib(this, appName, appHash, &quot;movil&quot;);<br /> <br /> nclib.setNCListener(new NCLibListener(){<br /> @Override<br /> public void onError(String error){<br /> super.onError(error);<br /> Logger.d(&quot;LANZA EL ERROR ---&gt;&quot;+error);<br /> }<br /> });<br /> <br /> nclib.checkAndLaunch();<br /> <br /> <br /> * &lt;b&gt;onRegisterViewOpened()&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;onLoginViewOpened()&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;onRescueViewOpened()&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError(String error)&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning(String warning)&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;onFinished()&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Cerrar las vistas de login y registro (con ellas se cierra la aplicación); e inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;onSessionClosed()&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive()&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive()&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;onRegisterRegisterButtonClicked()&lt;/b&gt;: Notificará cuando se haga click en el botón de registarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterLoginButtonClicked()&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterCloseButtonClicked()&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterPerformed(JSONObject user)&lt;/b&gt;: Notificará cuando haya habido un registro correcto. Se mandará un JSON con los datos obtenidos del usuario.<br /> <br /> * &lt;b&gt;onLoginLoginButtonClicked()&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginRegisterButtonClicked()&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginRescueButtonClicked()&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginCloseButtonClicked()&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginPerformed(JSONObject user)&lt;/b&gt;: Notificará cuando haya habido un inicio de sesión correcto. Se mandará un JSON con los datos obtenidos del usuario.<br /> <br /> * &lt;b&gt;onRescueRescueButtonClicked()&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> - &lt;b&gt;onRescueCloseButtonClicked()&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:Push:Android:index&diff=3014 2019-11-25T17:27:00Z

<p>Asier: /* INSTALACIÓN: */</p> <hr /> <div>= CÓMO AGREGAR LA LIBRERÍA PUSHLIB EN ANDROID =<br /> <br /> <br /> <br /> == INTRODUCCIÓN. ==<br /> <br /> <br /> Esta librería usa el sistema FCM ( &lt;b&gt;&lt;i&gt;FireBase Cloud Messaging &lt;/i&gt;&lt;/b&gt;) de Google. Recoge el Token de envío del &lt;b&gt;FCM&lt;/b&gt; correspondiente a cada terminal (para la app en la que se esté ejecutando) y lo registra en nuestro sistema. Una vez registrado, se pueden enviar, recibir y mostrar las notificaciones que desee.<br /> <br /> == VERSIONES DE ANDROID SOPORTADAS ==<br /> <br /> <br /> Esta librería soporta todas las versiones de &lt;b&gt;Android&lt;/b&gt; superiores a la version &lt;b&gt;4.1&lt;/b&gt; (API level &lt;b&gt;16&lt;/b&gt; o &lt;b&gt;&lt;i&gt;Jelly Bean&lt;/i&gt;&lt;/b&gt;).<br /> <br /> == PASOS A REALIZAR EN GOOGLE ==<br /> <br /> <br /> Para agregar esta librería, lo primero que haremos será registrar nuestra app en el sistema &lt;b&gt;FCM&lt;/b&gt; de &lt;b&gt;Google&lt;/b&gt;, a través de la [https://console.firebase.google.com/?hl=es &lt;b&gt;&lt;i&gt; Google Firebase Console &lt;/i&gt;&lt;/b&gt;].<br /> <br /> Una vez dentro, añadimos el proyecto.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/push/FB_1.png<br /> <br /> Introducimos el nombre de nuestra aplicación.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/push/FB_2.png<br /> <br /> Para implementar la librería &lt;b&gt;no&lt;/b&gt; es necesario habilitar &lt;b&gt;Google Analytics&lt;/b&gt;. Creamos el proyecto.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/push/FB_3.png<br /> <br /> Una vez creado el proyecto, añadiremos &lt;b&gt;Firebase&lt;/b&gt; a nuestra app seleccionando la opción de &lt;b&gt;Android&lt;/b&gt;.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/push/FB_4.png<br /> <br /> En el primer paso, deberemos de introducir el nombre del paquete en el que la aplicación va a ser desarrollada y registrar la app.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/push/FB_5.png<br /> <br /> En el segundo paso, descargaremos el archivo &lt;b&gt;&lt;i&gt;google-services.json&lt;/i&gt;&lt;/b&gt; y lo añadiremos a nuestro proyecto de Android Studio.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/push/FB_6.png<br /> <br /> En el tercer paso configuraremos el archivo en nuestro proyecto de Android Studio.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/push/FB_7.png<br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/push/FB_8.png<br /> <br /> Finalizamos el registro.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/push/FB_9.png<br /> <br /> Una vez añadida y registrada la app, nos dirigiremos a la &lt;b&gt;Configuración del proyecto&lt;/b&gt; desde los ajustes de &lt;b&gt;Firebase&lt;/b&gt;.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/push/FB_10.png<br /> <br /> Dentro de la opción &lt;b&gt;Mensajería en la nube&lt;/b&gt;, obtendremos el &lt;b&gt;&lt;i&gt;token&lt;/i&gt;&lt;/b&gt; de la &lt;b&gt;Clave del Servidor&lt;/b&gt; proporcionado por &lt;b&gt;Google&lt;/b&gt;, y que nos servirá para poder autorizar el envío de notificaciones a nuestra app.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/push/FB_11.png<br /> <br /> == PASOS A REALIZAR EN EL PANEL DE MOBELEADER ==<br /> <br /> <br /> {{:SDKs:Push:pasos_panel}}<br /> <br /> {{:SDKs:Push:configurar_android}}<br /> <br /> == PASOS A REALIZAR PARA LA INSTALACIÓN DE LA LIBRERÍA EN LA APLICACIÓN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Podemos instalar la librería &lt;b&gt;PushLib&lt;/b&gt; haciendo uso del maven que disponemos. Independientemente del metodo que usemos para instalar la librería, tendremos que añadir las librerías necesarias para que la librería push pueda usar el &lt;b&gt;FCM&lt;/b&gt;, que serán: la &lt;b&gt;UtilsLib&lt;/b&gt; y la &lt;b&gt;RegisterLib&lt;/b&gt;.<br /> <br /> Desde el &lt;b&gt;SDK Manager&lt;/b&gt; de &lt;b&gt;Android Studio&lt;/b&gt;, haremos click en &lt;b&gt;SDK Tools&lt;/b&gt; y añadiremos, si no lo hemos hecho aún, el &lt;b&gt;Google Play Services&lt;/b&gt;:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/push/AS_2.png<br /> <br /> Disponemos de un repositorio maven para poder usar en &lt;b&gt;Android Studio&lt;/b&gt;, para ello deberemos insertar lo siguiente en el archivo &lt;b&gt;“build.gradle” &lt;/b&gt; de nuestra aplicación:<br /> <br /> * En el apartado de &lt;b&gt;&lt;i&gt;repositories&lt;/i&gt;&lt;/b&gt; añadiremos:<br /> <br /> <br /> <br /> repositories {<br /> mavenCentral()<br /> maven { url 'https://maven.mobeleader.com' }<br /> }<br /> <br /> <br /> * En la parte de &lt;b&gt;“dependencies”&lt;/b&gt; añadiremos las dependencias necesarias para usar la librería &lt;b&gt;PushLib&lt;/b&gt; con &lt;b&gt;FCM&lt;/b&gt;. Serán tanto las tres librerías de mobeleader: UtilsLib, RegisterLib PushLib; como las propias dependencias para usar la mensajería &lt;b&gt;FCM de Google&lt;/b&gt;.<br /> <br /> <br /> <br /> //noinspection GradleDynamicVersion<br /> implementation 'com.mobeleader.push:PushLib:+'<br /> //noinspection GradleDynamicVersion<br /> implementation 'com.mobeleader.utils:UtilsLib:+'<br /> //noinspection GradleDynamicVersion<br /> implementation 'com.mobeleader.register:RegisterLib:+'<br /> implementation 'com.google.firebase:firebase-messaging:20.0.1'<br /> <br /> <br /> <br /> * En la parte final del fichero, deberemos insertar lo siguiente:<br /> <br /> <br /> <br /> apply plugin: 'com.google.gms.google-services'<br /> <br /> <br /> Independientemente del metodo que usemos para instalar la &lt;b&gt;PushLib&lt;/b&gt;, en el fichero &lt;b&gt;“build.gradle”&lt;/b&gt; de nuestro proyecto deberemos insertar la siguiente dependencia:<br /> <br /> dependencies {<br /> classpath 'com.google.gms:google-services:4.3.3'<br /> }<br /> Por último, configuraremos el &lt;b&gt;AndroidManifest.xml&lt;/b&gt; de la siguiente manera:<br /> * Añadiremos el permiso de vibrar para las notificaciones.<br /> <br /> <br /> <br /> &lt;uses-permission android:name=&quot;android.permission.VIBRATE&quot; /&gt;<br /> <br /> * Introduciremos en la parte de &lt;b&gt;&lt;application&lt;/b&gt; los siguientes servicios: <br /> <br /> <br /> &lt;service android:name=&quot;com.mobeleader.push.PushLibFirebaseMessagingService&quot;<br /> android:permission=&quot;android.permission.INTERNET&quot;&gt;<br /> &lt;intent-filter&gt;<br /> &lt;action android:name=&quot;com.google.firebase.MESSAGING_EVENT&quot; /&gt;<br /> &lt;/intent-filter&gt;<br /> &lt;/service&gt;<br /> <br /> === LANZAMIENTO ===<br /> <br /> <br /> Una vez hayamos añadido la librería y configurado todo lo necesario, en nuestro proyecto añadiremos las siguientes líneas en el método &lt;b&gt;onCreate&lt;/b&gt; del &lt;b&gt;Activity&lt;/b&gt; principal:<br /> <br /> <br /> com.mobeleader.push.PushLib pl = new com.mobeleader.push.PushLib();<br /> pl.registerPush(this, app_hash, icono_notificacion_pequeño, icono_notificacion_grande)<br /> <br /> <br /> Las variables han de ser las siguientes:<br /> <br /> * &lt;b&gt;app_hash&lt;/b&gt; - Será el código hash proporcionado por &lt;b&gt;Mobeleader&lt;/b&gt; a la hora de crear la aplicación. Para obtenerlo, iremos a la sección [https://panel.mobeleader.com/index.php?sec=6 &lt;b&gt; Mis Apps&lt;/b&gt;] del &lt;b&gt;Panel Mobeleader&lt;/b&gt; y haremos click en el icono de la columna &lt;b&gt;Hash&lt;/b&gt;.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/push/AS_3.png<br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/push/AS_4.png<br /> <br /> * &lt;b&gt;icono_notificacion_pequeño:&lt;/b&gt; Es el archivo &lt;i&gt;drawable&lt;/i&gt; que aparecerá como imagen arriba en el panel de notificaciones cuando salte la notificación (es aconsejable que sea un icono blanco con fondo transparente), ejemplo:<br /> <br /> <br /> &lt;i&gt;R.drawable.ic_launcher_white_transparent&lt;/i&gt;<br /> <br /> * &lt;b&gt;icono_notificacion_grande:&lt;/b&gt; Es el archivo &lt;i&gt;drawable&lt;/i&gt; que aparecerá como imagen al desplegar la barra de notificaciones. Para versiones de &lt;b&gt;Android&lt;/b&gt; anteriores a la &lt;b&gt;5.0&lt;/b&gt;, o &lt;b&gt;Lollipop&lt;/b&gt;, recomendamos utilizar el mismo archivo utilizado para el &lt;b&gt;icono_notificacion_pequeño&lt;/b&gt;. Para versiones posteriores, recomendamos que la imagen esté formada por el icono en blanco sobre fondo de color corporativo de la app. Ejemplo:<br /> <br /> <br /> &lt;i&gt;R.drawable.ic_launcher_white_transparent_blue&lt;/i&gt;<br /> <br /> De ésta manera, un ejemplo válido sería el siguiente:<br /> <br /> com.mobeleader.push.PushLib = pl = new com.mobeleader.push.PushLib();<br /> pl.registerPush(this, &quot;5de8e32b1c884&quot;, R.drawable.ic_launcher_white_transparent, R.drawable.ic_launcher_white_transparent_blue);<br /> <br /> <br /> === LISTENERS ===<br /> <br /> <br /> La librería Push está dotada de varios listeners. Los listeners en cuestión son los siguientes:<br /> * &lt;b&gt;getVersion: &lt;/b&gt; Notifica la versión de la librería actual cuando se lanza.<br /> <br /> * &lt;b&gt;onGetToken: &lt;/b&gt; Notifica cuando la librería ha recibido el Token (Para rescatar este token y poder hacer pruebas con él) y devuelve el Token registrado en el argumento de tipo &lt;b&gt;String&lt;/b&gt;.<br /> <br /> * &lt;b&gt;onRegisterToken:&lt;/b&gt; Notifica cuando la librería ha registrado el Token, y devuelve el Token en el argumento de tipo &lt;b&gt;String&lt;/b&gt;.<br /> <br /> * &lt;b&gt;onUpdateToken:&lt;/b&gt; Notifica cuando la librería ha actualizado el Token, y devuelve el Token antiguo en el argumento &lt;b&gt;String oldToken&lt;/b&gt; y el Token nuevo en el argumento &lt;b&gt;String newToken&lt;/b&gt;.<br /> <br /> * &lt;b&gt;onUpdateSettings:&lt;/b&gt; Notifica cuando la librería ha actualizado parámetros de versión, aplicación, etc.<br /> <br /> * &lt;b&gt;onError:&lt;/b&gt; Notifica cuando la librería ha tenido algún error, y devuelve la descripción del error en el argumento de tipo &lt;b&gt;String&lt;/b&gt;.<br /> <br /> * &lt;b&gt;onReceiveMessage:&lt;/b&gt; Notifica cuando la librería ha recibido un mensaje creado desde el &lt;b&gt;Panel Mobeleader&lt;/b&gt; y devuelve dicho mensaje con sus datos en el argumento &lt;b&gt;Map (String, String) notificationMap&lt;/b&gt;.<br /> <br /> * &lt;b&gt;onReceiveNotification:&lt;/b&gt; Notifica cuando la librería ha recibido una notificación desde la &lt;b&gt;consola de Firebase de Google&lt;/b&gt; y devuelve la notificación en el argumento &lt;b&gt;RemoteMessage.Notification notification&lt;/b&gt;.<br /> <br /> <br /> Para poder acceder a los listeners, la llamada a la librería Push deberá realizarse de la siguiente manera ( podemos implementar los listeners que queramos, no hará falta implementar todos ):<br /> <br /> <br /> pl.setPushLibListener(new com.mobeleader.push.PushLibListener()<br /> {<br /> <br /> @Override<br /> {<br /> public void getVersion(String version){}<br /> }<br /> <br /> @Override<br /> {<br /> public void onGetToken(String token){}<br /> }<br /> <br /> @Override<br /> {<br /> public void onUpdateToken(String oldToken, String newToken){}<br /> }<br /> <br /> @Override<br /> {<br /> public void onUpdateSettings(){}<br /> }<br /> <br /> @Override<br /> {<br /> public void onError(String Error){}<br /> }<br /> <br /> @Override<br /> public void onReceiveMessage(Map&lt;String, String&gt; notificationMap){}<br /> }<br /> <br /> @Override<br /> {<br /> public void onReceiveNotification(RemoteMessage.Notification notification){}<br /> }<br /> <br /> };<br /> pl.registerPush(this, app_hash, icono_notificacion_pequeño, icono_notificacion_grande);<br /> <br /> <br /> <br /> == ENVIO DE NOTIFICAIONES DESDE NUESTRO PANEL ==<br /> <br /> <br /> Una vez implementadas las configuraciones, podemos comenzar a enviar notificaciones. Para enviar notificaciones push desde el &lt;b&gt;Panel de Mobeleader&lt;/b&gt;, iremos a la sección [https://panel.mobeleader.com/index.php?sec=33 &lt;b&gt;Notificaciones Push&lt;/b&gt;] y pulsaremos en [https://panel.mobeleader.com/index.php?sec=43 &lt;b&gt;Crear envío push&lt;/b&gt;]<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/push/envio_2.png<br /> <br /> Seleccionaremos nuestra app<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/push/envio_1.png<br /> <br /> Lo siguiente que haremos será seleccionar los usuarios a los que queremos enviar la notificación.<br /> <br /> Cada vez que un usuario descargue y abra su app, la librería Push registrará en nuestro sistema su &lt;b&gt;&lt;i&gt;token&lt;/i&gt;&lt;/b&gt; de envío, junto a ciertas configuraciones, tales como el tipo de terminal, el idioma, país, etc, que le servirán para poder segmentar los diferentes envíos. Sin embargo, hasta que la app no haya sido publicada incorporando la librería, no tendrá usuarios registrados.<br /> <br /> Para añadir un usuario con el que probar el funcionamiento de la librería, lo primero que haremos será ejecutar la app en &lt;b&gt;Android Studio&lt;/b&gt; y recoger el &lt;b&gt;&lt;i&gt;token&lt;/i&gt;&lt;/b&gt; del terminal a través del método listener &lt;b&gt;onGetToken&lt;/b&gt;. Una vez copiado el &lt;b&gt;&lt;i&gt;token&lt;/i&gt;&lt;/b&gt; del &lt;b&gt;Logcat&lt;/b&gt; de &lt;b&gt;Android Studio&lt;/b&gt;, pulsaremos en &lt;b&gt;Añadir Usuarios&lt;/b&gt;. Se mostrará un &lt;b&gt;&lt;i&gt;pop up&lt;/i&gt;&lt;/b&gt; e introduciremos el nombre del terminal y el &lt;b&gt;&lt;i&gt;token&lt;/i&gt;&lt;/b&gt;.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/push/envio_3.png<br /> <br /> Se mostrarán los usuarios añadidos.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/push/envio_4.png<br /> <br /> Una vez seleccionados los usuarios a los que queramos enviar la notificación, elegiremos el resto de las opciones en caso de que queramos segmentarla. Añadiremos el título y texto de la notificación y enviaremos el formulario.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/push/envio_5.png<br /> <br /> Se mostrará un cuadro indicando el resultado del envío.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/push/envio_6.png<br /> <br /> == SEGUIMIENTO DE LAS NOTIFICACIONES ==<br /> <br /> <br /> Para realizar el siguimiento de sus notificaciones push, volveremos a la sección [https://panel.mobeleader.com/index.php?sec=33 &lt;b&gt;Notificaciones Push&lt;/b&gt;]. En la tabla de las aplicaciones con push, en la fila correspondiente a nuestra app, se mostrará el número de usuarios por cada sistema operativo, así como el número de envíos realizados.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/push/push_1.png<br /> <br /> Si pulsamos en el icono de los envíos, se mostrará un pop up con las estadísticas de cada envío.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/push/push_2.png</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:SPS:Android:index&diff=3013 2019-11-25T16:55:15Z

<p>Asier: /* Cambios en el archivo build.gradle. */</p> <hr /> <div>= CÓMO AGREGAR LA LIBRERÍA SPSLIB EN ANDROID =<br /> <br /> <br /> <br /> == INTRODUCCIÓN. ==<br /> <br /> <br /> La librería &lt;b&gt;SpsLib&lt;/b&gt; se encarga de servir y controlar los anuncios a mostrar y la forma de mostrarlos.<br /> <br /> &lt;b&gt;SpsLib&lt;/b&gt; realiza una petición a nuestro servidor en busca de anuncios que mostrar, y éste devuelve el anuncio más adecuado en función de dicha petición.<br /> <br /> La librería se ejecuta en segundo plano, por lo que no influye en los procesos que se estén ejecutando en la aplicación del cliente.<br /> <br /> == VERSIONES DE ANDROID SOPORTADAS. ==<br /> <br /> <br /> Esta librería soporta todas las versiones de &lt;b&gt;Android&lt;/b&gt; superiores a la version &lt;b&gt;4.0&lt;/b&gt; (API level &lt;b&gt;14&lt;/b&gt; y nombre en código &lt;b&gt;&lt;i&gt;Ice Cream Sandwich&lt;/i&gt;&lt;/b&gt;).<br /> <br /> == ESPACIOS. ==<br /> <br /> <br /> El &lt;b&gt;espacio&lt;/b&gt; es el elemento que gestiona las características del anuncio a mostrar en su aplicación, tales como el tamaño y posición en pantalla, frecuencia de impresión, tipo de anuncio, etc.<br /> <br /> En un mismo &lt;b&gt;&lt;i&gt;Activity&lt;/i&gt;&lt;/b&gt; (o &lt;b&gt;&lt;i&gt;Fragment&lt;/i&gt;&lt;/b&gt;) de la aplicación se puede establecer uno o varios espacios, en función de lo que desee el desarrollador. Un espacio sólo puede mostrar un anuncio a la vez.<br /> <br /> Para que la librería &lt;b&gt;SpsLib&lt;/b&gt; pueda mostrar un anuncio habrá que crear y configurar previamente el espacio con las características deseadas.<br /> <br /> === Creación de un espacio. ===<br /> <br /> <br /> {{:SDKs:SPS:creacion_espacio}}<br /> <br /> === Configuración del espacio. ===<br /> <br /> <br /> ==== Configuración RTB del espacio. ====<br /> <br /> <br /> {{:SDKs:SPS:configuracion_espacio}}<br /> <br /> ==== Configuración de los &lt;i&gt;cappings&lt;/i&gt;. ====<br /> <br /> <br /> {{:SDKs:SPS:configuracion_cappings}}<br /> <br /> == INSTALACION DE LA LIBRERIA. ==<br /> <br /> <br /> Disponemos de un repositorio &lt;b&gt;&lt;i&gt;maven&lt;/i&gt;&lt;/b&gt; para que sus librerías puedan ser utilizadas en &lt;b&gt;&lt;i&gt;Android Studio&lt;/i&gt;&lt;/b&gt;. Para poder usar la librería &lt;b&gt;SpsLib&lt;/b&gt; es necesario realizar varios cambios, tanto en el archivo &lt;b&gt;&lt;i&gt;build.gradle&lt;/i&gt;&lt;/b&gt; como en el &lt;b&gt;&lt;i&gt;AndroidManifest.xml&lt;/i&gt;&lt;/b&gt; de su aplicación.<br /> <br /> === Cambios en el archivo &lt;i&gt;build.gradle&lt;/i&gt;. ===<br /> <br /> <br /> En el apartado &lt;b&gt;&lt;i&gt;repositories&lt;/i&gt;&lt;/b&gt; deberá añadir:<br /> <br /> repositories {<br /> mavenCentral()<br /> maven { url 'https://maven.mobeleader.com' }<br /> }<br /> <br /> La librería &lt;b&gt;SpsLib&lt;/b&gt; utiliza dos librerías auxiliares, &lt;b&gt;RegisterLib&lt;/b&gt; y &lt;b&gt;UtilsLib&lt;/b&gt;. Por tanto, para utilizar la librería &lt;b&gt;SpsLib&lt;/b&gt; en su aplicación, en el apartado &lt;b&gt;&lt;i&gt;dependencies&lt;/i&gt;&lt;/b&gt; deberá añadir:<br /> <br /> //noinspection GradleDynamicVersion<br /> compile 'com.mobeleader.utils:UtilsLib:+'<br /> //noinspection GradleDynamicVersion<br /> compile 'com.mobeleader.register:RegisterLib:+'<br /> //noinspection GradleDynamicVersion<br /> compile 'com.mobeleader.sps:PlusLib:5.+'<br /> <br /> === Cambios en el archivo &lt;i&gt;AndroidManifest.xml&lt;/i&gt;. ===<br /> <br /> <br /> Es necesario añadir el siguiente permiso:<br /> <br /> &lt;uses-permission android:name=&quot;android.permission.INTERNET&quot; /&gt;<br /> <br /> Se recomienda añadir los siguientes permisos para obtener el mayor rendimiento de la librería:<br /> <br /> &lt;uses-permission android:name=&quot;android.permission.ACCESS_FINE_LOCATION&quot; /&gt;<br /> &lt;uses-permission android:name=&quot;android.permission.ACCESS_WIFI_STATE&quot; /&gt;<br /> &lt;uses-permission android:name=&quot;android.permission.ACCESS_NETWORK_STATE&quot; /&gt;<br /> &lt;uses-permission android:name=&quot;android.permission.READ_PROFILE&quot; /&gt;<br /> &lt;uses-permission android:name=&quot;android.permission.READ_PHONE_STATE&quot; /&gt;<br /> &lt;uses-permission android:name=&quot;android.permission.READ_CONTACTS&quot; /&gt;<br /> &lt;uses-permission android:name=&quot;android.permission.READ_CALENDAR&quot; /&gt;<br /> &lt;uses-permission android:name=&quot;android.permission.WRITE_CALENDAR&quot; /&gt;<br /> &lt;uses-permission android:name=&quot;android.permission.WRITE_EXTERNAL_STORAGE&quot; /&gt;<br /> &lt;uses-permission android:name=&quot;android.permission.GET_ACCOUNTS&quot; /&gt;<br /> &lt;uses-permission android:name=&quot;com.android.launcher.permission.INSTALL_SHORTCUT&quot; /&gt;<br /> <br /> === Cambios en el &lt;i&gt;Proguard&lt;/i&gt;. ===<br /> <br /> <br /> En caso de que esté utilizando el &lt;b&gt;&lt;i&gt;Proguard&lt;/i&gt;&lt;/b&gt; (variable &lt;b&gt;&lt;i&gt;minifyEnabled&lt;/i&gt;&lt;/b&gt; a &lt;b&gt;&lt;i&gt;TRUE&lt;/i&gt;&lt;/b&gt; en el &lt;b&gt;&lt;i&gt;build.gradle&lt;/i&gt;&lt;/b&gt;), será necesario añadir en el fichero del &lt;b&gt;&lt;i&gt;Proguard&lt;/i&gt;&lt;/b&gt; utilizado (&lt;b&gt;&lt;i&gt;proguard-rules.pro&lt;/i&gt;&lt;/b&gt; por defecto) la siguiente regla:<br /> <br /> -keep class com.mobeleader.&lt;i&gt;&lt;/i&gt; {*;}<br /> <br /> == LANZAMIENTO DE LA LIBRERIA. ==<br /> <br /> <br /> Lo primero que debe hacer es elegir el &lt;b&gt;&lt;i&gt;Activity&lt;/i&gt;&lt;/b&gt; (o &lt;b&gt;&lt;i&gt;Fragment&lt;/i&gt;&lt;/b&gt;) en el que quiera mostrar la publicidad. Recuerde que puede hacerlo en tantos &lt;b&gt;&lt;i&gt;Activities&lt;/i&gt;&lt;/b&gt; o &lt;b&gt;&lt;i&gt;Fragments&lt;/i&gt;&lt;/b&gt; como desee. Importe el paquete &lt;b&gt;com.mobeleader.sps&lt;/b&gt;:<br /> <br /> import com.mobeleader.sps.*;<br /> <br /> Una vez importado el paquete, se procederá al lanzamiento de la librería. La librería &lt;b&gt;SpsLib&lt;/b&gt; se puede lanzar principalmente de dos maneras: a través de una vista o directamente.<br /> <br /> === Lanzamiento básico. ===<br /> <br /> <br /> Si lo que desea es mostrar el anuncio a través de un &lt;b&gt;&lt;i&gt;banner&lt;/i&gt;&lt;/b&gt;, en una posición y con unas dimensiones determinadas, ha de utilizar la clase &lt;b&gt;SpsView&lt;/b&gt; en su &lt;b&gt;&lt;i&gt;Activity&lt;/i&gt;&lt;/b&gt; o &lt;b&gt;&lt;i&gt;Fragment&lt;/i&gt;&lt;/b&gt;. &lt;b&gt;SpsView&lt;/b&gt; es el &lt;b&gt;&lt;i&gt;layout&lt;/i&gt;&lt;/b&gt; o vista en el que se mostrará el anuncio. Las características del &lt;b&gt;&lt;i&gt;layout&lt;/i&gt;&lt;/b&gt; se establecen mediante el archivo &lt;b&gt;&lt;i&gt;XML&lt;/i&gt;&lt;/b&gt;.<br /> <br /> Añada en el &lt;b&gt;&lt;i&gt;XML&lt;/i&gt;&lt;/b&gt; del &lt;b&gt;&lt;i&gt;layout&lt;/i&gt;&lt;/b&gt; del &lt;b&gt;&lt;i&gt;Activity&lt;/i&gt;&lt;/b&gt; o &lt;b&gt;&lt;i&gt;Fragment&lt;/i&gt;&lt;/b&gt; la vista &lt;b&gt;*SpsView&lt;/b&gt; (en el ejemplo se añade dentro de un &lt;b&gt;LinearLayout&lt;/b&gt;):<br /> <br /> &lt;LinearLayout<br /> android:layout_width=&quot;match_parent&quot;<br /> android:layout_height=&quot;wrap_content&quot;<br /> android:orientation=&quot;vertical&quot;<br /> android:gravity=&quot;center_horizontal&quot;&gt;<br /> <br /> &lt;com.mobeleader.sps.SpsView<br /> xmlns:sps=&quot;http://schemas.android.com/apk/res-auto&quot;<br /> android:id=&quot;@+id/spsView&quot;<br /> android:layout_width=&quot;wrap_content&quot;<br /> android:layout_height=&quot;wrap_content&quot;<br /> sps:spsAppHash=&quot;appHash&quot;<br /> sps:spsAppSpaceHash=&quot;spaceHash&quot;<br /> sps:spsLoadSps=&quot;true&quot;<br /> sps:spsSize=&quot;BANNER&quot;/&gt;<br /> <br /> &lt;/LinearLayout&gt;<br /> <br /> &lt;b&gt;sps:spsAppHash=“appHash”&lt;/b&gt; y &lt;b&gt;sps:spsAppSpaceHash=“spaceHash”&lt;/b&gt; son campos obligatorios.<br /> <br /> En el campo &lt;b&gt;&lt;i&gt;appHash&lt;/i&gt;&lt;/b&gt; ha de introducir el &lt;b&gt;código hash&lt;/b&gt; de su aplicación, generado al registrarla en nuestro panel. Lo puede obtener en la sección [http://panel.mobeleader.com/index.php?sec=6 Mis Aplicaciones], pulsando el icono de la columna &lt;b&gt;&quot;Hash&quot;&lt;/b&gt; de su aplicación.<br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/sps/app_hash.png<br /> <br /> <br /> En el campo &lt;b&gt;&lt;i&gt;spaceHash&lt;/i&gt;&lt;/b&gt; ha de introducir el &lt;b&gt;código hash&lt;/b&gt; del espacio que vaya a gestionar la publicidad, generado al crear dicho espacio en nuestro panel. Lo puede obtener en la sección [http://panel.mobeleader.com/index.php?sec=34 Mis Espacios], pulsando el icono de la columna &lt;b&gt;&quot;Hash&quot;&lt;/b&gt; de su espacio.<br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/sps/space_hash.png<br /> <br /> <br /> &lt;b&gt;sps:spsSize=“BANNER&quot;&lt;/b&gt; y &lt;b&gt;sps:spsLoadSps=“true&quot;&lt;/b&gt; también son campos obligatorios.<br /> <br /> El campo &lt;b&gt;spsSize&lt;/b&gt; determina el tipo de &lt;b&gt;&lt;i&gt;banner&lt;/i&gt;&lt;/b&gt; a mostrar, esto es, las dimensiones que ocupará dentro de la pantalla. A continuación se muestra una lista con los tipos de &lt;b&gt;&lt;i&gt;banner&lt;/i&gt;&lt;/b&gt; que ofrecemos:<br /> <br /> * &lt;b&gt;&quot;IMAGE_SMALL_BANNER&quot;&lt;/b&gt; (120 x 20).<br /> <br /> * &lt;b&gt;&quot;IMAGE_SMALL_HIGH_BANNER&quot;&lt;/b&gt; (120 x 30).<br /> <br /> * &lt;b&gt;&quot;IMAGE_MEDIUM_BANNER&quot;&lt;/b&gt; (168 x 28).<br /> <br /> * &lt;b&gt;&quot;IMAGE_MEDIUM_HIGH_BANNER&quot;&lt;/b&gt; (168 x 42).<br /> <br /> * &lt;b&gt;&quot;IMAGE_LARGE_BANNER&quot;&lt;/b&gt; (216 x 36).<br /> <br /> * &lt;b&gt;&quot;IMAGE_LARGE_HIGH_BANNER&quot;&lt;/b&gt; (216 x 54).<br /> <br /> * &lt;b&gt;&quot;HIGH_BANNER&quot;&lt;/b&gt; (300 x 75).<br /> <br /> * &lt;b&gt;&quot;MOBILE_POP_UP&quot;&lt;/b&gt; (300 x 250).<br /> <br /> * &lt;b&gt;&quot;TABLET_FILM_STRIP&quot;&lt;/b&gt; (300 x 600).<br /> <br /> * &lt;b&gt;&quot;BANNER&quot;&lt;/b&gt; (320 x 50).<br /> <br /> * &lt;b&gt;&quot;SQUARE_BANNER&quot;&lt;/b&gt; (320 x 320).<br /> <br /> * &lt;b&gt;&quot;MOBILE_LARGE_BANNER&quot;&lt;/b&gt; (320 x 300).<br /> <br /> * &lt;b&gt;&quot;MOBILE_LARGE_POP_UP&quot;&lt;/b&gt; (320 x 350).<br /> <br /> * &lt;b&gt;&quot;TABLET_LARGE_BANNER&quot;&lt;/b&gt; (320 x 480).<br /> <br /> * &lt;b&gt;&quot;TABLET_BANNER&quot;&lt;/b&gt; (480 x 80).<br /> <br /> * &lt;b&gt;&quot;TABLET_POP_UP&quot;&lt;/b&gt; (550 x 480).<br /> <br /> * &lt;b&gt;&quot;INTERSTITIAL&quot;&lt;/b&gt; (pantalla completa).<br /> <br /> <br /> &lt;b&gt;&quot;BANNER&quot;&lt;/b&gt; es el &lt;b&gt;spsSize&lt;/b&gt; por defecto.<br /> <br /> El campo &lt;b&gt;spsLoadSps&lt;/b&gt; determina si la librería se lanza automáticamente al cargar el &lt;b&gt;&lt;i&gt;layout&lt;/i&gt;&lt;/b&gt; &lt;b&gt;SpsView&lt;/b&gt;.<br /> <br /> Si &lt;b&gt;spsLoadSps&lt;/b&gt; es &lt;b&gt;&lt;i&gt;TRUE&lt;/i&gt;&lt;/b&gt; la librería se lanzará automáticamente sin necesidad de instanciar la clase.<br /> <br /> Si &lt;b&gt;spsLoadSps&lt;/b&gt; es &lt;b&gt;&lt;i&gt;FALSE&lt;/i&gt;&lt;/b&gt; la librería podrá ser lanzada en el momento que se desee. Se hará de la siguiente forma dentro del &lt;b&gt;&lt;i&gt;Activity&lt;/i&gt;&lt;/b&gt; o &lt;b&gt;&lt;i&gt;Fragment&lt;/i&gt;&lt;/b&gt;:<br /> <br /> SpsView spsView = (SpsView) tmp_view.findViewById(R.id.spsView);<br /> spsView.loadSps();<br /> <br /> En el ejemplo se está haciendo la llamada a &lt;b&gt;SpsView&lt;/b&gt; dentro de un &lt;b&gt;&lt;i&gt;Fragment&lt;/i&gt;&lt;/b&gt;. En caso de hacerlo dentro de un &lt;b&gt;&lt;i&gt;Activity&lt;/i&gt;&lt;/b&gt; se sustituirá &lt;b&gt;&quot;tmp_view&quot;&lt;/b&gt; por &lt;b&gt;&quot;this&quot;&lt;/b&gt;.<br /> <br /> === Lanzamiento modal. ===<br /> <br /> <br /> El lanzamiento modal consiste en mostrar automáticamente un anuncio &lt;b&gt;&lt;i&gt;interstitial&lt;/i&gt;&lt;/b&gt; o &lt;b&gt;modal&lt;/b&gt; (pantalla completa) en el &lt;b&gt;&lt;i&gt;Activity&lt;/i&gt;&lt;/b&gt; o &lt;b&gt;&lt;i&gt;Fragment&lt;/i&gt;&lt;/b&gt; seleccionado.<br /> <br /> Si desea mostrar el anuncio directamente, en el &lt;b&gt;onCreate&lt;/b&gt; (si es un &lt;b&gt;&lt;i&gt;Activity&lt;/i&gt;&lt;/b&gt;) o en el &lt;b&gt;onCreateView&lt;/b&gt; (si es un &lt;b&gt;&lt;i&gt;Fragment&lt;/i&gt;&lt;/b&gt;) añada el siguiente código:<br /> <br /> SpsLib sps = new SpsLib(context); // La variable &quot;context&quot; es el Context del Activity. En caso de ser un Activity y no un Fragment: &quot;this&quot;.<br /> sps.setAppHash(&quot;appHash&quot;); // Campo obligatorio -&gt; Código hash de la app.<br /> sps.setAppSpaceHash(&quot;spaceHash&quot;); // Campo obligatorio -&gt; Código hash del espacio.<br /> sps.startSps();<br /> <br /> &lt;b&gt;setAppHash(“&lt;i&gt;appHash&lt;/i&gt;”)&lt;/b&gt; y &lt;b&gt;setSpaceHash(“&lt;i&gt;spaceHash&lt;/i&gt;”)&lt;/b&gt; son campos obligatorios, y funcionan tal como se explica en el lanzamiento básico.<br /> <br /> Si desea lanzar la librería en un momento determinado, lo que debe hacer es preparar la librería para su lanzamiento y ejecutarla en el momento que desee. A continuación se muestra un ejemplo utilizando el &lt;b&gt;&lt;i&gt;listener&lt;/i&gt;&lt;/b&gt; &lt;b&gt;onAdReadyToShow&lt;/b&gt;:<br /> <br /> SpsLib sps = new SpsLib(context); // La variable &quot;context&quot; es el Context del Activity. En caso de ser un Activity y no un Fragment: &quot;this&quot;.<br /> sps.setAppHash(appHash); // Campo obligatorio -&gt; Código hash de la app.<br /> sps.setAppSpaceHash(&quot;spaceHash&quot;); // Campo obligatorio -&gt; Código hash del espacio.<br /> <br /> sps.setSpsListener(new SpsListener() {<br /> public void onIsGoingToShowAd(boolean isGoingToShow) {<br /> sps.loadSps();<br /> }<br /> });<br /> sps.getReady();<br /> <br /> === Listeners. ===<br /> <br /> <br /> La librería &lt;b&gt;SpsLib&lt;/b&gt; está dotada de varios &lt;b&gt;&lt;i&gt;listeners&lt;/i&gt;&lt;/b&gt;:<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: notifica si la aplicación tiene &lt;b&gt;activada&lt;/b&gt; la librería.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: notifica en caso de que la aplicación tenga &lt;b&gt;desactivada&lt;/b&gt; la librería.<br /> <br /> * &lt;b&gt;onLibStart&lt;/b&gt;: notifica cuando la librería ha empezado a comprobar los anuncios.<br /> <br /> * &lt;b&gt;onIsGoingToShowAd&lt;/b&gt;: notifica cuando la librería ha cotejado si debe mostrar anuncio o no. En caso de que vaya a mostrar anuncio devuelve &lt;b&gt;&lt;i&gt;&quot;true&quot;&lt;/i&gt;&lt;/b&gt; en el argumento, &lt;b&gt;&lt;i&gt;&quot;false&quot;&lt;/i&gt;&lt;/b&gt; en caso contrario.<br /> <br /> * &lt;b&gt;onAdNotShow&lt;/b&gt;: notifica cuando la librería no va a mostrar ningún anuncio. Si el motivo por el cual no devuleve un anuncio es un error de la librería, el listener devolvera un objeto &lt;b&gt;&lt;i&gt;JSON&lt;/i&gt;&lt;/b&gt; con los errores producidos.<br /> <br /> * &lt;b&gt;onAdShow&lt;/b&gt;: notifica cuando la librería va a mostrar un anuncio.<br /> <br /> * &lt;b&gt;onAdReadyToShow&lt;/b&gt;: notifica cuando la librería ya tiene elegido y preparado el anuncio a mostrar. Devuelve el tipo de anuncio que se va a mostrar, que podrá ser &lt;b&gt;&quot;INTERSTITIAL&quot;&lt;/b&gt; o el tipo de &lt;b&gt;&lt;i&gt;banner&lt;/i&gt;&lt;/b&gt; (ej: &lt;b&gt;&quot;HIGH_BANNER&quot;&lt;/b&gt;).<br /> <br /> * &lt;b&gt;onPresentScreenAd&lt;/b&gt;: notifica cuando el anuncio está en pantalla.<br /> <br /> * &lt;b&gt;onActionShow&lt;/b&gt;: notifica cuando el anuncio ha realizado la acción de visualizado.<br /> <br /> * &lt;b&gt;onActionUrlOpen&lt;/b&gt;: notifica cuando el anuncio ha realizado la acción de abrir una URL. Devuelve como &lt;b&gt;&lt;i&gt;string&lt;/i&gt;&lt;/b&gt; la URL abierta en el argumento .<br /> <br /> * &lt;b&gt;onActionCloseButton&lt;/b&gt;: notifica cuando el anuncio ha realizado la acción de pulsar sobre el &lt;b&gt;&quot;botón cerrar&quot;&lt;/b&gt;.<br /> <br /> * &lt;b&gt;onAdClose&lt;/b&gt;: notifica cuando el anuncio se ha cerrado.<br /> <br /> * &lt;b&gt;onLibClose&lt;/b&gt;: notifica cuando la librería se ha cerrado.<br /> <br /> * &lt;b&gt;onError&lt;/b&gt;: notifica cuando la librería ha tenido algún error. Devuelve un &lt;b&gt;&lt;i&gt;string&lt;/i&gt;&lt;/b&gt; con la descripción del error producido.<br /> <br /> <br /> Para acceder a los &lt;b&gt;&lt;i&gt;listeners&lt;/i&gt;&lt;/b&gt;, la llamada a la librería &lt;b&gt;SpsLib&lt;/b&gt; deberá realizarse de la siguiente forma (se pueden implementar tantos listeners como se quiera, no es necesario implementarlos todos):<br /> <br /> SpsLib sps = new SpsLib(this);<br /> SpsListener spsListener = new SpsListener()<br /> {<br /> <br /> @Override<br /> public void onActive()<br /> {<br /> // TODO complete listener<br /> }<br /> <br /> @Override<br /> public void onInactive()<br /> {<br /> // TODO complete listener<br /> }<br /> <br /> @Override<br /> public void onLibStart()<br /> {<br /> // TODO complete listener<br /> }<br /> <br /> @Override<br /> public void onIsGoingToShowAd(boolean isGoingToShow)<br /> {<br /> // TODO complete listener<br /> }<br /> <br /> @Override<br /> public void onAdNotShow()<br /> {<br /> // TODO complete listener<br /> }<br /> <br /> @Override<br /> public void onAdNotShow(JSONObject jsonObject)<br /> {<br /> // TODO complete listener<br /> }<br /> <br /> @Override<br /> public void onAdShow()<br /> {<br /> // TODO complete listener<br /> }<br /> <br /> @Override<br /> public void onPresentScreenAd()<br /> {<br /> // TODO complete listener<br /> }<br /> <br /> @Override<br /> public void onActionShow()<br /> {<br /> // TODO complete listener<br /> }<br /> <br /> @Override<br /> public void onActionCloseButton()<br /> {<br /> // TODO complete listener<br /> }<br /> <br /> @Override<br /> public void onAdClose()<br /> {<br /> // TODO complete listener<br /> }<br /> <br /> @Override<br /> public void onLibClose()<br /> {<br /> // TODO complete listener<br /> }<br /> <br /> @Override<br /> public void onActionUrlOpen(String arg0)<br /> {<br /> // TODO complete listener<br /> }<br /> <br /> @Override<br /> public void onAdReadyToShow(String bannerType)<br /> {<br /> // TODO complete listener<br /> }<br /> <br /> @Override<br /> public void onError(String arg0)<br /> {<br /> // TODO complete listener<br /> }<br /> <br /> };<br /> sps.setAppHash(&quot;appHash&quot;);<br /> sps.setAppSpaceHash(&quot;spaceHash&quot;);<br /> sps.startSps();<br /> <br /> La clase &lt;b&gt;SpsView&lt;/b&gt; incorpora así mismo el método &lt;b&gt;setSpsListener&lt;/b&gt;.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2317 2018-10-15T17:18:32Z

<p>Asier: /* CallBacks: */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES SOPORTADAS ==<br /> <br /> Este Plugin soporta tanto Android como iOS. <br /> <br /> Para iOS soporta las versiones superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> Para Android soporta todas las versiones superiores a la &lt;b&gt;4.0&lt;/b&gt;<br /> <br /> {{:SDKs:NickCenter:PanelControl}}<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL PLUGIN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Para instalar el Plugin, si queremos que funcione en iOS, primero tendremos que instalar el plugin cordova-plugin-cocoapod-support, de la siguiente manera:<br /> cordova plugin add cordova-plugin-cocoapod-support<br /> y después instalar el plugin de Nickcenter de esta manera (si solo lo vamos a usar para android con este plugin es suficiente):<br /> cordova plugin add cordova-plugin-nickcenter<br /> <br /> Una vez ejecutados los dos comandos ya tendremos el plugin instalado.<br /> <br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, lanzaremos en el momento donde queramos el código, por ejemplo:<br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801egh95&quot;]);<br /> <br /> <br /> Los Argumentos enviados serán los siguientes:<br /> * &lt;b&gt;Argumento 1:&lt;/b&gt; Es el AppHash de la aplicación, el cual se puede obtener en el panel, como muestra la siguiente pantalla.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; deberá añadir más argumentos, en el siguiente orden (Estos Argumentos son completamente Opcionales) (Todos los colores deben ir en hexadecimal):<br /> <br /> * &lt;b&gt;Argumento 2:&lt;/b&gt; Determina el color de fondo de las pantallas. Ejemplo: &quot;#ffffff&quot;<br /> <br /> * &lt;b&gt;Argumento 3:&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 4:&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 5:&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 6:&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#ebebeb&quot;<br /> <br /> * &lt;b&gt;Argumento 7:&lt;/b&gt; Determina el color del texto descriptivo de cada textfield. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 8:&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 9:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 10:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 11:&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 12:&lt;/b&gt; Determina el color del texto de cada botón cuando se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 13:&lt;/b&gt; Determina el color del borde de los botones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 14:&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 15: (Solo para iOS)&lt;/b&gt; Determina el color de los botones activos en los términos y condiciones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 16: (Solo para iOS)&lt;/b&gt; Determina el color de los botones inactivos en los términos y condiciones. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801eda63&quot;, &quot;#ffffff&quot;, &quot;#f0f0f0&quot;, &quot;#01e3fe&quot;, &quot;#7b7b7b&quot;, &quot;#ebebeb&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#f0f0f0&quot;]);<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_cordova_colores.png<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;<br /> <br /> <br /> Ejemplo:<br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;closeNickCenterSession&quot;, [&quot;54e46801eda63&quot;]);<br /> <br /> === CallBacks: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de callbacks los cuales se pueden recoger en en las funciones implementadas successNickCenterCallback y errorNickCenterCallback que permiten al desarrollador saber qué parte del plugin se esta ejecutando y cuál es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;onRegisterViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;onLoginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;onRescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError: Cadena de Error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning: Cadena de Warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;onFinished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;onSessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;onRegisterRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterPerformed: Json de Usuario&lt;/b&gt;: Notificará cuando haya habido un registro correcto. Se mandará la información recogida del usuario en formato Json.<br /> <br /> * &lt;b&gt;onLoginPerformed: Json de Usuario&lt;/b&gt;: Notificará cuando haya habido un login correcto. Se mandará la información recogida del usuario en formato Json.<br /> <br /> * &lt;b&gt;onLoginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onRescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> * &lt;b&gt;onRescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2315 2018-10-15T17:08:42Z

<p>Asier: /* LANZAMIENTO: */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES SOPORTADAS ==<br /> <br /> Este Plugin soporta tanto Android como iOS. <br /> <br /> Para iOS soporta las versiones superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> Para Android soporta todas las versiones superiores a la &lt;b&gt;4.0&lt;/b&gt;<br /> <br /> {{:SDKs:NickCenter:PanelControl}}<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL PLUGIN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Para instalar el Plugin, si queremos que funcione en iOS, primero tendremos que instalar el plugin cordova-plugin-cocoapod-support, de la siguiente manera:<br /> cordova plugin add cordova-plugin-cocoapod-support<br /> y después instalar el plugin de Nickcenter de esta manera (si solo lo vamos a usar para android con este plugin es suficiente):<br /> cordova plugin add cordova-plugin-nickcenter<br /> <br /> Una vez ejecutados los dos comandos ya tendremos el plugin instalado.<br /> <br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, lanzaremos en el momento donde queramos el código, por ejemplo:<br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801egh95&quot;]);<br /> <br /> <br /> Los Argumentos enviados serán los siguientes:<br /> * &lt;b&gt;Argumento 1:&lt;/b&gt; Es el AppHash de la aplicación, el cual se puede obtener en el panel, como muestra la siguiente pantalla.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; deberá añadir más argumentos, en el siguiente orden (Estos Argumentos son completamente Opcionales) (Todos los colores deben ir en hexadecimal):<br /> <br /> * &lt;b&gt;Argumento 2:&lt;/b&gt; Determina el color de fondo de las pantallas. Ejemplo: &quot;#ffffff&quot;<br /> <br /> * &lt;b&gt;Argumento 3:&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 4:&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 5:&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 6:&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#ebebeb&quot;<br /> <br /> * &lt;b&gt;Argumento 7:&lt;/b&gt; Determina el color del texto descriptivo de cada textfield. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 8:&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 9:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 10:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 11:&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 12:&lt;/b&gt; Determina el color del texto de cada botón cuando se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 13:&lt;/b&gt; Determina el color del borde de los botones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 14:&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 15: (Solo para iOS)&lt;/b&gt; Determina el color de los botones activos en los términos y condiciones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 16: (Solo para iOS)&lt;/b&gt; Determina el color de los botones inactivos en los términos y condiciones. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801eda63&quot;, &quot;#ffffff&quot;, &quot;#f0f0f0&quot;, &quot;#01e3fe&quot;, &quot;#7b7b7b&quot;, &quot;#ebebeb&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#f0f0f0&quot;]);<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_cordova_colores.png<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;<br /> <br /> <br /> Ejemplo:<br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;closeNickCenterSession&quot;, [&quot;54e46801eda63&quot;]);<br /> <br /> === CallBacks: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de callbacks los cuales se pueden recoger en en las funciones implementadas successNickCenterCallback y errorNickCenterCallback que permiten al desarrollador saber qué parte del plugin se esta ejecutando y cuál es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;onRegisterViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;onLoginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;onRescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString *)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString *)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;onFinished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;onSessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;onRegisterRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterPerformed:(NCUser &lt;i&gt;) user dictionary:(NSMutableDictionary &lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro correcto.Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;onLoginPerformed:(NCUser &lt;i&gt;) user dictionary:(NSMutableDictionary &lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;onLoginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onRescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> * &lt;b&gt;onRescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2314 2018-10-15T17:08:25Z

<p>Asier: /* FUNCIONES UTILES: */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES SOPORTADAS ==<br /> <br /> Este Plugin soporta tanto Android como iOS. <br /> <br /> Para iOS soporta las versiones superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> Para Android soporta todas las versiones superiores a la &lt;b&gt;4.0&lt;/b&gt;<br /> <br /> {{:SDKs:NickCenter:PanelControl}}<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL PLUGIN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Para instalar el Plugin, si queremos que funcione en iOS, primero tendremos que instalar el plugin cordova-plugin-cocoapod-support, de la siguiente manera:<br /> cordova plugin add cordova-plugin-cocoapod-support<br /> y después instalar el plugin de Nickcenter de esta manera (si solo lo vamos a usar para android con este plugin es suficiente):<br /> cordova plugin add cordova-plugin-nickcenter<br /> <br /> Una vez ejecutados los dos comandos ya tendremos el plugin instalado.<br /> <br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, lanzaremos en el momento donde queramos el código, por ejemplo para iOS:<br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801egh95&quot;]);<br /> <br /> Y Para Android:<br /> <br /> <br /> Los Argumentos enviados serán los siguientes:<br /> * &lt;b&gt;Argumento 1:&lt;/b&gt; Es el AppHash de la aplicación, el cual se puede obtener en el panel, como muestra la siguiente pantalla.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; deberá añadir más argumentos, en el siguiente orden (Estos Argumentos son completamente Opcionales) (Todos los colores deben ir en hexadecimal):<br /> <br /> * &lt;b&gt;Argumento 2:&lt;/b&gt; Determina el color de fondo de las pantallas. Ejemplo: &quot;#ffffff&quot;<br /> <br /> * &lt;b&gt;Argumento 3:&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 4:&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 5:&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 6:&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#ebebeb&quot;<br /> <br /> * &lt;b&gt;Argumento 7:&lt;/b&gt; Determina el color del texto descriptivo de cada textfield. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 8:&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 9:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 10:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 11:&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 12:&lt;/b&gt; Determina el color del texto de cada botón cuando se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 13:&lt;/b&gt; Determina el color del borde de los botones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 14:&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 15: (Solo para iOS)&lt;/b&gt; Determina el color de los botones activos en los términos y condiciones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 16: (Solo para iOS)&lt;/b&gt; Determina el color de los botones inactivos en los términos y condiciones. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801eda63&quot;, &quot;#ffffff&quot;, &quot;#f0f0f0&quot;, &quot;#01e3fe&quot;, &quot;#7b7b7b&quot;, &quot;#ebebeb&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#f0f0f0&quot;]);<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_cordova_colores.png<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;<br /> <br /> <br /> Ejemplo:<br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;closeNickCenterSession&quot;, [&quot;54e46801eda63&quot;]);<br /> <br /> === CallBacks: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de callbacks los cuales se pueden recoger en en las funciones implementadas successNickCenterCallback y errorNickCenterCallback que permiten al desarrollador saber qué parte del plugin se esta ejecutando y cuál es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;onRegisterViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;onLoginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;onRescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString *)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString *)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;onFinished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;onSessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;onRegisterRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterPerformed:(NCUser &lt;i&gt;) user dictionary:(NSMutableDictionary &lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro correcto.Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;onLoginPerformed:(NCUser &lt;i&gt;) user dictionary:(NSMutableDictionary &lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;onLoginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onRescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> * &lt;b&gt;onRescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2313 2018-10-15T17:04:20Z

<p>Asier: /* CallBacks: */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES SOPORTADAS ==<br /> <br /> Este Plugin soporta tanto Android como iOS. <br /> <br /> Para iOS soporta las versiones superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> Para Android soporta todas las versiones superiores a la &lt;b&gt;4.0&lt;/b&gt;<br /> <br /> {{:SDKs:NickCenter:PanelControl}}<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL PLUGIN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Para instalar el Plugin, si queremos que funcione en iOS, primero tendremos que instalar el plugin cordova-plugin-cocoapod-support, de la siguiente manera:<br /> cordova plugin add cordova-plugin-cocoapod-support<br /> y después instalar el plugin de Nickcenter de esta manera (si solo lo vamos a usar para android con este plugin es suficiente):<br /> cordova plugin add cordova-plugin-nickcenter<br /> <br /> Una vez ejecutados los dos comandos ya tendremos el plugin instalado.<br /> <br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, lanzaremos en el momento donde queramos el código, por ejemplo para iOS:<br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801egh95&quot;]);<br /> <br /> Y Para Android:<br /> <br /> <br /> Los Argumentos enviados serán los siguientes:<br /> * &lt;b&gt;Argumento 1:&lt;/b&gt; Es el AppHash de la aplicación, el cual se puede obtener en el panel, como muestra la siguiente pantalla.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; deberá añadir más argumentos, en el siguiente orden (Estos Argumentos son completamente Opcionales) (Todos los colores deben ir en hexadecimal):<br /> <br /> * &lt;b&gt;Argumento 2:&lt;/b&gt; Determina el color de fondo de las pantallas. Ejemplo: &quot;#ffffff&quot;<br /> <br /> * &lt;b&gt;Argumento 3:&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 4:&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 5:&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 6:&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#ebebeb&quot;<br /> <br /> * &lt;b&gt;Argumento 7:&lt;/b&gt; Determina el color del texto descriptivo de cada textfield. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 8:&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 9:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 10:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 11:&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 12:&lt;/b&gt; Determina el color del texto de cada botón cuando se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 13:&lt;/b&gt; Determina el color del borde de los botones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 14:&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 15: (Solo para iOS)&lt;/b&gt; Determina el color de los botones activos en los términos y condiciones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 16: (Solo para iOS)&lt;/b&gt; Determina el color de los botones inactivos en los términos y condiciones. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801eda63&quot;, &quot;#ffffff&quot;, &quot;#f0f0f0&quot;, &quot;#01e3fe&quot;, &quot;#7b7b7b&quot;, &quot;#ebebeb&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#f0f0f0&quot;]);<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_cordova_colores.png<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;<br /> <br /> <br /> Ejemplo para iOS:<br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;closeNickCenterSession&quot;, [&quot;54e46801eda63&quot;]); <br /> <br /> Ejemplo para Android:<br /> FALTA ANDROID<br /> <br /> === CallBacks: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de callbacks los cuales se pueden recoger en en las funciones implementadas successNickCenterCallback y errorNickCenterCallback que permiten al desarrollador saber qué parte del plugin se esta ejecutando y cuál es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;onRegisterViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;onLoginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;onRescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString *)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString *)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;onFinished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;onSessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;onRegisterRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterPerformed:(NCUser &lt;i&gt;) user dictionary:(NSMutableDictionary &lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro correcto.Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;onLoginPerformed:(NCUser &lt;i&gt;) user dictionary:(NSMutableDictionary &lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;onLoginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onRescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> * &lt;b&gt;onRescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2312 2018-10-15T17:03:57Z

<p>Asier: /* CallBacks: */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES SOPORTADAS ==<br /> <br /> Este Plugin soporta tanto Android como iOS. <br /> <br /> Para iOS soporta las versiones superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> Para Android soporta todas las versiones superiores a la &lt;b&gt;4.0&lt;/b&gt;<br /> <br /> {{:SDKs:NickCenter:PanelControl}}<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL PLUGIN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Para instalar el Plugin, si queremos que funcione en iOS, primero tendremos que instalar el plugin cordova-plugin-cocoapod-support, de la siguiente manera:<br /> cordova plugin add cordova-plugin-cocoapod-support<br /> y después instalar el plugin de Nickcenter de esta manera (si solo lo vamos a usar para android con este plugin es suficiente):<br /> cordova plugin add cordova-plugin-nickcenter<br /> <br /> Una vez ejecutados los dos comandos ya tendremos el plugin instalado.<br /> <br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, lanzaremos en el momento donde queramos el código, por ejemplo para iOS:<br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801egh95&quot;]);<br /> <br /> Y Para Android:<br /> <br /> <br /> Los Argumentos enviados serán los siguientes:<br /> * &lt;b&gt;Argumento 1:&lt;/b&gt; Es el AppHash de la aplicación, el cual se puede obtener en el panel, como muestra la siguiente pantalla.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; deberá añadir más argumentos, en el siguiente orden (Estos Argumentos son completamente Opcionales) (Todos los colores deben ir en hexadecimal):<br /> <br /> * &lt;b&gt;Argumento 2:&lt;/b&gt; Determina el color de fondo de las pantallas. Ejemplo: &quot;#ffffff&quot;<br /> <br /> * &lt;b&gt;Argumento 3:&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 4:&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 5:&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 6:&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#ebebeb&quot;<br /> <br /> * &lt;b&gt;Argumento 7:&lt;/b&gt; Determina el color del texto descriptivo de cada textfield. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 8:&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 9:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 10:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 11:&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 12:&lt;/b&gt; Determina el color del texto de cada botón cuando se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 13:&lt;/b&gt; Determina el color del borde de los botones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 14:&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 15: (Solo para iOS)&lt;/b&gt; Determina el color de los botones activos en los términos y condiciones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 16: (Solo para iOS)&lt;/b&gt; Determina el color de los botones inactivos en los términos y condiciones. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801eda63&quot;, &quot;#ffffff&quot;, &quot;#f0f0f0&quot;, &quot;#01e3fe&quot;, &quot;#7b7b7b&quot;, &quot;#ebebeb&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#f0f0f0&quot;]);<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_cordova_colores.png<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;<br /> <br /> <br /> Ejemplo para iOS:<br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;closeNickCenterSession&quot;, [&quot;54e46801eda63&quot;]); <br /> <br /> Ejemplo para Android:<br /> FALTA ANDROID<br /> <br /> === CallBacks: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de callbacks los cuales se pueden recoger en en las funciones implementadas successNickCenterCallback y errorNickCenterCallback que permiten al desarrollador saber qué parte del plugin se esta ejecutando y cuál es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;onRegisterViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;onLoginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;onRescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString *)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString *)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;onFinished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;onSessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;onRegisterRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterPerformed:(NCUser &lt;i&gt;) user dictionary:(NSMutableDictionary &lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro correcto.Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;onLoginPerformed:(NCUser &lt;i&gt;) user dictionary:(NSMutableDictionary &lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro o un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;onLoginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onRescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> * &lt;b&gt;onRescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2311 2018-10-15T17:02:52Z

<p>Asier: /* CallBacks: */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES SOPORTADAS ==<br /> <br /> Este Plugin soporta tanto Android como iOS. <br /> <br /> Para iOS soporta las versiones superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> Para Android soporta todas las versiones superiores a la &lt;b&gt;4.0&lt;/b&gt;<br /> <br /> {{:SDKs:NickCenter:PanelControl}}<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL PLUGIN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Para instalar el Plugin, si queremos que funcione en iOS, primero tendremos que instalar el plugin cordova-plugin-cocoapod-support, de la siguiente manera:<br /> cordova plugin add cordova-plugin-cocoapod-support<br /> y después instalar el plugin de Nickcenter de esta manera (si solo lo vamos a usar para android con este plugin es suficiente):<br /> cordova plugin add cordova-plugin-nickcenter<br /> <br /> Una vez ejecutados los dos comandos ya tendremos el plugin instalado.<br /> <br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, lanzaremos en el momento donde queramos el código, por ejemplo para iOS:<br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801egh95&quot;]);<br /> <br /> Y Para Android:<br /> <br /> <br /> Los Argumentos enviados serán los siguientes:<br /> * &lt;b&gt;Argumento 1:&lt;/b&gt; Es el AppHash de la aplicación, el cual se puede obtener en el panel, como muestra la siguiente pantalla.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; deberá añadir más argumentos, en el siguiente orden (Estos Argumentos son completamente Opcionales) (Todos los colores deben ir en hexadecimal):<br /> <br /> * &lt;b&gt;Argumento 2:&lt;/b&gt; Determina el color de fondo de las pantallas. Ejemplo: &quot;#ffffff&quot;<br /> <br /> * &lt;b&gt;Argumento 3:&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 4:&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 5:&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 6:&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#ebebeb&quot;<br /> <br /> * &lt;b&gt;Argumento 7:&lt;/b&gt; Determina el color del texto descriptivo de cada textfield. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 8:&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 9:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 10:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 11:&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 12:&lt;/b&gt; Determina el color del texto de cada botón cuando se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 13:&lt;/b&gt; Determina el color del borde de los botones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 14:&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 15: (Solo para iOS)&lt;/b&gt; Determina el color de los botones activos en los términos y condiciones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 16: (Solo para iOS)&lt;/b&gt; Determina el color de los botones inactivos en los términos y condiciones. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801eda63&quot;, &quot;#ffffff&quot;, &quot;#f0f0f0&quot;, &quot;#01e3fe&quot;, &quot;#7b7b7b&quot;, &quot;#ebebeb&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#f0f0f0&quot;]);<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_cordova_colores.png<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;<br /> <br /> <br /> Ejemplo para iOS:<br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;closeNickCenterSession&quot;, [&quot;54e46801eda63&quot;]); <br /> <br /> Ejemplo para Android:<br /> FALTA ANDROID<br /> <br /> === CallBacks: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de callbacks los cuales se pueden recoger en en las funciones implementadas successNickCenterCallback y errorNickCenterCallback que permiten al desarrollador saber qué parte del plugin se esta ejecutando y cuál es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;onRegisterViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;onLoginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;onRescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString *)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString *)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;onFinished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;onSessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;onRegisterRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;:&lt;/b&gt;: Notificará cuando haya habido un registro correcto.Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;onLoginPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro o un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;onLoginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onRescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> * &lt;b&gt;onRescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2310 2018-10-15T17:02:27Z

<p>Asier: /* CallBacks: */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES SOPORTADAS ==<br /> <br /> Este Plugin soporta tanto Android como iOS. <br /> <br /> Para iOS soporta las versiones superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> Para Android soporta todas las versiones superiores a la &lt;b&gt;4.0&lt;/b&gt;<br /> <br /> {{:SDKs:NickCenter:PanelControl}}<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL PLUGIN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Para instalar el Plugin, si queremos que funcione en iOS, primero tendremos que instalar el plugin cordova-plugin-cocoapod-support, de la siguiente manera:<br /> cordova plugin add cordova-plugin-cocoapod-support<br /> y después instalar el plugin de Nickcenter de esta manera (si solo lo vamos a usar para android con este plugin es suficiente):<br /> cordova plugin add cordova-plugin-nickcenter<br /> <br /> Una vez ejecutados los dos comandos ya tendremos el plugin instalado.<br /> <br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, lanzaremos en el momento donde queramos el código, por ejemplo para iOS:<br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801egh95&quot;]);<br /> <br /> Y Para Android:<br /> <br /> <br /> Los Argumentos enviados serán los siguientes:<br /> * &lt;b&gt;Argumento 1:&lt;/b&gt; Es el AppHash de la aplicación, el cual se puede obtener en el panel, como muestra la siguiente pantalla.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; deberá añadir más argumentos, en el siguiente orden (Estos Argumentos son completamente Opcionales) (Todos los colores deben ir en hexadecimal):<br /> <br /> * &lt;b&gt;Argumento 2:&lt;/b&gt; Determina el color de fondo de las pantallas. Ejemplo: &quot;#ffffff&quot;<br /> <br /> * &lt;b&gt;Argumento 3:&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 4:&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 5:&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 6:&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#ebebeb&quot;<br /> <br /> * &lt;b&gt;Argumento 7:&lt;/b&gt; Determina el color del texto descriptivo de cada textfield. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 8:&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 9:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 10:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 11:&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 12:&lt;/b&gt; Determina el color del texto de cada botón cuando se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 13:&lt;/b&gt; Determina el color del borde de los botones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 14:&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 15: (Solo para iOS)&lt;/b&gt; Determina el color de los botones activos en los términos y condiciones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 16: (Solo para iOS)&lt;/b&gt; Determina el color de los botones inactivos en los términos y condiciones. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801eda63&quot;, &quot;#ffffff&quot;, &quot;#f0f0f0&quot;, &quot;#01e3fe&quot;, &quot;#7b7b7b&quot;, &quot;#ebebeb&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#f0f0f0&quot;]);<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_cordova_colores.png<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;<br /> <br /> <br /> Ejemplo para iOS:<br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;closeNickCenterSession&quot;, [&quot;54e46801eda63&quot;]); <br /> <br /> Ejemplo para Android:<br /> FALTA ANDROID<br /> <br /> === CallBacks: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de callbacks los cuales se pueden recoger en en las funciones implementadas successNickCenterCallback y errorNickCenterCallback que permiten al desarrollador saber qué parte del plugin se esta ejecutando y cuál es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;onRegisterViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;onLoginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;onRescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString \*)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString \*)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;onFinished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;onSessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;onRegisterRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;:&lt;/b&gt;: Notificará cuando haya habido un registro correcto.Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;onLoginPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro o un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;onLoginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onRescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> * &lt;b&gt;onRescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2309 2018-10-15T17:02:11Z

<p>Asier: /* FUNCIONES UTILES: */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES SOPORTADAS ==<br /> <br /> Este Plugin soporta tanto Android como iOS. <br /> <br /> Para iOS soporta las versiones superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> Para Android soporta todas las versiones superiores a la &lt;b&gt;4.0&lt;/b&gt;<br /> <br /> {{:SDKs:NickCenter:PanelControl}}<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL PLUGIN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Para instalar el Plugin, si queremos que funcione en iOS, primero tendremos que instalar el plugin cordova-plugin-cocoapod-support, de la siguiente manera:<br /> cordova plugin add cordova-plugin-cocoapod-support<br /> y después instalar el plugin de Nickcenter de esta manera (si solo lo vamos a usar para android con este plugin es suficiente):<br /> cordova plugin add cordova-plugin-nickcenter<br /> <br /> Una vez ejecutados los dos comandos ya tendremos el plugin instalado.<br /> <br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, lanzaremos en el momento donde queramos el código, por ejemplo para iOS:<br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801egh95&quot;]);<br /> <br /> Y Para Android:<br /> <br /> <br /> Los Argumentos enviados serán los siguientes:<br /> * &lt;b&gt;Argumento 1:&lt;/b&gt; Es el AppHash de la aplicación, el cual se puede obtener en el panel, como muestra la siguiente pantalla.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; deberá añadir más argumentos, en el siguiente orden (Estos Argumentos son completamente Opcionales) (Todos los colores deben ir en hexadecimal):<br /> <br /> * &lt;b&gt;Argumento 2:&lt;/b&gt; Determina el color de fondo de las pantallas. Ejemplo: &quot;#ffffff&quot;<br /> <br /> * &lt;b&gt;Argumento 3:&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 4:&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 5:&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 6:&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#ebebeb&quot;<br /> <br /> * &lt;b&gt;Argumento 7:&lt;/b&gt; Determina el color del texto descriptivo de cada textfield. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 8:&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 9:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 10:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 11:&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 12:&lt;/b&gt; Determina el color del texto de cada botón cuando se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 13:&lt;/b&gt; Determina el color del borde de los botones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 14:&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 15: (Solo para iOS)&lt;/b&gt; Determina el color de los botones activos en los términos y condiciones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 16: (Solo para iOS)&lt;/b&gt; Determina el color de los botones inactivos en los términos y condiciones. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801eda63&quot;, &quot;#ffffff&quot;, &quot;#f0f0f0&quot;, &quot;#01e3fe&quot;, &quot;#7b7b7b&quot;, &quot;#ebebeb&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#f0f0f0&quot;]);<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_cordova_colores.png<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;<br /> <br /> <br /> Ejemplo para iOS:<br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;closeNickCenterSession&quot;, [&quot;54e46801eda63&quot;]); <br /> <br /> Ejemplo para Android:<br /> FALTA ANDROID<br /> <br /> === CallBacks: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de callbacks los cuales se pueden recoger en en las funciones implementadas successNickCenterCallback y errorNickCenterCallback que permiten al desarrollador saber qué parte del plugin se esta ejecutando y cuál es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;onRegisterViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;onLoginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;onRescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString \*)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString \*)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;onFinished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;onSessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;onRegisterRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;:&lt;/b&gt;: Notificará cuando haya habido un registro correcto.Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;onLoginPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro o un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;onLoginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onRescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> - &lt;b&gt;onRescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2308 2018-10-15T17:02:00Z

<p>Asier: /* FUNCIONES UTILES: */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES SOPORTADAS ==<br /> <br /> Este Plugin soporta tanto Android como iOS. <br /> <br /> Para iOS soporta las versiones superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> Para Android soporta todas las versiones superiores a la &lt;b&gt;4.0&lt;/b&gt;<br /> <br /> {{:SDKs:NickCenter:PanelControl}}<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL PLUGIN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Para instalar el Plugin, si queremos que funcione en iOS, primero tendremos que instalar el plugin cordova-plugin-cocoapod-support, de la siguiente manera:<br /> cordova plugin add cordova-plugin-cocoapod-support<br /> y después instalar el plugin de Nickcenter de esta manera (si solo lo vamos a usar para android con este plugin es suficiente):<br /> cordova plugin add cordova-plugin-nickcenter<br /> <br /> Una vez ejecutados los dos comandos ya tendremos el plugin instalado.<br /> <br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, lanzaremos en el momento donde queramos el código, por ejemplo para iOS:<br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801egh95&quot;]);<br /> <br /> Y Para Android:<br /> <br /> <br /> Los Argumentos enviados serán los siguientes:<br /> * &lt;b&gt;Argumento 1:&lt;/b&gt; Es el AppHash de la aplicación, el cual se puede obtener en el panel, como muestra la siguiente pantalla.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; deberá añadir más argumentos, en el siguiente orden (Estos Argumentos son completamente Opcionales) (Todos los colores deben ir en hexadecimal):<br /> <br /> * &lt;b&gt;Argumento 2:&lt;/b&gt; Determina el color de fondo de las pantallas. Ejemplo: &quot;#ffffff&quot;<br /> <br /> * &lt;b&gt;Argumento 3:&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 4:&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 5:&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 6:&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#ebebeb&quot;<br /> <br /> * &lt;b&gt;Argumento 7:&lt;/b&gt; Determina el color del texto descriptivo de cada textfield. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 8:&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 9:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 10:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 11:&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 12:&lt;/b&gt; Determina el color del texto de cada botón cuando se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 13:&lt;/b&gt; Determina el color del borde de los botones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 14:&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 15: (Solo para iOS)&lt;/b&gt; Determina el color de los botones activos en los términos y condiciones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 16: (Solo para iOS)&lt;/b&gt; Determina el color de los botones inactivos en los términos y condiciones. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801eda63&quot;, &quot;#ffffff&quot;, &quot;#f0f0f0&quot;, &quot;#01e3fe&quot;, &quot;#7b7b7b&quot;, &quot;#ebebeb&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#f0f0f0&quot;]);<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_cordova_colores.png<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;: <br /> <br /> <br /> Ejemplo para iOS:<br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;closeNickCenterSession&quot;, [&quot;54e46801eda63&quot;]); <br /> <br /> Ejemplo para Android:<br /> FALTA ANDROID<br /> <br /> === CallBacks: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de callbacks los cuales se pueden recoger en en las funciones implementadas successNickCenterCallback y errorNickCenterCallback que permiten al desarrollador saber qué parte del plugin se esta ejecutando y cuál es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;onRegisterViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;onLoginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;onRescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString \*)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString \*)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;onFinished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;onSessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;onRegisterRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;:&lt;/b&gt;: Notificará cuando haya habido un registro correcto.Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;onLoginPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro o un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;onLoginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onRescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> - &lt;b&gt;onRescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2307 2018-10-15T17:00:55Z

<p>Asier: /* CallBacks: */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES SOPORTADAS ==<br /> <br /> Este Plugin soporta tanto Android como iOS. <br /> <br /> Para iOS soporta las versiones superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> Para Android soporta todas las versiones superiores a la &lt;b&gt;4.0&lt;/b&gt;<br /> <br /> {{:SDKs:NickCenter:PanelControl}}<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL PLUGIN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Para instalar el Plugin, si queremos que funcione en iOS, primero tendremos que instalar el plugin cordova-plugin-cocoapod-support, de la siguiente manera:<br /> cordova plugin add cordova-plugin-cocoapod-support<br /> y después instalar el plugin de Nickcenter de esta manera (si solo lo vamos a usar para android con este plugin es suficiente):<br /> cordova plugin add cordova-plugin-nickcenter<br /> <br /> Una vez ejecutados los dos comandos ya tendremos el plugin instalado.<br /> <br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, lanzaremos en el momento donde queramos el código, por ejemplo para iOS:<br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801egh95&quot;]);<br /> <br /> Y Para Android:<br /> <br /> <br /> Los Argumentos enviados serán los siguientes:<br /> * &lt;b&gt;Argumento 1:&lt;/b&gt; Es el AppHash de la aplicación, el cual se puede obtener en el panel, como muestra la siguiente pantalla.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; deberá añadir más argumentos, en el siguiente orden (Estos Argumentos son completamente Opcionales) (Todos los colores deben ir en hexadecimal):<br /> <br /> * &lt;b&gt;Argumento 2:&lt;/b&gt; Determina el color de fondo de las pantallas. Ejemplo: &quot;#ffffff&quot;<br /> <br /> * &lt;b&gt;Argumento 3:&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 4:&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 5:&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 6:&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#ebebeb&quot;<br /> <br /> * &lt;b&gt;Argumento 7:&lt;/b&gt; Determina el color del texto descriptivo de cada textfield. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 8:&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 9:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 10:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 11:&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 12:&lt;/b&gt; Determina el color del texto de cada botón cuando se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 13:&lt;/b&gt; Determina el color del borde de los botones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 14:&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 15: (Solo para iOS)&lt;/b&gt; Determina el color de los botones activos en los términos y condiciones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 16: (Solo para iOS)&lt;/b&gt; Determina el color de los botones inactivos en los términos y condiciones. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801eda63&quot;, &quot;#ffffff&quot;, &quot;#f0f0f0&quot;, &quot;#01e3fe&quot;, &quot;#7b7b7b&quot;, &quot;#ebebeb&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#f0f0f0&quot;]);<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_cordova_colores.png<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;: ( cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;closeNickCenterSession&quot;, [&quot;54e46801eda63&quot;]); )<br /> <br /> === CallBacks: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de callbacks los cuales se pueden recoger en en las funciones implementadas successNickCenterCallback y errorNickCenterCallback que permiten al desarrollador saber qué parte del plugin se esta ejecutando y cuál es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;onRegisterViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;onLoginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;onRescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString \*)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString \*)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;onFinished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;onSessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;onRegisterRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;:&lt;/b&gt;: Notificará cuando haya habido un registro correcto.Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;onLoginPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro o un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;onLoginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onRescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> - &lt;b&gt;onRescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2305 2018-10-15T16:28:34Z

<p>Asier: /* DELEGATES: */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES SOPORTADAS ==<br /> <br /> Este Plugin soporta tanto Android como iOS. <br /> <br /> Para iOS soporta las versiones superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> Para Android soporta todas las versiones superiores a la &lt;b&gt;4.0&lt;/b&gt;<br /> <br /> {{:SDKs:NickCenter:PanelControl}}<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL PLUGIN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Para instalar el Plugin, si queremos que funcione en iOS, primero tendremos que instalar el plugin cordova-plugin-cocoapod-support, de la siguiente manera:<br /> cordova plugin add cordova-plugin-cocoapod-support<br /> y después instalar el plugin de Nickcenter de esta manera (si solo lo vamos a usar para android con este plugin es suficiente):<br /> cordova plugin add cordova-plugin-nickcenter<br /> <br /> Una vez ejecutados los dos comandos ya tendremos el plugin instalado.<br /> <br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, lanzaremos en el momento donde queramos el código, por ejemplo para iOS:<br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801egh95&quot;]);<br /> <br /> Y Para Android:<br /> <br /> <br /> Los Argumentos enviados serán los siguientes:<br /> * &lt;b&gt;Argumento 1:&lt;/b&gt; Es el AppHash de la aplicación, el cual se puede obtener en el panel, como muestra la siguiente pantalla.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; deberá añadir más argumentos, en el siguiente orden (Estos Argumentos son completamente Opcionales) (Todos los colores deben ir en hexadecimal):<br /> <br /> * &lt;b&gt;Argumento 2:&lt;/b&gt; Determina el color de fondo de las pantallas. Ejemplo: &quot;#ffffff&quot;<br /> <br /> * &lt;b&gt;Argumento 3:&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 4:&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 5:&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 6:&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#ebebeb&quot;<br /> <br /> * &lt;b&gt;Argumento 7:&lt;/b&gt; Determina el color del texto descriptivo de cada textfield. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 8:&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 9:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 10:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 11:&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 12:&lt;/b&gt; Determina el color del texto de cada botón cuando se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 13:&lt;/b&gt; Determina el color del borde de los botones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 14:&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 15: (Solo para iOS)&lt;/b&gt; Determina el color de los botones activos en los términos y condiciones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 16: (Solo para iOS)&lt;/b&gt; Determina el color de los botones inactivos en los términos y condiciones. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801eda63&quot;, &quot;#ffffff&quot;, &quot;#f0f0f0&quot;, &quot;#01e3fe&quot;, &quot;#7b7b7b&quot;, &quot;#ebebeb&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#f0f0f0&quot;]);<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_cordova_colores.png<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;: ( cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;closeNickCenterSession&quot;, [&quot;54e46801eda63&quot;]); )<br /> <br /> === CallBacks: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de callbacks los cuales se pueden recoger en en las funciones implementadas successNickCenterCallback y errorNickCenterCallback que permiten al desarrollador saber qué parte del plugin se esta ejecutando y cuál es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;registerViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;loginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;rescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString \*)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString \*)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;finished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;sessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;registerRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;loginPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro o un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;loginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;rescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> - &lt;b&gt;rescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2304 2018-10-15T16:26:35Z

<p>Asier: /* FUNCIONES UTILES: */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES SOPORTADAS ==<br /> <br /> Este Plugin soporta tanto Android como iOS. <br /> <br /> Para iOS soporta las versiones superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> Para Android soporta todas las versiones superiores a la &lt;b&gt;4.0&lt;/b&gt;<br /> <br /> {{:SDKs:NickCenter:PanelControl}}<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL PLUGIN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Para instalar el Plugin, si queremos que funcione en iOS, primero tendremos que instalar el plugin cordova-plugin-cocoapod-support, de la siguiente manera:<br /> cordova plugin add cordova-plugin-cocoapod-support<br /> y después instalar el plugin de Nickcenter de esta manera (si solo lo vamos a usar para android con este plugin es suficiente):<br /> cordova plugin add cordova-plugin-nickcenter<br /> <br /> Una vez ejecutados los dos comandos ya tendremos el plugin instalado.<br /> <br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, lanzaremos en el momento donde queramos el código, por ejemplo para iOS:<br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801egh95&quot;]);<br /> <br /> Y Para Android:<br /> <br /> <br /> Los Argumentos enviados serán los siguientes:<br /> * &lt;b&gt;Argumento 1:&lt;/b&gt; Es el AppHash de la aplicación, el cual se puede obtener en el panel, como muestra la siguiente pantalla.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; deberá añadir más argumentos, en el siguiente orden (Estos Argumentos son completamente Opcionales) (Todos los colores deben ir en hexadecimal):<br /> <br /> * &lt;b&gt;Argumento 2:&lt;/b&gt; Determina el color de fondo de las pantallas. Ejemplo: &quot;#ffffff&quot;<br /> <br /> * &lt;b&gt;Argumento 3:&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 4:&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 5:&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 6:&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#ebebeb&quot;<br /> <br /> * &lt;b&gt;Argumento 7:&lt;/b&gt; Determina el color del texto descriptivo de cada textfield. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 8:&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 9:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 10:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 11:&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 12:&lt;/b&gt; Determina el color del texto de cada botón cuando se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 13:&lt;/b&gt; Determina el color del borde de los botones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 14:&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 15: (Solo para iOS)&lt;/b&gt; Determina el color de los botones activos en los términos y condiciones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 16: (Solo para iOS)&lt;/b&gt; Determina el color de los botones inactivos en los términos y condiciones. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801eda63&quot;, &quot;#ffffff&quot;, &quot;#f0f0f0&quot;, &quot;#01e3fe&quot;, &quot;#7b7b7b&quot;, &quot;#ebebeb&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#f0f0f0&quot;]);<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_cordova_colores.png<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;: ( cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;closeNickCenterSession&quot;, [&quot;54e46801eda63&quot;]); )<br /> <br /> === DELEGATES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de delegates que permiten al desarrollador saber que parte del framework se esta ejecutando y cual es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;registerViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;loginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;rescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString \*)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString \*)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;finished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;sessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;registerRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;loginPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro o un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;loginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;rescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> - &lt;b&gt;rescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2303 2018-10-15T16:16:36Z

<p>Asier: /* LANZAMIENTO: */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES SOPORTADAS ==<br /> <br /> Este Plugin soporta tanto Android como iOS. <br /> <br /> Para iOS soporta las versiones superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> Para Android soporta todas las versiones superiores a la &lt;b&gt;4.0&lt;/b&gt;<br /> <br /> {{:SDKs:NickCenter:PanelControl}}<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL PLUGIN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Para instalar el Plugin, si queremos que funcione en iOS, primero tendremos que instalar el plugin cordova-plugin-cocoapod-support, de la siguiente manera:<br /> cordova plugin add cordova-plugin-cocoapod-support<br /> y después instalar el plugin de Nickcenter de esta manera (si solo lo vamos a usar para android con este plugin es suficiente):<br /> cordova plugin add cordova-plugin-nickcenter<br /> <br /> Una vez ejecutados los dos comandos ya tendremos el plugin instalado.<br /> <br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, lanzaremos en el momento donde queramos el código, por ejemplo para iOS:<br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801egh95&quot;]);<br /> <br /> Y Para Android:<br /> <br /> <br /> Los Argumentos enviados serán los siguientes:<br /> * &lt;b&gt;Argumento 1:&lt;/b&gt; Es el AppHash de la aplicación, el cual se puede obtener en el panel, como muestra la siguiente pantalla.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; deberá añadir más argumentos, en el siguiente orden (Estos Argumentos son completamente Opcionales) (Todos los colores deben ir en hexadecimal):<br /> <br /> * &lt;b&gt;Argumento 2:&lt;/b&gt; Determina el color de fondo de las pantallas. Ejemplo: &quot;#ffffff&quot;<br /> <br /> * &lt;b&gt;Argumento 3:&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 4:&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 5:&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 6:&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#ebebeb&quot;<br /> <br /> * &lt;b&gt;Argumento 7:&lt;/b&gt; Determina el color del texto descriptivo de cada textfield. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 8:&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 9:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 10:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 11:&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 12:&lt;/b&gt; Determina el color del texto de cada botón cuando se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 13:&lt;/b&gt; Determina el color del borde de los botones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 14:&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 15: (Solo para iOS)&lt;/b&gt; Determina el color de los botones activos en los términos y condiciones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 16: (Solo para iOS)&lt;/b&gt; Determina el color de los botones inactivos en los términos y condiciones. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801eda63&quot;, &quot;#ffffff&quot;, &quot;#f0f0f0&quot;, &quot;#01e3fe&quot;, &quot;#7b7b7b&quot;, &quot;#ebebeb&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#f0f0f0&quot;]);<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_cordova_colores.png<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;: ( [nickCenter closeSession]; )<br /> <br /> <br /> === DELEGATES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de delegates que permiten al desarrollador saber que parte del framework se esta ejecutando y cual es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;registerViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;loginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;rescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString \*)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString \*)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;finished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;sessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;registerRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;loginPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro o un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;loginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;rescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> - &lt;b&gt;rescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2302 2018-10-15T16:07:58Z

<p>Asier: /* LANZAMIENTO: */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES SOPORTADAS ==<br /> <br /> Este Plugin soporta tanto Android como iOS. <br /> <br /> Para iOS soporta las versiones superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> Para Android soporta todas las versiones superiores a la &lt;b&gt;4.0&lt;/b&gt;<br /> <br /> {{:SDKs:NickCenter:PanelControl}}<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL PLUGIN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Para instalar el Plugin, si queremos que funcione en iOS, primero tendremos que instalar el plugin cordova-plugin-cocoapod-support, de la siguiente manera:<br /> cordova plugin add cordova-plugin-cocoapod-support<br /> y después instalar el plugin de Nickcenter de esta manera (si solo lo vamos a usar para android con este plugin es suficiente):<br /> cordova plugin add cordova-plugin-nickcenter<br /> <br /> Una vez ejecutados los dos comandos ya tendremos el plugin instalado.<br /> <br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, lanzaremos en el momento donde queramos el código, por ejemplo para iOS:<br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801egh95&quot;]);<br /> <br /> Y Para Android:<br /> <br /> <br /> Los Argumentos enviados serán los siguientes:<br /> * &lt;b&gt;Argumento 1:&lt;/b&gt; Es el AppHash de la aplicación, el cual se puede obtener en el panel, como muestra la siguiente pantalla.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; deberá añadir más argumentos, en el siguiente orden (Estos Argumentos son completamente Opcionales) (Todos los colores deben ir en hexadecimal):<br /> <br /> * &lt;b&gt;Argumento 2:&lt;/b&gt; Determina el color de fondo de las pantallas. Ejemplo: &quot;#ffffff&quot;<br /> <br /> * &lt;b&gt;Argumento 3:&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 4:&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 5:&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 6:&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#ebebeb&quot;<br /> <br /> * &lt;b&gt;Argumento 7:&lt;/b&gt; Determina el color del texto descriptivo de cada textfield. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 8:&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 9:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla. Ejemplo: &quot;#7b7b7b&quot;<br /> <br /> * &lt;b&gt;Argumento 10:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos. Ejemplo: &quot;#000000&quot;<br /> <br /> * &lt;b&gt;Argumento 11:&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 12:&lt;/b&gt; Determina el color del texto de cada botón cuando se ha hecho click en éstos. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 13:&lt;/b&gt; Determina el color del borde de los botones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 14:&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 15: (Solo para iOS)&lt;/b&gt; Determina el color de los botones activos en los términos y condiciones. Ejemplo: &quot;#01e3fe&quot;<br /> <br /> * &lt;b&gt;Argumento 16: (Solo para iOS)&lt;/b&gt; Determina el color de los botones inactivos en los términos y condiciones. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801eda63&quot;, &quot;#ffffff&quot;, &quot;#f0f0f0&quot;, &quot;#01e3fe&quot;, &quot;#7b7b7b&quot;, &quot;#ebebeb&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#7b7b7b&quot;, &quot;#000000&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#01e3fe&quot;, &quot;#f0f0f0&quot;]);<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_desarrollador.jpeg<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;: ( [nickCenter closeSession]; )<br /> <br /> <br /> === DELEGATES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de delegates que permiten al desarrollador saber que parte del framework se esta ejecutando y cual es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;registerViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;loginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;rescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString \*)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString \*)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;finished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;sessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;registerRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;loginPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro o un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;loginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;rescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> - &lt;b&gt;rescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2301 2018-10-15T15:43:20Z

<p>Asier: /* LANZAMIENTO: */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES SOPORTADAS ==<br /> <br /> Este Plugin soporta tanto Android como iOS. <br /> <br /> Para iOS soporta las versiones superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> Para Android soporta todas las versiones superiores a la &lt;b&gt;4.0&lt;/b&gt;<br /> <br /> {{:SDKs:NickCenter:PanelControl}}<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL PLUGIN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Para instalar el Plugin, si queremos que funcione en iOS, primero tendremos que instalar el plugin cordova-plugin-cocoapod-support, de la siguiente manera:<br /> cordova plugin add cordova-plugin-cocoapod-support<br /> y después instalar el plugin de Nickcenter de esta manera (si solo lo vamos a usar para android con este plugin es suficiente):<br /> cordova plugin add cordova-plugin-nickcenter<br /> <br /> Una vez ejecutados los dos comandos ya tendremos el plugin instalado.<br /> <br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, lanzaremos en el momento donde queramos el código, por ejemplo para iOS:<br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801egh95&quot;]);<br /> <br /> Y Para Android:<br /> <br /> <br /> Los Argumentos enviados serán los siguientes:<br /> * &lt;b&gt;Argumento 1:&lt;/b&gt; Es el AppHash de la aplicación, el cual se puede obtener en el panel, como muestra la siguiente pantalla.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; deberá añadir más argumentos, en el siguiente orden (Estos Argumentos son completamente Opcionales) (Todos los colores deben ir en hexadecimal):<br /> <br /> * &lt;b&gt;Argumento 2:&lt;/b&gt; Determina el color de fondo de las pantallas. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 3:&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 4:&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 5:&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 6:&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 7:&lt;/b&gt; Determina el color del texto descriptivo de cada textfield. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 8:&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 9:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 10:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 11:&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 12:&lt;/b&gt; Determina el color del texto de cada botón cuando se ha hecho click en éstos. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 13:&lt;/b&gt; Determina el color del borde de los botones. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 14:&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 15: (Solo para iOS)&lt;/b&gt; Determina el color de los botones activos en los términos y condiciones. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> * &lt;b&gt;Argumento 16: (Solo para iOS)&lt;/b&gt; Determina el color de los botones inactivos en los términos y condiciones. Ejemplo: &quot;#f0f0f0&quot;<br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801egh95&quot;, , &quot;#f0f0f0&quot;]);<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_desarrollador.jpeg<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;: ( [nickCenter closeSession]; )<br /> <br /> <br /> === DELEGATES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de delegates que permiten al desarrollador saber que parte del framework se esta ejecutando y cual es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;registerViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;loginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;rescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString \*)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString \*)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;finished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;sessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;registerRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;loginPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro o un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;loginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;rescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> - &lt;b&gt;rescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2300 2018-10-15T15:39:42Z

<p>Asier: /* LANZAMIENTO: */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES SOPORTADAS ==<br /> <br /> Este Plugin soporta tanto Android como iOS. <br /> <br /> Para iOS soporta las versiones superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> Para Android soporta todas las versiones superiores a la &lt;b&gt;4.0&lt;/b&gt;<br /> <br /> {{:SDKs:NickCenter:PanelControl}}<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL PLUGIN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Para instalar el Plugin, si queremos que funcione en iOS, primero tendremos que instalar el plugin cordova-plugin-cocoapod-support, de la siguiente manera:<br /> cordova plugin add cordova-plugin-cocoapod-support<br /> y después instalar el plugin de Nickcenter de esta manera (si solo lo vamos a usar para android con este plugin es suficiente):<br /> cordova plugin add cordova-plugin-nickcenter<br /> <br /> Una vez ejecutados los dos comandos ya tendremos el plugin instalado.<br /> <br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, lanzaremos en el momento donde queramos el código, por ejemplo para iOS:<br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801egh95&quot;]);<br /> <br /> Y Para Android:<br /> <br /> <br /> Los Argumentos enviados serán los siguientes:<br /> * &lt;b&gt;Argumento 1:&lt;/b&gt; Es el AppHash de la aplicación, el cual se puede obtener en el panel, como muestra la siguiente pantalla.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; deberá añadir más argumentos, en el siguiente orden (Estos Argumentos son completamente Opcionales):<br /> * &lt;b&gt;Argumento 2:&lt;/b&gt; Determina el color de fondo de las pantallas. Este color deberá ponerse en hexadecimal. Ejemplo: '#FF00FF'<br /> <br /> * &lt;b&gt;Argumento 3:&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;Argumento 4:&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla.<br /> <br /> * &lt;b&gt;Argumento 5:&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;Argumento 6:&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;Argumento 7:&lt;/b&gt; Determina el color del texto descriptivo de cada textfield.<br /> <br /> * &lt;b&gt;Argumento 8:&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;Argumento 9:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla.<br /> <br /> * &lt;b&gt;Argumento 10:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;Argumento 11:&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;Argumento 12:&lt;/b&gt; Determina el color del texto de cada boton cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;Argumento 13:&lt;/b&gt; Determina el color del borde de los botones.<br /> <br /> * &lt;b&gt;Argumento 14:&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones.<br /> <br /> * &lt;b&gt;Argumento 15:&lt;/b&gt; Determina el color de los botones activos en los terminos y condiciones.<br /> <br /> * &lt;b&gt;Argumento 16:&lt;/b&gt; Determina el color de los botones inactivos en los terminos y condiciones.<br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> nickCenter = [[NickCenter alloc] init];<br /> [nickCenter setDelegate:self];<br /> [nickCenter setRootViewController:self];<br /> [nickCenter setAppHash:@&quot;Hash de la APP en el Panel de Mobeleader&quot;];<br /> [nickCenter setViewsBackgroundColor:[UIColor whiteColor]];<br /> [nickCenter setViewsBackgroundImage:[UIImage imageNamed:@&quot;logo&quot;]];<br /> [nickCenter setHeaderBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setHeaderBottomLineColor:[UIColor orangeColor]];<br /> [nickCenter setHeaderTextColor:[UIColor whiteColor]];<br /> [nickCenter setTextFieldsBackgroundColor:[UIColor colorWithRed:217.0/255 green:217.0/255 blue:217.0/255 alpha:1]];<br /> [nickCenter setTextFieldsPlaceholderColor:[UIColor grayColor]];<br /> [nickCenter setTextFieldsTextColor:[UIColor blackColor]];<br /> [nickCenter setButtonsNormalBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setButtonsHighlightedBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setButtonsNormalTextColor:[UIColor whiteColor]];<br /> [nickCenter setButtonsHighlightedTextColor:[UIColor colorWithRed:249.0/255 green:203.0/255 blue:156.0/255 alpha:1]];<br /> [nickCenter setTermsFontColor:[UIColor orangeColor]];<br /> [nickCenter checkAndLaunch];<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_desarrollador.jpeg<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;: ( [nickCenter closeSession]; )<br /> <br /> <br /> === DELEGATES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de delegates que permiten al desarrollador saber que parte del framework se esta ejecutando y cual es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;registerViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;loginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;rescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString \*)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString \*)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;finished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;sessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;registerRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;loginPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro o un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;loginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;rescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> - &lt;b&gt;rescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2299 2018-10-15T15:38:43Z

<p>Asier: /* LANZAMIENTO: */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES SOPORTADAS ==<br /> <br /> Este Plugin soporta tanto Android como iOS. <br /> <br /> Para iOS soporta las versiones superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> Para Android soporta todas las versiones superiores a la &lt;b&gt;4.0&lt;/b&gt;<br /> <br /> {{:SDKs:NickCenter:PanelControl}}<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL PLUGIN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Para instalar el Plugin, si queremos que funcione en iOS, primero tendremos que instalar el plugin cordova-plugin-cocoapod-support, de la siguiente manera:<br /> cordova plugin add cordova-plugin-cocoapod-support<br /> y después instalar el plugin de Nickcenter de esta manera (si solo lo vamos a usar para android con este plugin es suficiente):<br /> cordova plugin add cordova-plugin-nickcenter<br /> <br /> Una vez ejecutados los dos comandos ya tendremos el plugin instalado.<br /> <br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, lanzaremos en el momento donde queramos el código, por ejemplo para iOS:<br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801egh95&quot;, &quot;#f0f0f0&quot;]);<br /> <br /> Y Para Android:<br /> <br /> <br /> Los Argumentos enviados serán los siguientes:<br /> * &lt;b&gt;Argumento 1:&lt;/b&gt; Es el AppHash de la aplicación, el cual se puede obtener en el panel, como muestra la siguiente pantalla.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; deberá añadir más argumentos, en el siguiente orden (Estos Argumentos son completamente Opcionales):<br /> * &lt;b&gt;Argumento 2:&lt;/b&gt; Determina el color de fondo de las pantallas. Este color deberá ponerse en hexadecimal. Ejemplo: '#FF00FF'<br /> <br /> * &lt;b&gt;Argumento 3:&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;Argumento 4:&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla.<br /> <br /> * &lt;b&gt;Argumento 5:&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;Argumento 6:&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;Argumento 7:&lt;/b&gt; Determina el color del texto descriptivo de cada textfield.<br /> <br /> * &lt;b&gt;Argumento 8:&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;Argumento 9:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla.<br /> <br /> * &lt;b&gt;Argumento 10:&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;Argumento 11:&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;Argumento 12:&lt;/b&gt; Determina el color del texto de cada boton cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;Argumento 13:&lt;/b&gt; Determina el color del borde de los botones.<br /> <br /> * &lt;b&gt;Argumento 14:&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones.<br /> <br /> * &lt;b&gt;Argumento 15:&lt;/b&gt; Determina el color de los botones activos en los terminos y condiciones.<br /> <br /> * &lt;b&gt;Argumento 16:&lt;/b&gt; Determina el color de los botones inactivos en los terminos y condiciones.<br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> nickCenter = [[NickCenter alloc] init];<br /> [nickCenter setDelegate:self];<br /> [nickCenter setRootViewController:self];<br /> [nickCenter setAppHash:@&quot;Hash de la APP en el Panel de Mobeleader&quot;];<br /> [nickCenter setViewsBackgroundColor:[UIColor whiteColor]];<br /> [nickCenter setViewsBackgroundImage:[UIImage imageNamed:@&quot;logo&quot;]];<br /> [nickCenter setHeaderBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setHeaderBottomLineColor:[UIColor orangeColor]];<br /> [nickCenter setHeaderTextColor:[UIColor whiteColor]];<br /> [nickCenter setTextFieldsBackgroundColor:[UIColor colorWithRed:217.0/255 green:217.0/255 blue:217.0/255 alpha:1]];<br /> [nickCenter setTextFieldsPlaceholderColor:[UIColor grayColor]];<br /> [nickCenter setTextFieldsTextColor:[UIColor blackColor]];<br /> [nickCenter setButtonsNormalBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setButtonsHighlightedBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setButtonsNormalTextColor:[UIColor whiteColor]];<br /> [nickCenter setButtonsHighlightedTextColor:[UIColor colorWithRed:249.0/255 green:203.0/255 blue:156.0/255 alpha:1]];<br /> [nickCenter setTermsFontColor:[UIColor orangeColor]];<br /> [nickCenter checkAndLaunch];<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_desarrollador.jpeg<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;: ( [nickCenter closeSession]; )<br /> <br /> <br /> === DELEGATES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de delegates que permiten al desarrollador saber que parte del framework se esta ejecutando y cual es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;registerViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;loginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;rescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString \*)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString \*)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;finished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;sessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;registerRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;loginPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro o un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;loginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;rescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> - &lt;b&gt;rescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2298 2018-10-15T12:15:47Z

<p>Asier: /* LANZAMIENTO: */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES SOPORTADAS ==<br /> <br /> Este Plugin soporta tanto Android como iOS. <br /> <br /> Para iOS soporta las versiones superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> Para Android soporta todas las versiones superiores a la &lt;b&gt;4.0&lt;/b&gt;<br /> <br /> {{:SDKs:NickCenter:PanelControl}}<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL PLUGIN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Para instalar el Plugin, si queremos que funcione en iOS, primero tendremos que instalar el plugin cordova-plugin-cocoapod-support, de la siguiente manera:<br /> cordova plugin add cordova-plugin-cocoapod-support<br /> y después instalar el plugin de Nickcenter de esta manera (si solo lo vamos a usar para android con este plugin es suficiente):<br /> cordova plugin add cordova-plugin-nickcenter<br /> <br /> Una vez ejecutados los dos comandos ya tendremos el plugin instalado.<br /> <br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, lanzaremos en el momento donde queramos el código, por ejemplo para iOS:<br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801egh95&quot;, &quot;#f0f0f0&quot;]);<br /> <br /> Y Para Android:<br /> <br /> <br /> Los Argumentos enviados serán los siguientes:<br /> * &lt;b&gt;Argumento 1:&lt;/b&gt; Es el AppHash de la aplicación, el cual se puede obtener en el panel, como muestra la siguiente pantalla.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; deberá añadir más argumentos, en el siguiente orden:<br /> * &lt;b&gt;Argumento 2:&lt;/b&gt; Determina el color de fondo de las pantallas.<br /> <br /> * &lt;b&gt;Argumento 3:&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;setHeaderBackgroundImage:(UIImage \*):&lt;/b&gt; Determina la imagen de fondo de la cabecera de cada pantalla.<br /> <br /> * &lt;b&gt;setHeaderBottomLineColor:(UIColor \*):&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla.<br /> <br /> * &lt;b&gt;setHeaderTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;setHeaderFont:(UIFont \*):&lt;/b&gt; Determina la fuente de los textos de las cabeceras.<br /> <br /> * &lt;b&gt;setTextFieldsBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;setTextFieldsPlaceholderColor:(UIColor \*):&lt;/b&gt; Determina el color del texto descriptivo de cada textfield.<br /> <br /> * &lt;b&gt;setTextFieldsTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;setTextFieldsFont:(UIFont \*):&lt;/b&gt; Determina la fuente del texto de los textfields.<br /> <br /> * &lt;b&gt;setButtonsNormalBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla.<br /> <br /> * &lt;b&gt;setButtonsHighlightedBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsNormalTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsHighlightedTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de cada boton cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsBorderColor:(UIColor \*):&lt;/b&gt; Determina el color del borde de los botones.<br /> <br /> * &lt;b&gt;setButtonsFont:(UIFont \*):&lt;/b&gt; Determina la fuente de los textos de los botones.<br /> <br /> * &lt;b&gt;setTermsFontColor:(UIColor \*):&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones.<br /> <br /> * &lt;b&gt;setTermsSwitchActiveColor:(UIColor \*):&lt;/b&gt; Determina el color de los botones activos en los terminos y condiciones.<br /> <br /> * &lt;b&gt;setTermsSwitchInactiveColor:(UIColor \*):&lt;/b&gt; Determina el color de los botones inactivos en los terminos y condiciones.<br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> nickCenter = [[NickCenter alloc] init];<br /> [nickCenter setDelegate:self];<br /> [nickCenter setRootViewController:self];<br /> [nickCenter setAppHash:@&quot;Hash de la APP en el Panel de Mobeleader&quot;];<br /> [nickCenter setViewsBackgroundColor:[UIColor whiteColor]];<br /> [nickCenter setViewsBackgroundImage:[UIImage imageNamed:@&quot;logo&quot;]];<br /> [nickCenter setHeaderBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setHeaderBottomLineColor:[UIColor orangeColor]];<br /> [nickCenter setHeaderTextColor:[UIColor whiteColor]];<br /> [nickCenter setTextFieldsBackgroundColor:[UIColor colorWithRed:217.0/255 green:217.0/255 blue:217.0/255 alpha:1]];<br /> [nickCenter setTextFieldsPlaceholderColor:[UIColor grayColor]];<br /> [nickCenter setTextFieldsTextColor:[UIColor blackColor]];<br /> [nickCenter setButtonsNormalBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setButtonsHighlightedBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setButtonsNormalTextColor:[UIColor whiteColor]];<br /> [nickCenter setButtonsHighlightedTextColor:[UIColor colorWithRed:249.0/255 green:203.0/255 blue:156.0/255 alpha:1]];<br /> [nickCenter setTermsFontColor:[UIColor orangeColor]];<br /> [nickCenter checkAndLaunch];<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_desarrollador.jpeg<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;: ( [nickCenter closeSession]; )<br /> <br /> <br /> === DELEGATES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de delegates que permiten al desarrollador saber que parte del framework se esta ejecutando y cual es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;registerViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;loginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;rescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString \*)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString \*)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;finished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;sessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;registerRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;loginPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro o un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;loginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;rescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> - &lt;b&gt;rescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2297 2018-10-15T12:15:07Z

<p>Asier: /* LANZAMIENTO: */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES SOPORTADAS ==<br /> <br /> Este Plugin soporta tanto Android como iOS. <br /> <br /> Para iOS soporta las versiones superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> Para Android soporta todas las versiones superiores a la &lt;b&gt;4.0&lt;/b&gt;<br /> <br /> {{:SDKs:NickCenter:PanelControl}}<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL PLUGIN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Para instalar el Plugin, si queremos que funcione en iOS, primero tendremos que instalar el plugin cordova-plugin-cocoapod-support, de la siguiente manera:<br /> cordova plugin add cordova-plugin-cocoapod-support<br /> y después instalar el plugin de Nickcenter de esta manera (si solo lo vamos a usar para android con este plugin es suficiente):<br /> cordova plugin add cordova-plugin-nickcenter<br /> <br /> Una vez ejecutados los dos comandos ya tendremos el plugin instalado.<br /> <br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, lanzaremos en el momento donde queramos el código, por ejemplo para iOS:<br /> <br /> cordova.exec(successNickCenterCallback, errorNickCenterCallback, &quot;nickcenter&quot;, &quot;launchNickCenter&quot;, [&quot;54e46801egh95&quot;, &quot;#f0f0f0&quot;]);<br /> <br /> Y Para Android:<br /> <br /> <br /> Los Argumentos enviados serán los siguientes:<br /> * &lt;b&gt;Argumento 1:&lt;/b&gt; Es el AppHash de la aplicación, el cual se puede obtener en el panel, como muestra la siguiente pantalla.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; deberá añadir más argumentos, en el siguiente orden:<br /> * &lt;b&gt;Argumento 2:&lt;/b&gt; Determina el color de fondo de las pantallas.<br /> <br /> * &lt;b&gt;Argumento 3:&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;setHeaderBackgroundImage:(UIImage \*):&lt;/b&gt; Determina la imagen de fondo de la cabecera de cada pantalla.<br /> <br /> * &lt;b&gt;setHeaderBottomLineColor:(UIColor \*):&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla.<br /> <br /> * &lt;b&gt;setHeaderTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;setHeaderFont:(UIFont \*):&lt;/b&gt; Determina la fuente de los textos de las cabeceras.<br /> <br /> * &lt;b&gt;setTextFieldsBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;setTextFieldsPlaceholderColor:(UIColor \*):&lt;/b&gt; Determina el color del texto descriptivo de cada textfield.<br /> <br /> * &lt;b&gt;setTextFieldsTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;setTextFieldsFont:(UIFont \*):&lt;/b&gt; Determina la fuente del texto de los textfields.<br /> <br /> * &lt;b&gt;setButtonsNormalBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla.<br /> <br /> * &lt;b&gt;setButtonsHighlightedBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsNormalTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsHighlightedTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de cada boton cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsBorderColor:(UIColor \*):&lt;/b&gt; Determina el color del borde de los botones.<br /> <br /> * &lt;b&gt;setButtonsFont:(UIFont \*):&lt;/b&gt; Determina la fuente de los textos de los botones.<br /> <br /> * &lt;b&gt;setTermsFontColor:(UIColor \*):&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones.<br /> <br /> * &lt;b&gt;setTermsSwitchActiveColor:(UIColor \*):&lt;/b&gt; Determina el color de los botones activos en los terminos y condiciones.<br /> <br /> * &lt;b&gt;setTermsSwitchInactiveColor:(UIColor \*):&lt;/b&gt; Determina el color de los botones inactivos en los terminos y condiciones.<br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> nickCenter = [[NickCenter alloc] init];<br /> [nickCenter setDelegate:self];<br /> [nickCenter setRootViewController:self];<br /> [nickCenter setAppHash:@&quot;Hash de la APP en el Panel de Mobeleader&quot;];<br /> [nickCenter setViewsBackgroundColor:[UIColor whiteColor]];<br /> [nickCenter setViewsBackgroundImage:[UIImage imageNamed:@&quot;logo&quot;]];<br /> [nickCenter setHeaderBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setHeaderBottomLineColor:[UIColor orangeColor]];<br /> [nickCenter setHeaderTextColor:[UIColor whiteColor]];<br /> [nickCenter setTextFieldsBackgroundColor:[UIColor colorWithRed:217.0/255 green:217.0/255 blue:217.0/255 alpha:1]];<br /> [nickCenter setTextFieldsPlaceholderColor:[UIColor grayColor]];<br /> [nickCenter setTextFieldsTextColor:[UIColor blackColor]];<br /> [nickCenter setButtonsNormalBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setButtonsHighlightedBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setButtonsNormalTextColor:[UIColor whiteColor]];<br /> [nickCenter setButtonsHighlightedTextColor:[UIColor colorWithRed:249.0/255 green:203.0/255 blue:156.0/255 alpha:1]];<br /> [nickCenter setTermsFontColor:[UIColor orangeColor]];<br /> [nickCenter checkAndLaunch];<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_desarrollador.jpeg<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;: ( [nickCenter closeSession]; )<br /> <br /> <br /> === DELEGATES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de delegates que permiten al desarrollador saber que parte del framework se esta ejecutando y cual es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;registerViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;loginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;rescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString \*)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString \*)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;finished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;sessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;registerRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;loginPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro o un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;loginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;rescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> - &lt;b&gt;rescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2296 2018-10-15T11:59:00Z

<p>Asier: ue intalar el plugin</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES SOPORTADAS ==<br /> <br /> Este Plugin soporta tanto Android como iOS. <br /> <br /> Para iOS soporta las versiones superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> Para Android soporta todas las versiones superiores a la &lt;b&gt;4.0&lt;/b&gt;<br /> <br /> {{:SDKs:NickCenter:PanelControl}}<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL PLUGIN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Para instalar el Plugin, si queremos que funcione en iOS, primero tendremos que instalar el plugin cordova-plugin-cocoapod-support, de la siguiente manera:<br /> cordova plugin add cordova-plugin-cocoapod-support<br /> y después instalar el plugin de Nickcenter de esta manera (si solo lo vamos a usar para android con este plugin es suficiente):<br /> cordova plugin add cordova-plugin-nickcenter<br /> <br /> Una vez ejecutados los dos comandos ya tendremos el plugin instalado.<br /> <br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, crearemos un objeto de la clase NickCenter en donde vayamos a usarla, en el ejemplo se hace en la implementacion de la clase ( DatosIniciales ):<br /> <br /> @implementation DatosIniciales{<br /> NickCenter *nickCenter;<br /> }<br /> <br /> <br /> Para su lanzamiento se insertarán las siguientes lineas de código.<br /> <br /> <br /> nickCenter = [[NickCenter alloc] init];<br /> [nickCenter setDelegate:self];<br /> [nickCenter setRootViewController:self];<br /> [nickCenter setAppHash:@&quot;Hash de la APP en el Panel de Mobeleader&quot;];<br /> [nickCenter checkAndLaunch];<br /> <br /> * &lt;b&gt;appHash&lt;/b&gt;: Será el hash dado por el Panel Mobeleader al dar de alta la aplicación en éste. Para acceder a el deberemos ir a la sección &lt;b&gt;&lt;i&gt;Desarrolladores&lt;/i&gt;&lt;/b&gt; --&gt; &lt;b&gt;&lt;i&gt;Mis Apps&lt;/i&gt;&lt;/b&gt; y hacer click sobre la columna &lt;b&gt;Hash&lt;/b&gt; de nuestra aplicación.<br /> <br /> <br /> * &lt;b&gt;setRootViewController&lt;/b&gt;: Ésta función será opcional, con ella le diremos al framework desde que ViewController se lanzará y se recogerán las respuestas en los delegates.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación el framework de &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; esta dotado de una serie de funciones que le permitirán maquetarlas a su gusto:<br /> <br /> * &lt;b&gt;setViewsBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de las pantallas.<br /> <br /> * &lt;b&gt;setViewsBackgroundImage:(UIImage \*):&lt;/b&gt; Determina la imagen de fondo de cada pantalla.<br /> <br /> * &lt;b&gt;setHeaderBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;setHeaderBackgroundImage:(UIImage \*):&lt;/b&gt; Determina la imagen de fondo de la cabecera de cada pantalla.<br /> <br /> * &lt;b&gt;setHeaderBottomLineColor:(UIColor \*):&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla.<br /> <br /> * &lt;b&gt;setHeaderTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;setHeaderFont:(UIFont \*):&lt;/b&gt; Determina la fuente de los textos de las cabeceras.<br /> <br /> * &lt;b&gt;setTextFieldsBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;setTextFieldsPlaceholderColor:(UIColor \*):&lt;/b&gt; Determina el color del texto descriptivo de cada textfield.<br /> <br /> * &lt;b&gt;setTextFieldsTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;setTextFieldsFont:(UIFont \*):&lt;/b&gt; Determina la fuente del texto de los textfields.<br /> <br /> * &lt;b&gt;setButtonsNormalBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla.<br /> <br /> * &lt;b&gt;setButtonsHighlightedBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsNormalTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsHighlightedTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de cada boton cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsBorderColor:(UIColor \*):&lt;/b&gt; Determina el color del borde de los botones.<br /> <br /> * &lt;b&gt;setButtonsFont:(UIFont \*):&lt;/b&gt; Determina la fuente de los textos de los botones.<br /> <br /> * &lt;b&gt;setTermsFontColor:(UIColor \*):&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones.<br /> <br /> * &lt;b&gt;setTermsSwitchActiveColor:(UIColor \*):&lt;/b&gt; Determina el color de los botones activos en los terminos y condiciones.<br /> <br /> * &lt;b&gt;setTermsSwitchInactiveColor:(UIColor \*):&lt;/b&gt; Determina el color de los botones inactivos en los terminos y condiciones.<br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> nickCenter = [[NickCenter alloc] init];<br /> [nickCenter setDelegate:self];<br /> [nickCenter setRootViewController:self];<br /> [nickCenter setAppHash:@&quot;Hash de la APP en el Panel de Mobeleader&quot;];<br /> [nickCenter setViewsBackgroundColor:[UIColor whiteColor]];<br /> [nickCenter setViewsBackgroundImage:[UIImage imageNamed:@&quot;logo&quot;]];<br /> [nickCenter setHeaderBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setHeaderBottomLineColor:[UIColor orangeColor]];<br /> [nickCenter setHeaderTextColor:[UIColor whiteColor]];<br /> [nickCenter setTextFieldsBackgroundColor:[UIColor colorWithRed:217.0/255 green:217.0/255 blue:217.0/255 alpha:1]];<br /> [nickCenter setTextFieldsPlaceholderColor:[UIColor grayColor]];<br /> [nickCenter setTextFieldsTextColor:[UIColor blackColor]];<br /> [nickCenter setButtonsNormalBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setButtonsHighlightedBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setButtonsNormalTextColor:[UIColor whiteColor]];<br /> [nickCenter setButtonsHighlightedTextColor:[UIColor colorWithRed:249.0/255 green:203.0/255 blue:156.0/255 alpha:1]];<br /> [nickCenter setTermsFontColor:[UIColor orangeColor]];<br /> [nickCenter checkAndLaunch];<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_desarrollador.jpeg<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;: ( [nickCenter closeSession]; )<br /> <br /> <br /> === DELEGATES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de delegates que permiten al desarrollador saber que parte del framework se esta ejecutando y cual es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;registerViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;loginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;rescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString \*)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString \*)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;finished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;sessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;registerRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;loginPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro o un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;loginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;rescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> - &lt;b&gt;rescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2295 2018-10-15T11:54:37Z

<p>Asier: /* VERSIONES SOPORTADAS */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES SOPORTADAS ==<br /> <br /> Este Plugin soporta tanto Android como iOS. <br /> <br /> Para iOS soporta las versiones superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> Para Android soporta todas las versiones superiores a la &lt;b&gt;4.0&lt;/b&gt;<br /> <br /> {{:SDKs:NickCenter:PanelControl}}<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL FRAMEWORK EN LA APLICACIÓN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Existen dos maneras de instalar el &lt;i&gt;FrameWork&lt;/i&gt; &lt;b&gt;NickCenter&lt;/b&gt;: a través de &lt;b&gt;CocoaPods&lt;/b&gt; o descargándolo directamente. Recomendamos hacerlo a través de la primera opción. &lt;b&gt;NickCenter&lt;/b&gt; incorpora dos &lt;i&gt;frameworks&lt;/i&gt; auxiliares, &lt;b&gt;RegisterLib&lt;/b&gt; y &lt;b&gt;UtilsLib&lt;/b&gt;.<br /> <br /> ==== INSTALACIÓN CON COCOAPODS: ====<br /> <br /> <br /> En caso de que su proyecto no incluya el archivo &lt;b&gt;&lt;i&gt;Podfile&lt;/i&gt;&lt;/b&gt;, incorpórelo. Si nunca ha trabajado con &lt;b&gt;CocoaPods&lt;/b&gt; consulte la [documentación ofrecida en su web oficial](https://guides.cocoapods.org/using/using-cocoapods.html), en la que se explica paso a paso cómo instalar &lt;b&gt;CocoaPods&lt;/b&gt; y cómo crear, actualizar y trabajar con los archivos &lt;b&gt;&lt;i&gt;Podfile&lt;/i&gt;&lt;/b&gt;.<br /> <br /> target 'NameTarget' do<br /> use_frameworks!<br /> pod 'MobeleaderNC'<br /> pod 'MobeleaderUtils'<br /> pod 'MobeleaderRegister'<br /> end<br /> <br /> Cabe destacar que &lt;b&gt;NameTarget&lt;/b&gt; deberá ser reemplazado por el nombre real del target de la aplicación en la que se quiere añadir el framework.<br /> <br /> Una vez creado y configurado el archivo haremos uso del siguiente comando desde el terminal sobre la ruta en la que se encuentra dicho archivo.<br /> <br /> $ pod install --repo-update<br /> <br /> <br /> Y veremos como se crea un proyecto tal que el siguiente:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Proyecto_nc_ios_8.png<br /> <br /> &lt;b&gt;Deberemos abrir el proyecto desde dicho archivo&lt;/b&gt; para que pueda usar el framework correctamente.<br /> <br /> ==== INSTALACIÓN MANUAL: ====<br /> <br /> <br /> Descargue el &lt;i&gt;framework&lt;/i&gt; &lt;b&gt;NickCenter&lt;/b&gt;:<br /> <br /> * Desde la [página principal de las librerías](http://panel.mobeleader.com/index.php?sec=82):<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/descarga_general_nc_ios.png<br /> <br /> * Desde la página de información de la libreria(http://panel.mobeleader.com/index.php?sec=85&amp;id=45&amp;tipo=3):<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/descarga_especifica_nc_ios_1.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/referrer/descargar_framework.png<br /> <br /> * Directamente desde [aquí](https://repos.mobeleader.com/MobeleaderNC/1.0.23/MobeleaderNC.zip).<br /> <br /> <br /> Una vez descargado el &lt;b&gt;&lt;i&gt;framework&lt;/i&gt;&lt;/b&gt;, descomprímalo e instálelo en su proyecto.<br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, crearemos un objeto de la clase NickCenter en donde vayamos a usarla, en el ejemplo se hace en la implementacion de la clase ( DatosIniciales ):<br /> <br /> @implementation DatosIniciales{<br /> NickCenter *nickCenter;<br /> }<br /> <br /> <br /> Para su lanzamiento se insertarán las siguientes lineas de código.<br /> <br /> <br /> nickCenter = [[NickCenter alloc] init];<br /> [nickCenter setDelegate:self];<br /> [nickCenter setRootViewController:self];<br /> [nickCenter setAppHash:@&quot;Hash de la APP en el Panel de Mobeleader&quot;];<br /> [nickCenter checkAndLaunch];<br /> <br /> * &lt;b&gt;appHash&lt;/b&gt;: Será el hash dado por el Panel Mobeleader al dar de alta la aplicación en éste. Para acceder a el deberemos ir a la sección &lt;b&gt;&lt;i&gt;Desarrolladores&lt;/i&gt;&lt;/b&gt; --&gt; &lt;b&gt;&lt;i&gt;Mis Apps&lt;/i&gt;&lt;/b&gt; y hacer click sobre la columna &lt;b&gt;Hash&lt;/b&gt; de nuestra aplicación.<br /> <br /> <br /> * &lt;b&gt;setRootViewController&lt;/b&gt;: Ésta función será opcional, con ella le diremos al framework desde que ViewController se lanzará y se recogerán las respuestas en los delegates.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación el framework de &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; esta dotado de una serie de funciones que le permitirán maquetarlas a su gusto:<br /> <br /> * &lt;b&gt;setViewsBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de las pantallas.<br /> <br /> * &lt;b&gt;setViewsBackgroundImage:(UIImage \*):&lt;/b&gt; Determina la imagen de fondo de cada pantalla.<br /> <br /> * &lt;b&gt;setHeaderBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;setHeaderBackgroundImage:(UIImage \*):&lt;/b&gt; Determina la imagen de fondo de la cabecera de cada pantalla.<br /> <br /> * &lt;b&gt;setHeaderBottomLineColor:(UIColor \*):&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla.<br /> <br /> * &lt;b&gt;setHeaderTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;setHeaderFont:(UIFont \*):&lt;/b&gt; Determina la fuente de los textos de las cabeceras.<br /> <br /> * &lt;b&gt;setTextFieldsBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;setTextFieldsPlaceholderColor:(UIColor \*):&lt;/b&gt; Determina el color del texto descriptivo de cada textfield.<br /> <br /> * &lt;b&gt;setTextFieldsTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;setTextFieldsFont:(UIFont \*):&lt;/b&gt; Determina la fuente del texto de los textfields.<br /> <br /> * &lt;b&gt;setButtonsNormalBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla.<br /> <br /> * &lt;b&gt;setButtonsHighlightedBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsNormalTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsHighlightedTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de cada boton cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsBorderColor:(UIColor \*):&lt;/b&gt; Determina el color del borde de los botones.<br /> <br /> * &lt;b&gt;setButtonsFont:(UIFont \*):&lt;/b&gt; Determina la fuente de los textos de los botones.<br /> <br /> * &lt;b&gt;setTermsFontColor:(UIColor \*):&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones.<br /> <br /> * &lt;b&gt;setTermsSwitchActiveColor:(UIColor \*):&lt;/b&gt; Determina el color de los botones activos en los terminos y condiciones.<br /> <br /> * &lt;b&gt;setTermsSwitchInactiveColor:(UIColor \*):&lt;/b&gt; Determina el color de los botones inactivos en los terminos y condiciones.<br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> nickCenter = [[NickCenter alloc] init];<br /> [nickCenter setDelegate:self];<br /> [nickCenter setRootViewController:self];<br /> [nickCenter setAppHash:@&quot;Hash de la APP en el Panel de Mobeleader&quot;];<br /> [nickCenter setViewsBackgroundColor:[UIColor whiteColor]];<br /> [nickCenter setViewsBackgroundImage:[UIImage imageNamed:@&quot;logo&quot;]];<br /> [nickCenter setHeaderBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setHeaderBottomLineColor:[UIColor orangeColor]];<br /> [nickCenter setHeaderTextColor:[UIColor whiteColor]];<br /> [nickCenter setTextFieldsBackgroundColor:[UIColor colorWithRed:217.0/255 green:217.0/255 blue:217.0/255 alpha:1]];<br /> [nickCenter setTextFieldsPlaceholderColor:[UIColor grayColor]];<br /> [nickCenter setTextFieldsTextColor:[UIColor blackColor]];<br /> [nickCenter setButtonsNormalBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setButtonsHighlightedBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setButtonsNormalTextColor:[UIColor whiteColor]];<br /> [nickCenter setButtonsHighlightedTextColor:[UIColor colorWithRed:249.0/255 green:203.0/255 blue:156.0/255 alpha:1]];<br /> [nickCenter setTermsFontColor:[UIColor orangeColor]];<br /> [nickCenter checkAndLaunch];<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_desarrollador.jpeg<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;: ( [nickCenter closeSession]; )<br /> <br /> <br /> === DELEGATES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de delegates que permiten al desarrollador saber que parte del framework se esta ejecutando y cual es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;registerViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;loginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;rescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString \*)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString \*)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;finished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;sessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;registerRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;loginPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro o un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;loginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;rescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> - &lt;b&gt;rescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2294 2018-10-15T11:54:25Z

<p>Asier: /* CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES SOPORTADAS ==<br /> <br /> Este Plugin soporta tanto Android como iOS. <br /> Para iOS soporta las versiones superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> Para Android soporta todas las versiones superiores a la &lt;b&gt;4.0&lt;/b&gt;<br /> <br /> {{:SDKs:NickCenter:PanelControl}}<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL FRAMEWORK EN LA APLICACIÓN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Existen dos maneras de instalar el &lt;i&gt;FrameWork&lt;/i&gt; &lt;b&gt;NickCenter&lt;/b&gt;: a través de &lt;b&gt;CocoaPods&lt;/b&gt; o descargándolo directamente. Recomendamos hacerlo a través de la primera opción. &lt;b&gt;NickCenter&lt;/b&gt; incorpora dos &lt;i&gt;frameworks&lt;/i&gt; auxiliares, &lt;b&gt;RegisterLib&lt;/b&gt; y &lt;b&gt;UtilsLib&lt;/b&gt;.<br /> <br /> ==== INSTALACIÓN CON COCOAPODS: ====<br /> <br /> <br /> En caso de que su proyecto no incluya el archivo &lt;b&gt;&lt;i&gt;Podfile&lt;/i&gt;&lt;/b&gt;, incorpórelo. Si nunca ha trabajado con &lt;b&gt;CocoaPods&lt;/b&gt; consulte la [documentación ofrecida en su web oficial](https://guides.cocoapods.org/using/using-cocoapods.html), en la que se explica paso a paso cómo instalar &lt;b&gt;CocoaPods&lt;/b&gt; y cómo crear, actualizar y trabajar con los archivos &lt;b&gt;&lt;i&gt;Podfile&lt;/i&gt;&lt;/b&gt;.<br /> <br /> target 'NameTarget' do<br /> use_frameworks!<br /> pod 'MobeleaderNC'<br /> pod 'MobeleaderUtils'<br /> pod 'MobeleaderRegister'<br /> end<br /> <br /> Cabe destacar que &lt;b&gt;NameTarget&lt;/b&gt; deberá ser reemplazado por el nombre real del target de la aplicación en la que se quiere añadir el framework.<br /> <br /> Una vez creado y configurado el archivo haremos uso del siguiente comando desde el terminal sobre la ruta en la que se encuentra dicho archivo.<br /> <br /> $ pod install --repo-update<br /> <br /> <br /> Y veremos como se crea un proyecto tal que el siguiente:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Proyecto_nc_ios_8.png<br /> <br /> &lt;b&gt;Deberemos abrir el proyecto desde dicho archivo&lt;/b&gt; para que pueda usar el framework correctamente.<br /> <br /> ==== INSTALACIÓN MANUAL: ====<br /> <br /> <br /> Descargue el &lt;i&gt;framework&lt;/i&gt; &lt;b&gt;NickCenter&lt;/b&gt;:<br /> <br /> * Desde la [página principal de las librerías](http://panel.mobeleader.com/index.php?sec=82):<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/descarga_general_nc_ios.png<br /> <br /> * Desde la página de información de la libreria(http://panel.mobeleader.com/index.php?sec=85&amp;id=45&amp;tipo=3):<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/descarga_especifica_nc_ios_1.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/referrer/descargar_framework.png<br /> <br /> * Directamente desde [aquí](https://repos.mobeleader.com/MobeleaderNC/1.0.23/MobeleaderNC.zip).<br /> <br /> <br /> Una vez descargado el &lt;b&gt;&lt;i&gt;framework&lt;/i&gt;&lt;/b&gt;, descomprímalo e instálelo en su proyecto.<br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, crearemos un objeto de la clase NickCenter en donde vayamos a usarla, en el ejemplo se hace en la implementacion de la clase ( DatosIniciales ):<br /> <br /> @implementation DatosIniciales{<br /> NickCenter *nickCenter;<br /> }<br /> <br /> <br /> Para su lanzamiento se insertarán las siguientes lineas de código.<br /> <br /> <br /> nickCenter = [[NickCenter alloc] init];<br /> [nickCenter setDelegate:self];<br /> [nickCenter setRootViewController:self];<br /> [nickCenter setAppHash:@&quot;Hash de la APP en el Panel de Mobeleader&quot;];<br /> [nickCenter checkAndLaunch];<br /> <br /> * &lt;b&gt;appHash&lt;/b&gt;: Será el hash dado por el Panel Mobeleader al dar de alta la aplicación en éste. Para acceder a el deberemos ir a la sección &lt;b&gt;&lt;i&gt;Desarrolladores&lt;/i&gt;&lt;/b&gt; --&gt; &lt;b&gt;&lt;i&gt;Mis Apps&lt;/i&gt;&lt;/b&gt; y hacer click sobre la columna &lt;b&gt;Hash&lt;/b&gt; de nuestra aplicación.<br /> <br /> <br /> * &lt;b&gt;setRootViewController&lt;/b&gt;: Ésta función será opcional, con ella le diremos al framework desde que ViewController se lanzará y se recogerán las respuestas en los delegates.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación el framework de &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; esta dotado de una serie de funciones que le permitirán maquetarlas a su gusto:<br /> <br /> * &lt;b&gt;setViewsBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de las pantallas.<br /> <br /> * &lt;b&gt;setViewsBackgroundImage:(UIImage \*):&lt;/b&gt; Determina la imagen de fondo de cada pantalla.<br /> <br /> * &lt;b&gt;setHeaderBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;setHeaderBackgroundImage:(UIImage \*):&lt;/b&gt; Determina la imagen de fondo de la cabecera de cada pantalla.<br /> <br /> * &lt;b&gt;setHeaderBottomLineColor:(UIColor \*):&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla.<br /> <br /> * &lt;b&gt;setHeaderTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;setHeaderFont:(UIFont \*):&lt;/b&gt; Determina la fuente de los textos de las cabeceras.<br /> <br /> * &lt;b&gt;setTextFieldsBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;setTextFieldsPlaceholderColor:(UIColor \*):&lt;/b&gt; Determina el color del texto descriptivo de cada textfield.<br /> <br /> * &lt;b&gt;setTextFieldsTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;setTextFieldsFont:(UIFont \*):&lt;/b&gt; Determina la fuente del texto de los textfields.<br /> <br /> * &lt;b&gt;setButtonsNormalBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla.<br /> <br /> * &lt;b&gt;setButtonsHighlightedBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsNormalTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsHighlightedTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de cada boton cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsBorderColor:(UIColor \*):&lt;/b&gt; Determina el color del borde de los botones.<br /> <br /> * &lt;b&gt;setButtonsFont:(UIFont \*):&lt;/b&gt; Determina la fuente de los textos de los botones.<br /> <br /> * &lt;b&gt;setTermsFontColor:(UIColor \*):&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones.<br /> <br /> * &lt;b&gt;setTermsSwitchActiveColor:(UIColor \*):&lt;/b&gt; Determina el color de los botones activos en los terminos y condiciones.<br /> <br /> * &lt;b&gt;setTermsSwitchInactiveColor:(UIColor \*):&lt;/b&gt; Determina el color de los botones inactivos en los terminos y condiciones.<br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> nickCenter = [[NickCenter alloc] init];<br /> [nickCenter setDelegate:self];<br /> [nickCenter setRootViewController:self];<br /> [nickCenter setAppHash:@&quot;Hash de la APP en el Panel de Mobeleader&quot;];<br /> [nickCenter setViewsBackgroundColor:[UIColor whiteColor]];<br /> [nickCenter setViewsBackgroundImage:[UIImage imageNamed:@&quot;logo&quot;]];<br /> [nickCenter setHeaderBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setHeaderBottomLineColor:[UIColor orangeColor]];<br /> [nickCenter setHeaderTextColor:[UIColor whiteColor]];<br /> [nickCenter setTextFieldsBackgroundColor:[UIColor colorWithRed:217.0/255 green:217.0/255 blue:217.0/255 alpha:1]];<br /> [nickCenter setTextFieldsPlaceholderColor:[UIColor grayColor]];<br /> [nickCenter setTextFieldsTextColor:[UIColor blackColor]];<br /> [nickCenter setButtonsNormalBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setButtonsHighlightedBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setButtonsNormalTextColor:[UIColor whiteColor]];<br /> [nickCenter setButtonsHighlightedTextColor:[UIColor colorWithRed:249.0/255 green:203.0/255 blue:156.0/255 alpha:1]];<br /> [nickCenter setTermsFontColor:[UIColor orangeColor]];<br /> [nickCenter checkAndLaunch];<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_desarrollador.jpeg<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;: ( [nickCenter closeSession]; )<br /> <br /> <br /> === DELEGATES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de delegates que permiten al desarrollador saber que parte del framework se esta ejecutando y cual es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;registerViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;loginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;rescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString \*)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString \*)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;finished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;sessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;registerRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;loginPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro o un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;loginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;rescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> - &lt;b&gt;rescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2293 2018-10-15T11:52:37Z

<p>Asier: /* CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES DE iOs SOPORTADAS ==<br /> <br /> <br /> Este framework soporta todas las versiones de iOs superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> {{:SDKs:NickCenter:PanelControl}}<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL FRAMEWORK EN LA APLICACIÓN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Existen dos maneras de instalar el &lt;i&gt;FrameWork&lt;/i&gt; &lt;b&gt;NickCenter&lt;/b&gt;: a través de &lt;b&gt;CocoaPods&lt;/b&gt; o descargándolo directamente. Recomendamos hacerlo a través de la primera opción. &lt;b&gt;NickCenter&lt;/b&gt; incorpora dos &lt;i&gt;frameworks&lt;/i&gt; auxiliares, &lt;b&gt;RegisterLib&lt;/b&gt; y &lt;b&gt;UtilsLib&lt;/b&gt;.<br /> <br /> ==== INSTALACIÓN CON COCOAPODS: ====<br /> <br /> <br /> En caso de que su proyecto no incluya el archivo &lt;b&gt;&lt;i&gt;Podfile&lt;/i&gt;&lt;/b&gt;, incorpórelo. Si nunca ha trabajado con &lt;b&gt;CocoaPods&lt;/b&gt; consulte la [documentación ofrecida en su web oficial](https://guides.cocoapods.org/using/using-cocoapods.html), en la que se explica paso a paso cómo instalar &lt;b&gt;CocoaPods&lt;/b&gt; y cómo crear, actualizar y trabajar con los archivos &lt;b&gt;&lt;i&gt;Podfile&lt;/i&gt;&lt;/b&gt;.<br /> <br /> target 'NameTarget' do<br /> use_frameworks!<br /> pod 'MobeleaderNC'<br /> pod 'MobeleaderUtils'<br /> pod 'MobeleaderRegister'<br /> end<br /> <br /> Cabe destacar que &lt;b&gt;NameTarget&lt;/b&gt; deberá ser reemplazado por el nombre real del target de la aplicación en la que se quiere añadir el framework.<br /> <br /> Una vez creado y configurado el archivo haremos uso del siguiente comando desde el terminal sobre la ruta en la que se encuentra dicho archivo.<br /> <br /> $ pod install --repo-update<br /> <br /> <br /> Y veremos como se crea un proyecto tal que el siguiente:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Proyecto_nc_ios_8.png<br /> <br /> &lt;b&gt;Deberemos abrir el proyecto desde dicho archivo&lt;/b&gt; para que pueda usar el framework correctamente.<br /> <br /> ==== INSTALACIÓN MANUAL: ====<br /> <br /> <br /> Descargue el &lt;i&gt;framework&lt;/i&gt; &lt;b&gt;NickCenter&lt;/b&gt;:<br /> <br /> * Desde la [página principal de las librerías](http://panel.mobeleader.com/index.php?sec=82):<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/descarga_general_nc_ios.png<br /> <br /> * Desde la página de información de la libreria(http://panel.mobeleader.com/index.php?sec=85&amp;id=45&amp;tipo=3):<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/descarga_especifica_nc_ios_1.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/referrer/descargar_framework.png<br /> <br /> * Directamente desde [aquí](https://repos.mobeleader.com/MobeleaderNC/1.0.23/MobeleaderNC.zip).<br /> <br /> <br /> Una vez descargado el &lt;b&gt;&lt;i&gt;framework&lt;/i&gt;&lt;/b&gt;, descomprímalo e instálelo en su proyecto.<br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, crearemos un objeto de la clase NickCenter en donde vayamos a usarla, en el ejemplo se hace en la implementacion de la clase ( DatosIniciales ):<br /> <br /> @implementation DatosIniciales{<br /> NickCenter *nickCenter;<br /> }<br /> <br /> <br /> Para su lanzamiento se insertarán las siguientes lineas de código.<br /> <br /> <br /> nickCenter = [[NickCenter alloc] init];<br /> [nickCenter setDelegate:self];<br /> [nickCenter setRootViewController:self];<br /> [nickCenter setAppHash:@&quot;Hash de la APP en el Panel de Mobeleader&quot;];<br /> [nickCenter checkAndLaunch];<br /> <br /> * &lt;b&gt;appHash&lt;/b&gt;: Será el hash dado por el Panel Mobeleader al dar de alta la aplicación en éste. Para acceder a el deberemos ir a la sección &lt;b&gt;&lt;i&gt;Desarrolladores&lt;/i&gt;&lt;/b&gt; --&gt; &lt;b&gt;&lt;i&gt;Mis Apps&lt;/i&gt;&lt;/b&gt; y hacer click sobre la columna &lt;b&gt;Hash&lt;/b&gt; de nuestra aplicación.<br /> <br /> <br /> * &lt;b&gt;setRootViewController&lt;/b&gt;: Ésta función será opcional, con ella le diremos al framework desde que ViewController se lanzará y se recogerán las respuestas en los delegates.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación el framework de &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; esta dotado de una serie de funciones que le permitirán maquetarlas a su gusto:<br /> <br /> * &lt;b&gt;setViewsBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de las pantallas.<br /> <br /> * &lt;b&gt;setViewsBackgroundImage:(UIImage \*):&lt;/b&gt; Determina la imagen de fondo de cada pantalla.<br /> <br /> * &lt;b&gt;setHeaderBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;setHeaderBackgroundImage:(UIImage \*):&lt;/b&gt; Determina la imagen de fondo de la cabecera de cada pantalla.<br /> <br /> * &lt;b&gt;setHeaderBottomLineColor:(UIColor \*):&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla.<br /> <br /> * &lt;b&gt;setHeaderTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;setHeaderFont:(UIFont \*):&lt;/b&gt; Determina la fuente de los textos de las cabeceras.<br /> <br /> * &lt;b&gt;setTextFieldsBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;setTextFieldsPlaceholderColor:(UIColor \*):&lt;/b&gt; Determina el color del texto descriptivo de cada textfield.<br /> <br /> * &lt;b&gt;setTextFieldsTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;setTextFieldsFont:(UIFont \*):&lt;/b&gt; Determina la fuente del texto de los textfields.<br /> <br /> * &lt;b&gt;setButtonsNormalBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla.<br /> <br /> * &lt;b&gt;setButtonsHighlightedBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsNormalTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsHighlightedTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de cada boton cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsBorderColor:(UIColor \*):&lt;/b&gt; Determina el color del borde de los botones.<br /> <br /> * &lt;b&gt;setButtonsFont:(UIFont \*):&lt;/b&gt; Determina la fuente de los textos de los botones.<br /> <br /> * &lt;b&gt;setTermsFontColor:(UIColor \*):&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones.<br /> <br /> * &lt;b&gt;setTermsSwitchActiveColor:(UIColor \*):&lt;/b&gt; Determina el color de los botones activos en los terminos y condiciones.<br /> <br /> * &lt;b&gt;setTermsSwitchInactiveColor:(UIColor \*):&lt;/b&gt; Determina el color de los botones inactivos en los terminos y condiciones.<br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> nickCenter = [[NickCenter alloc] init];<br /> [nickCenter setDelegate:self];<br /> [nickCenter setRootViewController:self];<br /> [nickCenter setAppHash:@&quot;Hash de la APP en el Panel de Mobeleader&quot;];<br /> [nickCenter setViewsBackgroundColor:[UIColor whiteColor]];<br /> [nickCenter setViewsBackgroundImage:[UIImage imageNamed:@&quot;logo&quot;]];<br /> [nickCenter setHeaderBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setHeaderBottomLineColor:[UIColor orangeColor]];<br /> [nickCenter setHeaderTextColor:[UIColor whiteColor]];<br /> [nickCenter setTextFieldsBackgroundColor:[UIColor colorWithRed:217.0/255 green:217.0/255 blue:217.0/255 alpha:1]];<br /> [nickCenter setTextFieldsPlaceholderColor:[UIColor grayColor]];<br /> [nickCenter setTextFieldsTextColor:[UIColor blackColor]];<br /> [nickCenter setButtonsNormalBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setButtonsHighlightedBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setButtonsNormalTextColor:[UIColor whiteColor]];<br /> [nickCenter setButtonsHighlightedTextColor:[UIColor colorWithRed:249.0/255 green:203.0/255 blue:156.0/255 alpha:1]];<br /> [nickCenter setTermsFontColor:[UIColor orangeColor]];<br /> [nickCenter checkAndLaunch];<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_desarrollador.jpeg<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;: ( [nickCenter closeSession]; )<br /> <br /> <br /> === DELEGATES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de delegates que permiten al desarrollador saber que parte del framework se esta ejecutando y cual es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;registerViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;loginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;rescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString \*)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString \*)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;finished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;sessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;registerRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;loginPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro o un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;loginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;rescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> - &lt;b&gt;rescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:PanelControl&diff=2292 2018-10-15T11:51:04Z

<p>Asier: Página creada con «== PASOS A REALIZAR EN EL PANEL MOBELEADER == Una vez nuestra aplicación esté registrada en el Panel Mobeleader, [http://panel.mobeleader.com/index.php](http://panel.mo...»</p> <hr /> <div>== PASOS A REALIZAR EN EL PANEL MOBELEADER ==<br /> <br /> <br /> Una vez nuestra aplicación esté registrada en el Panel Mobeleader, [http://panel.mobeleader.com/index.php](http://panel.mobeleader.com/index.php), iremos a la sección de de &lt;b&gt;&lt;i&gt;Desarrolladores&lt;/i&gt;&lt;/b&gt; y hacemos click en &lt;b&gt;&lt;i&gt;NickCenter —&gt; Añadir app a NickCenter&lt;/i&gt;&lt;/b&gt;.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Anadir_app_nc_1.png<br /> <br /> Para añadir nuestra aplicación a &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; deberemos seguir cinco sencillos pasos:<br /> <br /> &lt;b&gt;1.- Selección de app:&lt;/b&gt; En este apartado tendremos que elegír la aplicación que queremos añadir a &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; y decidir si la librería estará activa o no al lanzar la aplicación seleccionada. Esto se podrá activar y desactivar siempre que se desee.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_2.png<br /> <br /> &lt;b&gt;2.- Pantalla de registro:&lt;/b&gt; En este paso configuraremos lo referente a la vista de registro para los usuarios. Podremos elegir entre varios campos de los cuales, como se indica, el &lt;b&gt;email&lt;/b&gt; y &lt;b&gt;password&lt;/b&gt; siempre serán obligatorios, el resto, será al gusto del desarrollador; pudiendo elegir que el usuario &lt;i&gt;PUEDA&lt;/i&gt; introducir su nombre, pero no siendo obligatorio para el registro.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_3.png<br /> <br /> &lt;b&gt;3.- Pantalla de inicio de sesión:&lt;/b&gt; Como en el anterior paso, aquí, configuraremos lo referente a la pantalla de inicio de sesión para los usuarios. En este caso, como se indica, solo será obligatorio el campo &lt;b&gt;password&lt;/b&gt;.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_4.png<br /> <br /> &lt;b&gt;4.- Pantalla de recuperación de contraseña:&lt;/b&gt; En este caso, para la pantalla de recuperación de contraseña tan solo se pedira el &lt;b&gt;email&lt;/b&gt; del usuario y por tanto, dicho &lt;b&gt;email&lt;/b&gt; sera un campo obligatorio.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_5.png<br /> <br /> &lt;b&gt;5.- Traducción:&lt;/b&gt; Este será el último paso para configurar nuestra aplicación, aquí deberemos seleccionar tanto los idiomas a los que estarán traducidos todos los campos que hemos configurado previamente; como su propia traducción a dichos idiomas. Una vez seleccionado el primer idioma, se pondrá como idioma por defecto de dicha aplicación. Para cambiar el idioma por defecto no tendremos más que generar las traducciones en más idiomas y modificar el campo &lt;b&gt;&quot;Traducción por defecto&quot;&lt;/b&gt;.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_6.png<br /> <br /> &lt;b&gt;5.1.- Cabeceras y botones:&lt;/b&gt; En este primer paso generaremos las traducciones de las cabeceras de las pantallas y de sus botones.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_7.png<br /> <br /> &lt;b&gt;5.2.- Configuración de campos:&lt;/b&gt; En el segúndo paso generaremos las traducciones de los campos seleccionados previamente para cada pantalla y de sus posibles errores.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_8.png<br /> <br /> &lt;b&gt;5.3.- Traducciones generales:&lt;/b&gt; En el tercer y último paso generaremos las traducciones generales, traducciones que van asociadas a todas las pantallas y no a una/s en concreto como en los anteriores pasos.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_9.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_10.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_11.png<br /> <br /> Una vez finalizadas las traducciones, como se ha indicado previamente, aparecerá el idioma al que se han realizado las traducciones y se pondrá por defecto.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_12.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_13.png<br /> <br /> Si al finalizar dicha configuración no hemos quedado satisfechos con los campos seleccionados en alguna de sus pantallas, cuando procedamos a editar dicha pantalla y añadamos un nuevo campo que previamente no ha sido traducido, automáticamente se abrirá una pantalla para generar las traducciones para el &lt;b&gt;&lt;i&gt;IDIOMA POR DEFECTO&lt;/i&gt;&lt;/b&gt;. Si queremos generar la traducción para el resto de idiomas hemos de volver a realizar lo especificado en el paso &lt;b&gt;5.-Traducción&lt;/b&gt;.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Anadir_nuevo_campo_14.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Anadir_nuevo_campo_15.png</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Intro&diff=2290 2018-10-15T11:49:22Z

<p>Asier: /* INTRODUCCION */</p> <hr /> <div>== INTRODUCCION ==<br /> <br /> &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; es una librería de &lt;b&gt;Registro e Inicio de Sesión&lt;/b&gt; para &lt;b&gt;desarrolladores&lt;/b&gt;, pudiendo ser activada o desactivada desde el panel de &lt;b&gt;Mobeleader&lt;/b&gt; cuando se desee. Se encargará de todo lo necesario para registrar en nuestro sistema los usuarios que se den de alta y devolverá a la aplicación en la que se esté usando los datos de éstos en formato JSON. Dicho JSON podrá contener los siguientes campos, pudiendo no estar todos los expuestos a continuación:<br /> * &lt;b&gt;user_id:&lt;/b&gt; ID del usuario. ( SIEMPRE SE INFORMARÁ )<br /> <br /> * &lt;b&gt;email:&lt;/b&gt; Email del usuario. ( SIEMPRE SE INFORMARÁ )<br /> <br /> * &lt;b&gt;added_date:&lt;/b&gt; Fecha en la que se dio de alta el perfil en NickCenter. ( SIEMPRE SE INFORMARÁ )<br /> <br /> * &lt;b&gt;name:&lt;/b&gt; Nombre del usuario que se ha dado de alta. ( DEPENDERÁ DE SI SE HA REGISTRADO EL CAMPO )<br /> <br /> * &lt;b&gt;last_name:&lt;/b&gt; Apellido del usuario que se ha dado de alta. ( DEPENDERÁ DE SI SE HA REGISTRADO EL CAMPO )<br /> <br /> * &lt;b&gt;nick:&lt;/b&gt; Nick del perfil que se ha dado de alta. ( SIEMPRE SE INFORMARÁ )<br /> <br /> * &lt;b&gt;telephone:&lt;/b&gt; Telefono del usuario que se ha dado de alta. ( DEPENDERÁ DE SI SE HA REGISTRADO EL CAMPO )<br /> <br /> * &lt;b&gt;languaje:&lt;/b&gt; Idioma del telefono con el que el usuario se ha dado de alta. ( SIEMPRE SE INFORMARÁ )<br /> <br /> * &lt;b&gt;country:&lt;/b&gt; Pais del usuario que se ha dado de alta. ( SIEMPRE SE INFORMARÁ )<br /> <br /> * &lt;b&gt;update_date:&lt;/b&gt; Fecha en la que se actualizó el perfil de NickCenter. ( SOLO CUANDO HAYA HABIDO ALGUNA ACTUALIZACIÓN )<br /> <br /> * &lt;b&gt;birth_date:&lt;/b&gt; Fecha de nacimiento del usuario que se ha dado de alta. ( DEPENDERÁ DE SI SE HA REGISTRADO EL CAMPO )<br /> <br /> * &lt;b&gt;apps:&lt;/b&gt; JSON que contendrá las aplicaciones en las que el usuario ha sido registrado. Cabe destacar que solo se mostrarán aplicaciones que compartan el mismo desarrollador, nunca obtendremos datos de aplicaciones externas. ( SIEMPRE SE INFORMARA )</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Intro&diff=2289 2018-10-15T11:42:48Z

<p>Asier: /* INTRODUCCION */</p> <hr /> <div>== INTRODUCCION ==<br /> <br /> Esto es desde Plantilla<br /> <br /> <br /> &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; es una librería de &lt;b&gt;Registro e Inicio de Sesión&lt;/b&gt; para &lt;b&gt;desarrolladores&lt;/b&gt;, pudiendo ser activada o desactivada desde el panel de &lt;b&gt;Mobeleader&lt;/b&gt; cuando se desee. Se encargará de todo lo necesario para registrar en nuestro sistema los usuarios que se den de alta y devolverá a la aplicación en la que se esté usando los datos de éstos en formato JSON. Dicho JSON podrá contener los siguientes campos, pudiendo no estar todos los expuestos a continuación:<br /> * &lt;b&gt;user_id:&lt;/b&gt; ID del usuario. ( SIEMPRE SE INFORMARÁ )<br /> <br /> * &lt;b&gt;email:&lt;/b&gt; Email del usuario. ( SIEMPRE SE INFORMARÁ )<br /> <br /> * &lt;b&gt;added_date:&lt;/b&gt; Fecha en la que se dio de alta el perfil en NickCenter. ( SIEMPRE SE INFORMARÁ )<br /> <br /> * &lt;b&gt;name:&lt;/b&gt; Nombre del usuario que se ha dado de alta. ( DEPENDERÁ DE SI SE HA REGISTRADO EL CAMPO )<br /> <br /> * &lt;b&gt;last_name:&lt;/b&gt; Apellido del usuario que se ha dado de alta. ( DEPENDERÁ DE SI SE HA REGISTRADO EL CAMPO )<br /> <br /> * &lt;b&gt;nick:&lt;/b&gt; Nick del perfil que se ha dado de alta. ( SIEMPRE SE INFORMARÁ )<br /> <br /> * &lt;b&gt;telephone:&lt;/b&gt; Telefono del usuario que se ha dado de alta. ( DEPENDERÁ DE SI SE HA REGISTRADO EL CAMPO )<br /> <br /> * &lt;b&gt;languaje:&lt;/b&gt; Idioma del telefono con el que el usuario se ha dado de alta. ( SIEMPRE SE INFORMARÁ )<br /> <br /> * &lt;b&gt;country:&lt;/b&gt; Pais del usuario que se ha dado de alta. ( SIEMPRE SE INFORMARÁ )<br /> <br /> * &lt;b&gt;update_date:&lt;/b&gt; Fecha en la que se actualizó el perfil de NickCenter. ( SOLO CUANDO HAYA HABIDO ALGUNA ACTUALIZACIÓN )<br /> <br /> * &lt;b&gt;birth_date:&lt;/b&gt; Fecha de nacimiento del usuario que se ha dado de alta. ( DEPENDERÁ DE SI SE HA REGISTRADO EL CAMPO )<br /> <br /> * &lt;b&gt;apps:&lt;/b&gt; JSON que contendrá las aplicaciones en las que el usuario ha sido registrado. Cabe destacar que solo se mostrarán aplicaciones que compartan el mismo desarrollador, nunca obtendremos datos de aplicaciones externas. ( SIEMPRE SE INFORMARA )</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Intro&diff=2288 2018-10-15T11:42:41Z

<p>Asier: /* INTRODUCCION */</p> <hr /> <div>== INTRODUCCION ==<br /> <br /> Esto es desde Plantilla<br /> &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; es una librería de &lt;b&gt;Registro e Inicio de Sesión&lt;/b&gt; para &lt;b&gt;desarrolladores&lt;/b&gt;, pudiendo ser activada o desactivada desde el panel de &lt;b&gt;Mobeleader&lt;/b&gt; cuando se desee. Se encargará de todo lo necesario para registrar en nuestro sistema los usuarios que se den de alta y devolverá a la aplicación en la que se esté usando los datos de éstos en formato JSON. Dicho JSON podrá contener los siguientes campos, pudiendo no estar todos los expuestos a continuación:<br /> * &lt;b&gt;user_id:&lt;/b&gt; ID del usuario. ( SIEMPRE SE INFORMARÁ )<br /> <br /> * &lt;b&gt;email:&lt;/b&gt; Email del usuario. ( SIEMPRE SE INFORMARÁ )<br /> <br /> * &lt;b&gt;added_date:&lt;/b&gt; Fecha en la que se dio de alta el perfil en NickCenter. ( SIEMPRE SE INFORMARÁ )<br /> <br /> * &lt;b&gt;name:&lt;/b&gt; Nombre del usuario que se ha dado de alta. ( DEPENDERÁ DE SI SE HA REGISTRADO EL CAMPO )<br /> <br /> * &lt;b&gt;last_name:&lt;/b&gt; Apellido del usuario que se ha dado de alta. ( DEPENDERÁ DE SI SE HA REGISTRADO EL CAMPO )<br /> <br /> * &lt;b&gt;nick:&lt;/b&gt; Nick del perfil que se ha dado de alta. ( SIEMPRE SE INFORMARÁ )<br /> <br /> * &lt;b&gt;telephone:&lt;/b&gt; Telefono del usuario que se ha dado de alta. ( DEPENDERÁ DE SI SE HA REGISTRADO EL CAMPO )<br /> <br /> * &lt;b&gt;languaje:&lt;/b&gt; Idioma del telefono con el que el usuario se ha dado de alta. ( SIEMPRE SE INFORMARÁ )<br /> <br /> * &lt;b&gt;country:&lt;/b&gt; Pais del usuario que se ha dado de alta. ( SIEMPRE SE INFORMARÁ )<br /> <br /> * &lt;b&gt;update_date:&lt;/b&gt; Fecha en la que se actualizó el perfil de NickCenter. ( SOLO CUANDO HAYA HABIDO ALGUNA ACTUALIZACIÓN )<br /> <br /> * &lt;b&gt;birth_date:&lt;/b&gt; Fecha de nacimiento del usuario que se ha dado de alta. ( DEPENDERÁ DE SI SE HA REGISTRADO EL CAMPO )<br /> <br /> * &lt;b&gt;apps:&lt;/b&gt; JSON que contendrá las aplicaciones en las que el usuario ha sido registrado. Cabe destacar que solo se mostrarán aplicaciones que compartan el mismo desarrollador, nunca obtendremos datos de aplicaciones externas. ( SIEMPRE SE INFORMARA )</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Android:index&diff=2285 2018-10-15T11:38:37Z

<p>Asier: /* CÓMO AGREGAR LA LIBRERÍA NICKCENTER EN ANDROID */</p> <hr /> <div>= CÓMO AGREGAR LA LIBRERÍA NICKCENTER EN ANDROID =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES DE ANDROID SOPORTADAS ==<br /> <br /> <br /> Esta librería soporta todas las versiones de Android superiores a las &lt;b&gt;2.3&lt;/b&gt;, la denominada &lt;b&gt;GingerBread&lt;/b&gt;.<br /> <br /> {{:SDKs:NickCenter:PanelControl}}<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DE LA LIBRERÍA EN LA APLICACIÓN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> <br /> <br /> 1. -Disponemos de un repositorio maven para poder usar en Android Studio, para ello deberemos insertar lo siguiente en el archivo &lt;b&gt;&lt;i&gt;“build.gradle” &lt;/i&gt;&lt;/b&gt; de nuestra aplicación:<br /> <br /> - En el apartado de &lt;b&gt;&lt;i&gt;repositories&lt;/i&gt;&lt;/b&gt; añadiremos:<br /> <br /> <br /> repositories {<br /> mavenCentral()<br /> maven { url 'http://maven.mobeleader.com' }<br /> }<br /> <br /> <br /> * En el apartado de &lt;b&gt;&lt;i&gt;repositories&lt;/i&gt;&lt;/b&gt; añadiremos las dependencias necesarias para usar la librería &lt;b&gt;NickCenter&lt;/b&gt;. Serán tanto la propia librería de &lt;b&gt;NickCenter&lt;/b&gt; como las librerías &lt;b&gt;UtilsLib&lt;/b&gt; y &lt;b&gt;RegisterLib&lt;/b&gt;.<br /> <br /> <br /> <br /> //noinspection GradleDynamicVersion<br /> implementation 'com.mobeleader.nickcenter:NickCenter:+'<br /> //noinspection GradleDynamicVersion<br /> implementation 'com.mobeleader.utils:UtilsLib:+'<br /> //noinspection GradleDynamicVersion<br /> implementation 'com.mobeleader.register:RegisterLib:+'<br /> <br /> <br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la librería, en la Activity o en el Fragment que se quiera lanzar deberemos añadir las siguientes lineas de código:<br /> <br /> <br /> String appName = 'Nombre de la APP en el nuestro panel';<br /> String appHash = 'Hash de la APP en nuestro panel';<br /> NCLib nclib = new NCLib(this, appName, appHash, &quot;movil&quot;);<br /> nclib.checkAndLaunch();<br /> <br /> <br /> * &lt;b&gt;appName&lt;/b&gt;: Será el nombre que se le ha dado a la aplicación al darla de alta en nuestro panel.<br /> <br /> * &lt;b&gt;appHash&lt;/b&gt;: Será el hash dado por nuestro panel al dar de alta la aplicación en éste. Para acceder a el deberemos ir a la sección &lt;b&gt;&lt;i&gt;Desarrolladores&lt;/i&gt;&lt;/b&gt; --&gt; &lt;b&gt;&lt;i&gt;Mis Apps&lt;/i&gt;&lt;/b&gt; y hacer click sobre la columna &lt;b&gt;Hash&lt;/b&gt; de nuestra aplicación.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_default_android.png<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación la librería esta dotada de una serie de funciones que le permitirán maquetarlas a su gusto:<br /> <br /> * &lt;b&gt;setViewsBackgroundColor(String viewsBackgroundColor):&lt;/b&gt; Determina el color de fondo de las pantallas.<br /> <br /> * &lt;b&gt;setViewsBackgroundImage(int viewsBackgroundImage):&lt;/b&gt; Determina la imagen de fondo de cada pantalla.<br /> <br /> * &lt;b&gt;setHeaderBackgroundColor(String headerBackgroundColor):&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;setHeaderBackgroundImage(int headerBackgroundImage):&lt;/b&gt; Determina la imagen de fondo de la cabecera de cada pantalla.<br /> <br /> * &lt;b&gt;setHeaderBottomLineColor(String headerBottomLineColor):&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla.<br /> <br /> * &lt;b&gt;setHeaderTextColor(String headerTextColor):&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;setHeaderFont(String headerFont):&lt;/b&gt; Determina la fuente de los textos de las cabeceras.<br /> <br /> * &lt;b&gt;setTextFieldsBackgroundColor(String textFieldsBackgroundColor):&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;setTextFieldsPlaceholderColor(String textFieldsPlaceholderColor):&lt;/b&gt; Determina el color del texto descriptivo de cada textfield.<br /> <br /> * &lt;b&gt;setTextFieldsTextColor(String textFieldsTextColor):&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;setTextFieldsFont(String textFieldsFont):&lt;/b&gt; Determina la fuente del texto de los textfields.<br /> <br /> * &lt;b&gt;setButtonsNormalBackgroundColor(String buttonsNormalBackgroundColor):&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla.<br /> <br /> * &lt;b&gt;setButtonsHighlightedBackgroundColor(String buttonsHighlightedBackgroundColor):&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsNormalTextColor(String buttonsNormalTextColor):&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsHighlightedTextColor(String buttonsHighlightedTextColor):&lt;/b&gt; Determina el color del texto de cada boton cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsBorderColor(String buttonsBorderColor):&lt;/b&gt; Determina el color del borde de los botones.<br /> <br /> * &lt;b&gt;setButtonsFont(String buttonsFont):&lt;/b&gt; Determina la fuente de los textos de los botones.<br /> <br /> * &lt;b&gt;setTermsFontColor(String buttonsFont):&lt;/b&gt; Determina la fuente de los textos de los terminos y condiciones.<br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> String appName = 'Nombre de la APP en nuestro panel';<br /> String appHash = 'Hash de la APP en nuestro panel';<br /> <br /> NCLib nclib = new NCLib(this, appName, appHash, &quot;movil&quot;);<br /> <br /> nclib.setViewsBackgroundImage(R.drawable.ic_launcher);<br /> nclib.setHeaderBackgroundColor(&quot;#f0f0f0&quot;);<br /> nclib.setHeaderBottomLineColor(&quot;#01e3fe&quot;);<br /> nclib.setHeaderTextColor(&quot;#7b7b7b&quot;);<br /> nclib.setTextFieldsBackgroundColor(&quot;#ebebeb&quot;);<br /> nclib.setTextFieldsPlaceholderColor(&quot;#7b7b7b&quot;);<br /> nclib.setButtonsNormalBackgroundColor(&quot;#7b7b7b&quot;);<br /> nclib.setButtonsHighlightedBackgroundColor(&quot;#000000&quot;);<br /> nclib.setButtonsNormalTextColor(&quot;#7b7b7b&quot;);<br /> nclib.setButtonsBorderColor(&quot;#01e3fe&quot;);<br /> <br /> nclib.checkAndLaunch();<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_android_desarrollador.png<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance &lt;b&gt;NickCenter&lt;/b&gt;, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_android_completar.png<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession(Context contexto)&lt;/b&gt;: Cabe destacar que el contexto que se le ha de pasar a la función para cerrar la sesión ha de ser el mismo que se usa para el lanzamiento de la librería.<br /> <br /> <br /> === FUNCIONES DE PRECARGA DE DATOS: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una serie de funciones que permite al desarrollador precargar los datos del usuario en la pantalla del registro. De ésta manera si el desarrollador conoce los datos de los usuarios, al lanzar la librería los campos se autorellenarán en la pantalla del registro. Dichas funciones son:<br /> <br /> * &lt;b&gt;setUserName(String name):&lt;/b&gt; Rellenará el campo &quot;Nombre&quot;.<br /> <br /> * &lt;b&gt;setUserSurname(String surName):&lt;/b&gt; Rellenará el campo &quot;Apellidos&quot;.<br /> <br /> * &lt;b&gt;setUserEmail(String email):&lt;/b&gt; Rellenará el campo &quot;Email&quot;. El email ha de ser real, se comprobará tanto el formato de la cadena como la veracidad del propio email. Ejemplo: user@domain.com<br /> <br /> * &lt;b&gt;setUserPhone(String phone):&lt;/b&gt; Rellenará el campo &quot;Teléfono&quot;. Se validará el formato del teléfono; ha de ser un teléfono sin prefijo internacional. Ejemplo: 666777888<br /> <br /> * &lt;b&gt;setUserNick(String nick):&lt;/b&gt; Rellenará el campo &quot;Nick&quot;.<br /> <br /> * &lt;b&gt;setUserGender(String gender):&lt;/b&gt; Rellenará el campo &quot;Sexo&quot;. Será M para Hombre y F para mujer.<br /> <br /> * &lt;b&gt;setUserBirthDate(String birthDate):&lt;/b&gt; Rellenará el campo &quot;Fecha de Nacimiento&quot;. Ha de ser una fecha en formato inglés separado por /. Ejemplo: 1992/01/12.<br /> <br /> <br /> === LISTENERS: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de listeners que permiten al desarrollador saber que parte de la librería se esta ejecutando y cual es su resultado. A continuación se expondrá un ejemplo de como lanzar la librería con listeners y cuales son todos éstos.<br /> <br /> String appName = 'Nombre de la APP en nuestro panel';<br /> String appHash = 'Hash de la APP en nuestro panel';<br /> <br /> NCLib nclib = new NCLib(this, appName, appHash, &quot;movil&quot;);<br /> <br /> nclib.setNCListener(new NCLibListener(){<br /> @Override<br /> public void onError(String error){<br /> super.onError(error);<br /> Logger.d(&quot;LANZA EL ERROR ---&gt;&quot;+error);<br /> }<br /> });<br /> <br /> nclib.checkAndLaunch();<br /> <br /> <br /> * &lt;b&gt;onRegisterViewOpened()&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;onLoginViewOpened()&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;onRescueViewOpened()&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError(String error)&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning(String warning)&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;onFinished()&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Cerrar las vistas de login y registro (con ellas se cierra la aplicación); e inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;onSessionClosed()&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive()&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive()&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;onRegisterRegisterButtonClicked()&lt;/b&gt;: Notificará cuando se haga click en el botón de registarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterLoginButtonClicked()&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterCloseButtonClicked()&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;onRegisterPerformed(JSONObject user)&lt;/b&gt;: Notificará cuando haya habido un registro correcto. Se mandará un JSON con los datos obtenidos del usuario.<br /> <br /> * &lt;b&gt;onLoginLoginButtonClicked()&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginRegisterButtonClicked()&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginRescueButtonClicked()&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginCloseButtonClicked()&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;onLoginPerformed(JSONObject user)&lt;/b&gt;: Notificará cuando haya habido un inicio de sesión correcto. Se mandará un JSON con los datos obtenidos del usuario.<br /> <br /> * &lt;b&gt;onRescueRescueButtonClicked()&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> - &lt;b&gt;onRescueCloseButtonClicked()&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2284 2018-10-15T11:36:24Z

<p>Asier: /* CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES DE iOs SOPORTADAS ==<br /> <br /> <br /> Este framework soporta todas las versiones de iOs superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> == PASOS A REALIZAR EN EL PANEL MOBELEADER ==<br /> <br /> <br /> Una vez nuestra aplicación esté registrada en el Panel Mobeleader, [http://panel.mobeleader.com/index.php](http://panel.mobeleader.com/index.php), iremos a la sección de de &lt;b&gt;&lt;i&gt;Desarrolladores&lt;/i&gt;&lt;/b&gt; y hacemos click en &lt;b&gt;&lt;i&gt;NickCenter —&gt; Añadir app a NickCenter&lt;/i&gt;&lt;/b&gt;.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Anadir_app_nc_1.png<br /> <br /> Para añadir nuestra aplicación a &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; deberemos seguir cinco sencillos pasos:<br /> <br /> &lt;b&gt;1.- Selección de app:&lt;/b&gt; En este apartado tendremos que elegír la aplicación que queremos añadir a &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; y decidir si la librería estará activa o no al lanzar la aplicación seleccionada. Esto se podrá activar y desactivar siempre que se desee.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_2.png<br /> <br /> &lt;b&gt;2.- Pantalla de registro:&lt;/b&gt; En este paso configuraremos lo referente a la vista de registro para los usuarios. Podremos elegir entre varios campos de los cuales, como se indica, el &lt;b&gt;email&lt;/b&gt; y &lt;b&gt;password&lt;/b&gt; siempre serán obligatorios, el resto, será al gusto del desarrollador; pudiendo elegir que el usuario &lt;i&gt;PUEDA&lt;/i&gt; introducir su nombre, pero no siendo obligatorio para el registro.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_3.png<br /> <br /> &lt;b&gt;3.- Pantalla de inicio de sesión:&lt;/b&gt; Como en el anterior paso, aquí, configuraremos lo referente a la pantalla de inicio de sesión para los usuarios. En este caso, como se indica, solo será obligatorio el campo &lt;b&gt;password&lt;/b&gt;.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_4.png<br /> <br /> &lt;b&gt;4.- Pantalla de recuperación de contraseña:&lt;/b&gt; En este caso, para la pantalla de recuperación de contraseña tan solo se pedira el &lt;b&gt;email&lt;/b&gt; del usuario y por tanto, dicho &lt;b&gt;email&lt;/b&gt; sera un campo obligatorio.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_5.png<br /> <br /> &lt;b&gt;5.- Traducción:&lt;/b&gt; Este será el último paso para configurar nuestra aplicación, aquí deberemos seleccionar tanto los idiomas a los que estarán traducidos todos los campos que hemos configurado previamente; como su propia traducción a dichos idiomas. Una vez seleccionado el primer idioma, se pondrá como idioma por defecto de dicha aplicación. Para cambiar el idioma por defecto no tendremos más que generar las traducciones en más idiomas y modificar el campo &lt;b&gt;&quot;Traducción por defecto&quot;&lt;/b&gt;.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_6.png<br /> <br /> &lt;b&gt;5.1.- Cabeceras y botones:&lt;/b&gt; En este primer paso generaremos las traducciones de las cabeceras de las pantallas y de sus botones.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_7.png<br /> <br /> &lt;b&gt;5.2.- Configuración de campos:&lt;/b&gt; En el segúndo paso generaremos las traducciones de los campos seleccionados previamente para cada pantalla y de sus posibles errores.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_8.png<br /> <br /> &lt;b&gt;5.3.- Traducciones generales:&lt;/b&gt; En el tercer y último paso generaremos las traducciones generales, traducciones que van asociadas a todas las pantallas y no a una/s en concreto como en los anteriores pasos.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_9.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_10.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_11.png<br /> <br /> Una vez finalizadas las traducciones, como se ha indicado previamente, aparecerá el idioma al que se han realizado las traducciones y se pondrá por defecto.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_12.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_13.png<br /> <br /> Si al finalizar dicha configuración no hemos quedado satisfechos con los campos seleccionados en alguna de sus pantallas, cuando procedamos a editar dicha pantalla y añadamos un nuevo campo que previamente no ha sido traducido, automáticamente se abrirá una pantalla para generar las traducciones para el &lt;b&gt;&lt;i&gt;IDIOMA POR DEFECTO&lt;/i&gt;&lt;/b&gt;. Si queremos generar la traducción para el resto de idiomas hemos de volver a realizar lo especificado en el paso &lt;b&gt;5.-Traducción&lt;/b&gt;.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Anadir_nuevo_campo_14.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Anadir_nuevo_campo_15.png<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL FRAMEWORK EN LA APLICACIÓN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Existen dos maneras de instalar el &lt;i&gt;FrameWork&lt;/i&gt; &lt;b&gt;NickCenter&lt;/b&gt;: a través de &lt;b&gt;CocoaPods&lt;/b&gt; o descargándolo directamente. Recomendamos hacerlo a través de la primera opción. &lt;b&gt;NickCenter&lt;/b&gt; incorpora dos &lt;i&gt;frameworks&lt;/i&gt; auxiliares, &lt;b&gt;RegisterLib&lt;/b&gt; y &lt;b&gt;UtilsLib&lt;/b&gt;.<br /> <br /> ==== INSTALACIÓN CON COCOAPODS: ====<br /> <br /> <br /> En caso de que su proyecto no incluya el archivo &lt;b&gt;&lt;i&gt;Podfile&lt;/i&gt;&lt;/b&gt;, incorpórelo. Si nunca ha trabajado con &lt;b&gt;CocoaPods&lt;/b&gt; consulte la [documentación ofrecida en su web oficial](https://guides.cocoapods.org/using/using-cocoapods.html), en la que se explica paso a paso cómo instalar &lt;b&gt;CocoaPods&lt;/b&gt; y cómo crear, actualizar y trabajar con los archivos &lt;b&gt;&lt;i&gt;Podfile&lt;/i&gt;&lt;/b&gt;.<br /> <br /> target 'NameTarget' do<br /> use_frameworks!<br /> pod 'MobeleaderNC'<br /> pod 'MobeleaderUtils'<br /> pod 'MobeleaderRegister'<br /> end<br /> <br /> Cabe destacar que &lt;b&gt;NameTarget&lt;/b&gt; deberá ser reemplazado por el nombre real del target de la aplicación en la que se quiere añadir el framework.<br /> <br /> Una vez creado y configurado el archivo haremos uso del siguiente comando desde el terminal sobre la ruta en la que se encuentra dicho archivo.<br /> <br /> $ pod install --repo-update<br /> <br /> <br /> Y veremos como se crea un proyecto tal que el siguiente:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Proyecto_nc_ios_8.png<br /> <br /> &lt;b&gt;Deberemos abrir el proyecto desde dicho archivo&lt;/b&gt; para que pueda usar el framework correctamente.<br /> <br /> ==== INSTALACIÓN MANUAL: ====<br /> <br /> <br /> Descargue el &lt;i&gt;framework&lt;/i&gt; &lt;b&gt;NickCenter&lt;/b&gt;:<br /> <br /> * Desde la [página principal de las librerías](http://panel.mobeleader.com/index.php?sec=82):<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/descarga_general_nc_ios.png<br /> <br /> * Desde la página de información de la libreria(http://panel.mobeleader.com/index.php?sec=85&amp;id=45&amp;tipo=3):<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/descarga_especifica_nc_ios_1.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/referrer/descargar_framework.png<br /> <br /> * Directamente desde [aquí](https://repos.mobeleader.com/MobeleaderNC/1.0.23/MobeleaderNC.zip).<br /> <br /> <br /> Una vez descargado el &lt;b&gt;&lt;i&gt;framework&lt;/i&gt;&lt;/b&gt;, descomprímalo e instálelo en su proyecto.<br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, crearemos un objeto de la clase NickCenter en donde vayamos a usarla, en el ejemplo se hace en la implementacion de la clase ( DatosIniciales ):<br /> <br /> @implementation DatosIniciales{<br /> NickCenter *nickCenter;<br /> }<br /> <br /> <br /> Para su lanzamiento se insertarán las siguientes lineas de código.<br /> <br /> <br /> nickCenter = [[NickCenter alloc] init];<br /> [nickCenter setDelegate:self];<br /> [nickCenter setRootViewController:self];<br /> [nickCenter setAppHash:@&quot;Hash de la APP en el Panel de Mobeleader&quot;];<br /> [nickCenter checkAndLaunch];<br /> <br /> * &lt;b&gt;appHash&lt;/b&gt;: Será el hash dado por el Panel Mobeleader al dar de alta la aplicación en éste. Para acceder a el deberemos ir a la sección &lt;b&gt;&lt;i&gt;Desarrolladores&lt;/i&gt;&lt;/b&gt; --&gt; &lt;b&gt;&lt;i&gt;Mis Apps&lt;/i&gt;&lt;/b&gt; y hacer click sobre la columna &lt;b&gt;Hash&lt;/b&gt; de nuestra aplicación.<br /> <br /> <br /> * &lt;b&gt;setRootViewController&lt;/b&gt;: Ésta función será opcional, con ella le diremos al framework desde que ViewController se lanzará y se recogerán las respuestas en los delegates.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación el framework de &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; esta dotado de una serie de funciones que le permitirán maquetarlas a su gusto:<br /> <br /> * &lt;b&gt;setViewsBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de las pantallas.<br /> <br /> * &lt;b&gt;setViewsBackgroundImage:(UIImage \*):&lt;/b&gt; Determina la imagen de fondo de cada pantalla.<br /> <br /> * &lt;b&gt;setHeaderBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;setHeaderBackgroundImage:(UIImage \*):&lt;/b&gt; Determina la imagen de fondo de la cabecera de cada pantalla.<br /> <br /> * &lt;b&gt;setHeaderBottomLineColor:(UIColor \*):&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla.<br /> <br /> * &lt;b&gt;setHeaderTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;setHeaderFont:(UIFont \*):&lt;/b&gt; Determina la fuente de los textos de las cabeceras.<br /> <br /> * &lt;b&gt;setTextFieldsBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;setTextFieldsPlaceholderColor:(UIColor \*):&lt;/b&gt; Determina el color del texto descriptivo de cada textfield.<br /> <br /> * &lt;b&gt;setTextFieldsTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;setTextFieldsFont:(UIFont \*):&lt;/b&gt; Determina la fuente del texto de los textfields.<br /> <br /> * &lt;b&gt;setButtonsNormalBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla.<br /> <br /> * &lt;b&gt;setButtonsHighlightedBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsNormalTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsHighlightedTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de cada boton cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsBorderColor:(UIColor \*):&lt;/b&gt; Determina el color del borde de los botones.<br /> <br /> * &lt;b&gt;setButtonsFont:(UIFont \*):&lt;/b&gt; Determina la fuente de los textos de los botones.<br /> <br /> * &lt;b&gt;setTermsFontColor:(UIColor \*):&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones.<br /> <br /> * &lt;b&gt;setTermsSwitchActiveColor:(UIColor \*):&lt;/b&gt; Determina el color de los botones activos en los terminos y condiciones.<br /> <br /> * &lt;b&gt;setTermsSwitchInactiveColor:(UIColor \*):&lt;/b&gt; Determina el color de los botones inactivos en los terminos y condiciones.<br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> nickCenter = [[NickCenter alloc] init];<br /> [nickCenter setDelegate:self];<br /> [nickCenter setRootViewController:self];<br /> [nickCenter setAppHash:@&quot;Hash de la APP en el Panel de Mobeleader&quot;];<br /> [nickCenter setViewsBackgroundColor:[UIColor whiteColor]];<br /> [nickCenter setViewsBackgroundImage:[UIImage imageNamed:@&quot;logo&quot;]];<br /> [nickCenter setHeaderBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setHeaderBottomLineColor:[UIColor orangeColor]];<br /> [nickCenter setHeaderTextColor:[UIColor whiteColor]];<br /> [nickCenter setTextFieldsBackgroundColor:[UIColor colorWithRed:217.0/255 green:217.0/255 blue:217.0/255 alpha:1]];<br /> [nickCenter setTextFieldsPlaceholderColor:[UIColor grayColor]];<br /> [nickCenter setTextFieldsTextColor:[UIColor blackColor]];<br /> [nickCenter setButtonsNormalBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setButtonsHighlightedBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setButtonsNormalTextColor:[UIColor whiteColor]];<br /> [nickCenter setButtonsHighlightedTextColor:[UIColor colorWithRed:249.0/255 green:203.0/255 blue:156.0/255 alpha:1]];<br /> [nickCenter setTermsFontColor:[UIColor orangeColor]];<br /> [nickCenter checkAndLaunch];<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_desarrollador.jpeg<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;: ( [nickCenter closeSession]; )<br /> <br /> <br /> === DELEGATES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de delegates que permiten al desarrollador saber que parte del framework se esta ejecutando y cual es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;registerViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;loginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;rescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString \*)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString \*)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;finished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;sessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;registerRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;loginPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro o un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;loginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;rescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> - &lt;b&gt;rescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Intro&diff=2283 2018-10-15T11:35:40Z

<p>Asier: Página creada con «== INTRODUCCION == &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; es una librería de &lt;b&gt;Registro e Inicio de Sesión&lt;/b&gt; para &lt;b&gt;desarrolladores&lt;/b&gt;, pudiendo ser activada o desactivada desde...»</p> <hr /> <div>== INTRODUCCION ==<br /> <br /> <br /> &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; es una librería de &lt;b&gt;Registro e Inicio de Sesión&lt;/b&gt; para &lt;b&gt;desarrolladores&lt;/b&gt;, pudiendo ser activada o desactivada desde el panel de &lt;b&gt;Mobeleader&lt;/b&gt; cuando se desee. Se encargará de todo lo necesario para registrar en nuestro sistema los usuarios que se den de alta y devolverá a la aplicación en la que se esté usando los datos de éstos en formato JSON. Dicho JSON podrá contener los siguientes campos, pudiendo no estar todos los expuestos a continuación:<br /> * &lt;b&gt;user_id:&lt;/b&gt; ID del usuario. ( SIEMPRE SE INFORMARÁ )<br /> <br /> * &lt;b&gt;email:&lt;/b&gt; Email del usuario. ( SIEMPRE SE INFORMARÁ )<br /> <br /> * &lt;b&gt;added_date:&lt;/b&gt; Fecha en la que se dio de alta el perfil en NickCenter. ( SIEMPRE SE INFORMARÁ )<br /> <br /> * &lt;b&gt;name:&lt;/b&gt; Nombre del usuario que se ha dado de alta. ( DEPENDERÁ DE SI SE HA REGISTRADO EL CAMPO )<br /> <br /> * &lt;b&gt;last_name:&lt;/b&gt; Apellido del usuario que se ha dado de alta. ( DEPENDERÁ DE SI SE HA REGISTRADO EL CAMPO )<br /> <br /> * &lt;b&gt;nick:&lt;/b&gt; Nick del perfil que se ha dado de alta. ( SIEMPRE SE INFORMARÁ )<br /> <br /> * &lt;b&gt;telephone:&lt;/b&gt; Telefono del usuario que se ha dado de alta. ( DEPENDERÁ DE SI SE HA REGISTRADO EL CAMPO )<br /> <br /> * &lt;b&gt;languaje:&lt;/b&gt; Idioma del telefono con el que el usuario se ha dado de alta. ( SIEMPRE SE INFORMARÁ )<br /> <br /> * &lt;b&gt;country:&lt;/b&gt; Pais del usuario que se ha dado de alta. ( SIEMPRE SE INFORMARÁ )<br /> <br /> * &lt;b&gt;update_date:&lt;/b&gt; Fecha en la que se actualizó el perfil de NickCenter. ( SOLO CUANDO HAYA HABIDO ALGUNA ACTUALIZACIÓN )<br /> <br /> * &lt;b&gt;birth_date:&lt;/b&gt; Fecha de nacimiento del usuario que se ha dado de alta. ( DEPENDERÁ DE SI SE HA REGISTRADO EL CAMPO )<br /> <br /> * &lt;b&gt;apps:&lt;/b&gt; JSON que contendrá las aplicaciones en las que el usuario ha sido registrado. Cabe destacar que solo se mostrarán aplicaciones que compartan el mismo desarrollador, nunca obtendremos datos de aplicaciones externas. ( SIEMPRE SE INFORMARA )</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2281 2018-10-15T11:34:44Z

<p>Asier: /* CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:Privado:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES DE iOs SOPORTADAS ==<br /> <br /> <br /> Este framework soporta todas las versiones de iOs superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> == PASOS A REALIZAR EN EL PANEL MOBELEADER ==<br /> <br /> <br /> Una vez nuestra aplicación esté registrada en el Panel Mobeleader, [http://panel.mobeleader.com/index.php](http://panel.mobeleader.com/index.php), iremos a la sección de de &lt;b&gt;&lt;i&gt;Desarrolladores&lt;/i&gt;&lt;/b&gt; y hacemos click en &lt;b&gt;&lt;i&gt;NickCenter —&gt; Añadir app a NickCenter&lt;/i&gt;&lt;/b&gt;.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Anadir_app_nc_1.png<br /> <br /> Para añadir nuestra aplicación a &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; deberemos seguir cinco sencillos pasos:<br /> <br /> &lt;b&gt;1.- Selección de app:&lt;/b&gt; En este apartado tendremos que elegír la aplicación que queremos añadir a &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; y decidir si la librería estará activa o no al lanzar la aplicación seleccionada. Esto se podrá activar y desactivar siempre que se desee.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_2.png<br /> <br /> &lt;b&gt;2.- Pantalla de registro:&lt;/b&gt; En este paso configuraremos lo referente a la vista de registro para los usuarios. Podremos elegir entre varios campos de los cuales, como se indica, el &lt;b&gt;email&lt;/b&gt; y &lt;b&gt;password&lt;/b&gt; siempre serán obligatorios, el resto, será al gusto del desarrollador; pudiendo elegir que el usuario &lt;i&gt;PUEDA&lt;/i&gt; introducir su nombre, pero no siendo obligatorio para el registro.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_3.png<br /> <br /> &lt;b&gt;3.- Pantalla de inicio de sesión:&lt;/b&gt; Como en el anterior paso, aquí, configuraremos lo referente a la pantalla de inicio de sesión para los usuarios. En este caso, como se indica, solo será obligatorio el campo &lt;b&gt;password&lt;/b&gt;.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_4.png<br /> <br /> &lt;b&gt;4.- Pantalla de recuperación de contraseña:&lt;/b&gt; En este caso, para la pantalla de recuperación de contraseña tan solo se pedira el &lt;b&gt;email&lt;/b&gt; del usuario y por tanto, dicho &lt;b&gt;email&lt;/b&gt; sera un campo obligatorio.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_5.png<br /> <br /> &lt;b&gt;5.- Traducción:&lt;/b&gt; Este será el último paso para configurar nuestra aplicación, aquí deberemos seleccionar tanto los idiomas a los que estarán traducidos todos los campos que hemos configurado previamente; como su propia traducción a dichos idiomas. Una vez seleccionado el primer idioma, se pondrá como idioma por defecto de dicha aplicación. Para cambiar el idioma por defecto no tendremos más que generar las traducciones en más idiomas y modificar el campo &lt;b&gt;&quot;Traducción por defecto&quot;&lt;/b&gt;.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_6.png<br /> <br /> &lt;b&gt;5.1.- Cabeceras y botones:&lt;/b&gt; En este primer paso generaremos las traducciones de las cabeceras de las pantallas y de sus botones.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_7.png<br /> <br /> &lt;b&gt;5.2.- Configuración de campos:&lt;/b&gt; En el segúndo paso generaremos las traducciones de los campos seleccionados previamente para cada pantalla y de sus posibles errores.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_8.png<br /> <br /> &lt;b&gt;5.3.- Traducciones generales:&lt;/b&gt; En el tercer y último paso generaremos las traducciones generales, traducciones que van asociadas a todas las pantallas y no a una/s en concreto como en los anteriores pasos.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_9.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_10.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_11.png<br /> <br /> Una vez finalizadas las traducciones, como se ha indicado previamente, aparecerá el idioma al que se han realizado las traducciones y se pondrá por defecto.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_12.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_13.png<br /> <br /> Si al finalizar dicha configuración no hemos quedado satisfechos con los campos seleccionados en alguna de sus pantallas, cuando procedamos a editar dicha pantalla y añadamos un nuevo campo que previamente no ha sido traducido, automáticamente se abrirá una pantalla para generar las traducciones para el &lt;b&gt;&lt;i&gt;IDIOMA POR DEFECTO&lt;/i&gt;&lt;/b&gt;. Si queremos generar la traducción para el resto de idiomas hemos de volver a realizar lo especificado en el paso &lt;b&gt;5.-Traducción&lt;/b&gt;.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Anadir_nuevo_campo_14.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Anadir_nuevo_campo_15.png<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL FRAMEWORK EN LA APLICACIÓN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Existen dos maneras de instalar el &lt;i&gt;FrameWork&lt;/i&gt; &lt;b&gt;NickCenter&lt;/b&gt;: a través de &lt;b&gt;CocoaPods&lt;/b&gt; o descargándolo directamente. Recomendamos hacerlo a través de la primera opción. &lt;b&gt;NickCenter&lt;/b&gt; incorpora dos &lt;i&gt;frameworks&lt;/i&gt; auxiliares, &lt;b&gt;RegisterLib&lt;/b&gt; y &lt;b&gt;UtilsLib&lt;/b&gt;.<br /> <br /> ==== INSTALACIÓN CON COCOAPODS: ====<br /> <br /> <br /> En caso de que su proyecto no incluya el archivo &lt;b&gt;&lt;i&gt;Podfile&lt;/i&gt;&lt;/b&gt;, incorpórelo. Si nunca ha trabajado con &lt;b&gt;CocoaPods&lt;/b&gt; consulte la [documentación ofrecida en su web oficial](https://guides.cocoapods.org/using/using-cocoapods.html), en la que se explica paso a paso cómo instalar &lt;b&gt;CocoaPods&lt;/b&gt; y cómo crear, actualizar y trabajar con los archivos &lt;b&gt;&lt;i&gt;Podfile&lt;/i&gt;&lt;/b&gt;.<br /> <br /> target 'NameTarget' do<br /> use_frameworks!<br /> pod 'MobeleaderNC'<br /> pod 'MobeleaderUtils'<br /> pod 'MobeleaderRegister'<br /> end<br /> <br /> Cabe destacar que &lt;b&gt;NameTarget&lt;/b&gt; deberá ser reemplazado por el nombre real del target de la aplicación en la que se quiere añadir el framework.<br /> <br /> Una vez creado y configurado el archivo haremos uso del siguiente comando desde el terminal sobre la ruta en la que se encuentra dicho archivo.<br /> <br /> $ pod install --repo-update<br /> <br /> <br /> Y veremos como se crea un proyecto tal que el siguiente:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Proyecto_nc_ios_8.png<br /> <br /> &lt;b&gt;Deberemos abrir el proyecto desde dicho archivo&lt;/b&gt; para que pueda usar el framework correctamente.<br /> <br /> ==== INSTALACIÓN MANUAL: ====<br /> <br /> <br /> Descargue el &lt;i&gt;framework&lt;/i&gt; &lt;b&gt;NickCenter&lt;/b&gt;:<br /> <br /> * Desde la [página principal de las librerías](http://panel.mobeleader.com/index.php?sec=82):<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/descarga_general_nc_ios.png<br /> <br /> * Desde la página de información de la libreria(http://panel.mobeleader.com/index.php?sec=85&amp;id=45&amp;tipo=3):<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/descarga_especifica_nc_ios_1.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/referrer/descargar_framework.png<br /> <br /> * Directamente desde [aquí](https://repos.mobeleader.com/MobeleaderNC/1.0.23/MobeleaderNC.zip).<br /> <br /> <br /> Una vez descargado el &lt;b&gt;&lt;i&gt;framework&lt;/i&gt;&lt;/b&gt;, descomprímalo e instálelo en su proyecto.<br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, crearemos un objeto de la clase NickCenter en donde vayamos a usarla, en el ejemplo se hace en la implementacion de la clase ( DatosIniciales ):<br /> <br /> @implementation DatosIniciales{<br /> NickCenter *nickCenter;<br /> }<br /> <br /> <br /> Para su lanzamiento se insertarán las siguientes lineas de código.<br /> <br /> <br /> nickCenter = [[NickCenter alloc] init];<br /> [nickCenter setDelegate:self];<br /> [nickCenter setRootViewController:self];<br /> [nickCenter setAppHash:@&quot;Hash de la APP en el Panel de Mobeleader&quot;];<br /> [nickCenter checkAndLaunch];<br /> <br /> * &lt;b&gt;appHash&lt;/b&gt;: Será el hash dado por el Panel Mobeleader al dar de alta la aplicación en éste. Para acceder a el deberemos ir a la sección &lt;b&gt;&lt;i&gt;Desarrolladores&lt;/i&gt;&lt;/b&gt; --&gt; &lt;b&gt;&lt;i&gt;Mis Apps&lt;/i&gt;&lt;/b&gt; y hacer click sobre la columna &lt;b&gt;Hash&lt;/b&gt; de nuestra aplicación.<br /> <br /> <br /> * &lt;b&gt;setRootViewController&lt;/b&gt;: Ésta función será opcional, con ella le diremos al framework desde que ViewController se lanzará y se recogerán las respuestas en los delegates.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación el framework de &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; esta dotado de una serie de funciones que le permitirán maquetarlas a su gusto:<br /> <br /> * &lt;b&gt;setViewsBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de las pantallas.<br /> <br /> * &lt;b&gt;setViewsBackgroundImage:(UIImage \*):&lt;/b&gt; Determina la imagen de fondo de cada pantalla.<br /> <br /> * &lt;b&gt;setHeaderBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;setHeaderBackgroundImage:(UIImage \*):&lt;/b&gt; Determina la imagen de fondo de la cabecera de cada pantalla.<br /> <br /> * &lt;b&gt;setHeaderBottomLineColor:(UIColor \*):&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla.<br /> <br /> * &lt;b&gt;setHeaderTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;setHeaderFont:(UIFont \*):&lt;/b&gt; Determina la fuente de los textos de las cabeceras.<br /> <br /> * &lt;b&gt;setTextFieldsBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;setTextFieldsPlaceholderColor:(UIColor \*):&lt;/b&gt; Determina el color del texto descriptivo de cada textfield.<br /> <br /> * &lt;b&gt;setTextFieldsTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;setTextFieldsFont:(UIFont \*):&lt;/b&gt; Determina la fuente del texto de los textfields.<br /> <br /> * &lt;b&gt;setButtonsNormalBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla.<br /> <br /> * &lt;b&gt;setButtonsHighlightedBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsNormalTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsHighlightedTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de cada boton cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsBorderColor:(UIColor \*):&lt;/b&gt; Determina el color del borde de los botones.<br /> <br /> * &lt;b&gt;setButtonsFont:(UIFont \*):&lt;/b&gt; Determina la fuente de los textos de los botones.<br /> <br /> * &lt;b&gt;setTermsFontColor:(UIColor \*):&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones.<br /> <br /> * &lt;b&gt;setTermsSwitchActiveColor:(UIColor \*):&lt;/b&gt; Determina el color de los botones activos en los terminos y condiciones.<br /> <br /> * &lt;b&gt;setTermsSwitchInactiveColor:(UIColor \*):&lt;/b&gt; Determina el color de los botones inactivos en los terminos y condiciones.<br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> nickCenter = [[NickCenter alloc] init];<br /> [nickCenter setDelegate:self];<br /> [nickCenter setRootViewController:self];<br /> [nickCenter setAppHash:@&quot;Hash de la APP en el Panel de Mobeleader&quot;];<br /> [nickCenter setViewsBackgroundColor:[UIColor whiteColor]];<br /> [nickCenter setViewsBackgroundImage:[UIImage imageNamed:@&quot;logo&quot;]];<br /> [nickCenter setHeaderBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setHeaderBottomLineColor:[UIColor orangeColor]];<br /> [nickCenter setHeaderTextColor:[UIColor whiteColor]];<br /> [nickCenter setTextFieldsBackgroundColor:[UIColor colorWithRed:217.0/255 green:217.0/255 blue:217.0/255 alpha:1]];<br /> [nickCenter setTextFieldsPlaceholderColor:[UIColor grayColor]];<br /> [nickCenter setTextFieldsTextColor:[UIColor blackColor]];<br /> [nickCenter setButtonsNormalBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setButtonsHighlightedBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setButtonsNormalTextColor:[UIColor whiteColor]];<br /> [nickCenter setButtonsHighlightedTextColor:[UIColor colorWithRed:249.0/255 green:203.0/255 blue:156.0/255 alpha:1]];<br /> [nickCenter setTermsFontColor:[UIColor orangeColor]];<br /> [nickCenter checkAndLaunch];<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_desarrollador.jpeg<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;: ( [nickCenter closeSession]; )<br /> <br /> <br /> === DELEGATES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de delegates que permiten al desarrollador saber que parte del framework se esta ejecutando y cual es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;registerViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;loginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;rescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString \*)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString \*)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;finished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;sessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;registerRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;loginPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro o un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;loginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;rescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> - &lt;b&gt;rescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2280 2018-10-15T11:34:34Z

<p>Asier: /* CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{Privado:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES DE iOs SOPORTADAS ==<br /> <br /> <br /> Este framework soporta todas las versiones de iOs superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> == PASOS A REALIZAR EN EL PANEL MOBELEADER ==<br /> <br /> <br /> Una vez nuestra aplicación esté registrada en el Panel Mobeleader, [http://panel.mobeleader.com/index.php](http://panel.mobeleader.com/index.php), iremos a la sección de de &lt;b&gt;&lt;i&gt;Desarrolladores&lt;/i&gt;&lt;/b&gt; y hacemos click en &lt;b&gt;&lt;i&gt;NickCenter —&gt; Añadir app a NickCenter&lt;/i&gt;&lt;/b&gt;.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Anadir_app_nc_1.png<br /> <br /> Para añadir nuestra aplicación a &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; deberemos seguir cinco sencillos pasos:<br /> <br /> &lt;b&gt;1.- Selección de app:&lt;/b&gt; En este apartado tendremos que elegír la aplicación que queremos añadir a &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; y decidir si la librería estará activa o no al lanzar la aplicación seleccionada. Esto se podrá activar y desactivar siempre que se desee.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_2.png<br /> <br /> &lt;b&gt;2.- Pantalla de registro:&lt;/b&gt; En este paso configuraremos lo referente a la vista de registro para los usuarios. Podremos elegir entre varios campos de los cuales, como se indica, el &lt;b&gt;email&lt;/b&gt; y &lt;b&gt;password&lt;/b&gt; siempre serán obligatorios, el resto, será al gusto del desarrollador; pudiendo elegir que el usuario &lt;i&gt;PUEDA&lt;/i&gt; introducir su nombre, pero no siendo obligatorio para el registro.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_3.png<br /> <br /> &lt;b&gt;3.- Pantalla de inicio de sesión:&lt;/b&gt; Como en el anterior paso, aquí, configuraremos lo referente a la pantalla de inicio de sesión para los usuarios. En este caso, como se indica, solo será obligatorio el campo &lt;b&gt;password&lt;/b&gt;.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_4.png<br /> <br /> &lt;b&gt;4.- Pantalla de recuperación de contraseña:&lt;/b&gt; En este caso, para la pantalla de recuperación de contraseña tan solo se pedira el &lt;b&gt;email&lt;/b&gt; del usuario y por tanto, dicho &lt;b&gt;email&lt;/b&gt; sera un campo obligatorio.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_5.png<br /> <br /> &lt;b&gt;5.- Traducción:&lt;/b&gt; Este será el último paso para configurar nuestra aplicación, aquí deberemos seleccionar tanto los idiomas a los que estarán traducidos todos los campos que hemos configurado previamente; como su propia traducción a dichos idiomas. Una vez seleccionado el primer idioma, se pondrá como idioma por defecto de dicha aplicación. Para cambiar el idioma por defecto no tendremos más que generar las traducciones en más idiomas y modificar el campo &lt;b&gt;&quot;Traducción por defecto&quot;&lt;/b&gt;.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_6.png<br /> <br /> &lt;b&gt;5.1.- Cabeceras y botones:&lt;/b&gt; En este primer paso generaremos las traducciones de las cabeceras de las pantallas y de sus botones.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_7.png<br /> <br /> &lt;b&gt;5.2.- Configuración de campos:&lt;/b&gt; En el segúndo paso generaremos las traducciones de los campos seleccionados previamente para cada pantalla y de sus posibles errores.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_8.png<br /> <br /> &lt;b&gt;5.3.- Traducciones generales:&lt;/b&gt; En el tercer y último paso generaremos las traducciones generales, traducciones que van asociadas a todas las pantallas y no a una/s en concreto como en los anteriores pasos.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_9.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_10.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_11.png<br /> <br /> Una vez finalizadas las traducciones, como se ha indicado previamente, aparecerá el idioma al que se han realizado las traducciones y se pondrá por defecto.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_12.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_13.png<br /> <br /> Si al finalizar dicha configuración no hemos quedado satisfechos con los campos seleccionados en alguna de sus pantallas, cuando procedamos a editar dicha pantalla y añadamos un nuevo campo que previamente no ha sido traducido, automáticamente se abrirá una pantalla para generar las traducciones para el &lt;b&gt;&lt;i&gt;IDIOMA POR DEFECTO&lt;/i&gt;&lt;/b&gt;. Si queremos generar la traducción para el resto de idiomas hemos de volver a realizar lo especificado en el paso &lt;b&gt;5.-Traducción&lt;/b&gt;.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Anadir_nuevo_campo_14.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Anadir_nuevo_campo_15.png<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL FRAMEWORK EN LA APLICACIÓN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Existen dos maneras de instalar el &lt;i&gt;FrameWork&lt;/i&gt; &lt;b&gt;NickCenter&lt;/b&gt;: a través de &lt;b&gt;CocoaPods&lt;/b&gt; o descargándolo directamente. Recomendamos hacerlo a través de la primera opción. &lt;b&gt;NickCenter&lt;/b&gt; incorpora dos &lt;i&gt;frameworks&lt;/i&gt; auxiliares, &lt;b&gt;RegisterLib&lt;/b&gt; y &lt;b&gt;UtilsLib&lt;/b&gt;.<br /> <br /> ==== INSTALACIÓN CON COCOAPODS: ====<br /> <br /> <br /> En caso de que su proyecto no incluya el archivo &lt;b&gt;&lt;i&gt;Podfile&lt;/i&gt;&lt;/b&gt;, incorpórelo. Si nunca ha trabajado con &lt;b&gt;CocoaPods&lt;/b&gt; consulte la [documentación ofrecida en su web oficial](https://guides.cocoapods.org/using/using-cocoapods.html), en la que se explica paso a paso cómo instalar &lt;b&gt;CocoaPods&lt;/b&gt; y cómo crear, actualizar y trabajar con los archivos &lt;b&gt;&lt;i&gt;Podfile&lt;/i&gt;&lt;/b&gt;.<br /> <br /> target 'NameTarget' do<br /> use_frameworks!<br /> pod 'MobeleaderNC'<br /> pod 'MobeleaderUtils'<br /> pod 'MobeleaderRegister'<br /> end<br /> <br /> Cabe destacar que &lt;b&gt;NameTarget&lt;/b&gt; deberá ser reemplazado por el nombre real del target de la aplicación en la que se quiere añadir el framework.<br /> <br /> Una vez creado y configurado el archivo haremos uso del siguiente comando desde el terminal sobre la ruta en la que se encuentra dicho archivo.<br /> <br /> $ pod install --repo-update<br /> <br /> <br /> Y veremos como se crea un proyecto tal que el siguiente:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Proyecto_nc_ios_8.png<br /> <br /> &lt;b&gt;Deberemos abrir el proyecto desde dicho archivo&lt;/b&gt; para que pueda usar el framework correctamente.<br /> <br /> ==== INSTALACIÓN MANUAL: ====<br /> <br /> <br /> Descargue el &lt;i&gt;framework&lt;/i&gt; &lt;b&gt;NickCenter&lt;/b&gt;:<br /> <br /> * Desde la [página principal de las librerías](http://panel.mobeleader.com/index.php?sec=82):<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/descarga_general_nc_ios.png<br /> <br /> * Desde la página de información de la libreria(http://panel.mobeleader.com/index.php?sec=85&amp;id=45&amp;tipo=3):<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/descarga_especifica_nc_ios_1.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/referrer/descargar_framework.png<br /> <br /> * Directamente desde [aquí](https://repos.mobeleader.com/MobeleaderNC/1.0.23/MobeleaderNC.zip).<br /> <br /> <br /> Una vez descargado el &lt;b&gt;&lt;i&gt;framework&lt;/i&gt;&lt;/b&gt;, descomprímalo e instálelo en su proyecto.<br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, crearemos un objeto de la clase NickCenter en donde vayamos a usarla, en el ejemplo se hace en la implementacion de la clase ( DatosIniciales ):<br /> <br /> @implementation DatosIniciales{<br /> NickCenter *nickCenter;<br /> }<br /> <br /> <br /> Para su lanzamiento se insertarán las siguientes lineas de código.<br /> <br /> <br /> nickCenter = [[NickCenter alloc] init];<br /> [nickCenter setDelegate:self];<br /> [nickCenter setRootViewController:self];<br /> [nickCenter setAppHash:@&quot;Hash de la APP en el Panel de Mobeleader&quot;];<br /> [nickCenter checkAndLaunch];<br /> <br /> * &lt;b&gt;appHash&lt;/b&gt;: Será el hash dado por el Panel Mobeleader al dar de alta la aplicación en éste. Para acceder a el deberemos ir a la sección &lt;b&gt;&lt;i&gt;Desarrolladores&lt;/i&gt;&lt;/b&gt; --&gt; &lt;b&gt;&lt;i&gt;Mis Apps&lt;/i&gt;&lt;/b&gt; y hacer click sobre la columna &lt;b&gt;Hash&lt;/b&gt; de nuestra aplicación.<br /> <br /> <br /> * &lt;b&gt;setRootViewController&lt;/b&gt;: Ésta función será opcional, con ella le diremos al framework desde que ViewController se lanzará y se recogerán las respuestas en los delegates.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación el framework de &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; esta dotado de una serie de funciones que le permitirán maquetarlas a su gusto:<br /> <br /> * &lt;b&gt;setViewsBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de las pantallas.<br /> <br /> * &lt;b&gt;setViewsBackgroundImage:(UIImage \*):&lt;/b&gt; Determina la imagen de fondo de cada pantalla.<br /> <br /> * &lt;b&gt;setHeaderBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;setHeaderBackgroundImage:(UIImage \*):&lt;/b&gt; Determina la imagen de fondo de la cabecera de cada pantalla.<br /> <br /> * &lt;b&gt;setHeaderBottomLineColor:(UIColor \*):&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla.<br /> <br /> * &lt;b&gt;setHeaderTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;setHeaderFont:(UIFont \*):&lt;/b&gt; Determina la fuente de los textos de las cabeceras.<br /> <br /> * &lt;b&gt;setTextFieldsBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;setTextFieldsPlaceholderColor:(UIColor \*):&lt;/b&gt; Determina el color del texto descriptivo de cada textfield.<br /> <br /> * &lt;b&gt;setTextFieldsTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;setTextFieldsFont:(UIFont \*):&lt;/b&gt; Determina la fuente del texto de los textfields.<br /> <br /> * &lt;b&gt;setButtonsNormalBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla.<br /> <br /> * &lt;b&gt;setButtonsHighlightedBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsNormalTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsHighlightedTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de cada boton cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsBorderColor:(UIColor \*):&lt;/b&gt; Determina el color del borde de los botones.<br /> <br /> * &lt;b&gt;setButtonsFont:(UIFont \*):&lt;/b&gt; Determina la fuente de los textos de los botones.<br /> <br /> * &lt;b&gt;setTermsFontColor:(UIColor \*):&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones.<br /> <br /> * &lt;b&gt;setTermsSwitchActiveColor:(UIColor \*):&lt;/b&gt; Determina el color de los botones activos en los terminos y condiciones.<br /> <br /> * &lt;b&gt;setTermsSwitchInactiveColor:(UIColor \*):&lt;/b&gt; Determina el color de los botones inactivos en los terminos y condiciones.<br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> nickCenter = [[NickCenter alloc] init];<br /> [nickCenter setDelegate:self];<br /> [nickCenter setRootViewController:self];<br /> [nickCenter setAppHash:@&quot;Hash de la APP en el Panel de Mobeleader&quot;];<br /> [nickCenter setViewsBackgroundColor:[UIColor whiteColor]];<br /> [nickCenter setViewsBackgroundImage:[UIImage imageNamed:@&quot;logo&quot;]];<br /> [nickCenter setHeaderBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setHeaderBottomLineColor:[UIColor orangeColor]];<br /> [nickCenter setHeaderTextColor:[UIColor whiteColor]];<br /> [nickCenter setTextFieldsBackgroundColor:[UIColor colorWithRed:217.0/255 green:217.0/255 blue:217.0/255 alpha:1]];<br /> [nickCenter setTextFieldsPlaceholderColor:[UIColor grayColor]];<br /> [nickCenter setTextFieldsTextColor:[UIColor blackColor]];<br /> [nickCenter setButtonsNormalBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setButtonsHighlightedBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setButtonsNormalTextColor:[UIColor whiteColor]];<br /> [nickCenter setButtonsHighlightedTextColor:[UIColor colorWithRed:249.0/255 green:203.0/255 blue:156.0/255 alpha:1]];<br /> [nickCenter setTermsFontColor:[UIColor orangeColor]];<br /> [nickCenter checkAndLaunch];<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_desarrollador.jpeg<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;: ( [nickCenter closeSession]; )<br /> <br /> <br /> === DELEGATES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de delegates que permiten al desarrollador saber que parte del framework se esta ejecutando y cual es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;registerViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;loginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;rescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString \*)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString \*)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;finished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;sessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;registerRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;loginPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro o un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;loginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;rescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> - &lt;b&gt;rescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier https://wiki.mobeleader.com/index.php?title=SDKs:NickCenter:Cordova:index&diff=2279 2018-10-15T11:34:26Z

<p>Asier: /* CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA */</p> <hr /> <div>= CÓMO AGREGAR EL PLUGIN NICKCENTER EN CORDOVA =<br /> <br /> <br /> {{:Privado:SDKs:NickCenter:Intro}}<br /> <br /> == VERSIONES DE iOs SOPORTADAS ==<br /> <br /> <br /> Este framework soporta todas las versiones de iOs superiores a las &lt;b&gt;10.0&lt;/b&gt;, en caso de que detecte una versión inferior no se lanzará.<br /> <br /> == PASOS A REALIZAR EN EL PANEL MOBELEADER ==<br /> <br /> <br /> Una vez nuestra aplicación esté registrada en el Panel Mobeleader, [http://panel.mobeleader.com/index.php](http://panel.mobeleader.com/index.php), iremos a la sección de de &lt;b&gt;&lt;i&gt;Desarrolladores&lt;/i&gt;&lt;/b&gt; y hacemos click en &lt;b&gt;&lt;i&gt;NickCenter —&gt; Añadir app a NickCenter&lt;/i&gt;&lt;/b&gt;.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Anadir_app_nc_1.png<br /> <br /> Para añadir nuestra aplicación a &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; deberemos seguir cinco sencillos pasos:<br /> <br /> &lt;b&gt;1.- Selección de app:&lt;/b&gt; En este apartado tendremos que elegír la aplicación que queremos añadir a &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; y decidir si la librería estará activa o no al lanzar la aplicación seleccionada. Esto se podrá activar y desactivar siempre que se desee.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_2.png<br /> <br /> &lt;b&gt;2.- Pantalla de registro:&lt;/b&gt; En este paso configuraremos lo referente a la vista de registro para los usuarios. Podremos elegir entre varios campos de los cuales, como se indica, el &lt;b&gt;email&lt;/b&gt; y &lt;b&gt;password&lt;/b&gt; siempre serán obligatorios, el resto, será al gusto del desarrollador; pudiendo elegir que el usuario &lt;i&gt;PUEDA&lt;/i&gt; introducir su nombre, pero no siendo obligatorio para el registro.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_3.png<br /> <br /> &lt;b&gt;3.- Pantalla de inicio de sesión:&lt;/b&gt; Como en el anterior paso, aquí, configuraremos lo referente a la pantalla de inicio de sesión para los usuarios. En este caso, como se indica, solo será obligatorio el campo &lt;b&gt;password&lt;/b&gt;.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_4.png<br /> <br /> &lt;b&gt;4.- Pantalla de recuperación de contraseña:&lt;/b&gt; En este caso, para la pantalla de recuperación de contraseña tan solo se pedira el &lt;b&gt;email&lt;/b&gt; del usuario y por tanto, dicho &lt;b&gt;email&lt;/b&gt; sera un campo obligatorio.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_5.png<br /> <br /> &lt;b&gt;5.- Traducción:&lt;/b&gt; Este será el último paso para configurar nuestra aplicación, aquí deberemos seleccionar tanto los idiomas a los que estarán traducidos todos los campos que hemos configurado previamente; como su propia traducción a dichos idiomas. Una vez seleccionado el primer idioma, se pondrá como idioma por defecto de dicha aplicación. Para cambiar el idioma por defecto no tendremos más que generar las traducciones en más idiomas y modificar el campo &lt;b&gt;&quot;Traducción por defecto&quot;&lt;/b&gt;.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_6.png<br /> <br /> &lt;b&gt;5.1.- Cabeceras y botones:&lt;/b&gt; En este primer paso generaremos las traducciones de las cabeceras de las pantallas y de sus botones.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_7.png<br /> <br /> &lt;b&gt;5.2.- Configuración de campos:&lt;/b&gt; En el segúndo paso generaremos las traducciones de los campos seleccionados previamente para cada pantalla y de sus posibles errores.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_8.png<br /> <br /> &lt;b&gt;5.3.- Traducciones generales:&lt;/b&gt; En el tercer y último paso generaremos las traducciones generales, traducciones que van asociadas a todas las pantallas y no a una/s en concreto como en los anteriores pasos.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_9.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_10.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_11.png<br /> <br /> Una vez finalizadas las traducciones, como se ha indicado previamente, aparecerá el idioma al que se han realizado las traducciones y se pondrá por defecto.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_12.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Configurar_app_nc_13.png<br /> <br /> Si al finalizar dicha configuración no hemos quedado satisfechos con los campos seleccionados en alguna de sus pantallas, cuando procedamos a editar dicha pantalla y añadamos un nuevo campo que previamente no ha sido traducido, automáticamente se abrirá una pantalla para generar las traducciones para el &lt;b&gt;&lt;i&gt;IDIOMA POR DEFECTO&lt;/i&gt;&lt;/b&gt;. Si queremos generar la traducción para el resto de idiomas hemos de volver a realizar lo especificado en el paso &lt;b&gt;5.-Traducción&lt;/b&gt;.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Anadir_nuevo_campo_14.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Anadir_nuevo_campo_15.png<br /> <br /> == PASOS A REALIZAR PARA LA INTALACIÓN DEL FRAMEWORK EN LA APLICACIÓN ==<br /> <br /> <br /> === INSTALACIÓN: ===<br /> <br /> <br /> Existen dos maneras de instalar el &lt;i&gt;FrameWork&lt;/i&gt; &lt;b&gt;NickCenter&lt;/b&gt;: a través de &lt;b&gt;CocoaPods&lt;/b&gt; o descargándolo directamente. Recomendamos hacerlo a través de la primera opción. &lt;b&gt;NickCenter&lt;/b&gt; incorpora dos &lt;i&gt;frameworks&lt;/i&gt; auxiliares, &lt;b&gt;RegisterLib&lt;/b&gt; y &lt;b&gt;UtilsLib&lt;/b&gt;.<br /> <br /> ==== INSTALACIÓN CON COCOAPODS: ====<br /> <br /> <br /> En caso de que su proyecto no incluya el archivo &lt;b&gt;&lt;i&gt;Podfile&lt;/i&gt;&lt;/b&gt;, incorpórelo. Si nunca ha trabajado con &lt;b&gt;CocoaPods&lt;/b&gt; consulte la [documentación ofrecida en su web oficial](https://guides.cocoapods.org/using/using-cocoapods.html), en la que se explica paso a paso cómo instalar &lt;b&gt;CocoaPods&lt;/b&gt; y cómo crear, actualizar y trabajar con los archivos &lt;b&gt;&lt;i&gt;Podfile&lt;/i&gt;&lt;/b&gt;.<br /> <br /> target 'NameTarget' do<br /> use_frameworks!<br /> pod 'MobeleaderNC'<br /> pod 'MobeleaderUtils'<br /> pod 'MobeleaderRegister'<br /> end<br /> <br /> Cabe destacar que &lt;b&gt;NameTarget&lt;/b&gt; deberá ser reemplazado por el nombre real del target de la aplicación en la que se quiere añadir el framework.<br /> <br /> Una vez creado y configurado el archivo haremos uso del siguiente comando desde el terminal sobre la ruta en la que se encuentra dicho archivo.<br /> <br /> $ pod install --repo-update<br /> <br /> <br /> Y veremos como se crea un proyecto tal que el siguiente:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Proyecto_nc_ios_8.png<br /> <br /> &lt;b&gt;Deberemos abrir el proyecto desde dicho archivo&lt;/b&gt; para que pueda usar el framework correctamente.<br /> <br /> ==== INSTALACIÓN MANUAL: ====<br /> <br /> <br /> Descargue el &lt;i&gt;framework&lt;/i&gt; &lt;b&gt;NickCenter&lt;/b&gt;:<br /> <br /> * Desde la [página principal de las librerías](http://panel.mobeleader.com/index.php?sec=82):<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/descarga_general_nc_ios.png<br /> <br /> * Desde la página de información de la libreria(http://panel.mobeleader.com/index.php?sec=85&amp;id=45&amp;tipo=3):<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/descarga_especifica_nc_ios_1.png<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/referrer/descargar_framework.png<br /> <br /> * Directamente desde [aquí](https://repos.mobeleader.com/MobeleaderNC/1.0.23/MobeleaderNC.zip).<br /> <br /> <br /> Una vez descargado el &lt;b&gt;&lt;i&gt;framework&lt;/i&gt;&lt;/b&gt;, descomprímalo e instálelo en su proyecto.<br /> === LANZAMIENTO: ===<br /> <br /> <br /> Una vez configurada la instalación, crearemos un objeto de la clase NickCenter en donde vayamos a usarla, en el ejemplo se hace en la implementacion de la clase ( DatosIniciales ):<br /> <br /> @implementation DatosIniciales{<br /> NickCenter *nickCenter;<br /> }<br /> <br /> <br /> Para su lanzamiento se insertarán las siguientes lineas de código.<br /> <br /> <br /> nickCenter = [[NickCenter alloc] init];<br /> [nickCenter setDelegate:self];<br /> [nickCenter setRootViewController:self];<br /> [nickCenter setAppHash:@&quot;Hash de la APP en el Panel de Mobeleader&quot;];<br /> [nickCenter checkAndLaunch];<br /> <br /> * &lt;b&gt;appHash&lt;/b&gt;: Será el hash dado por el Panel Mobeleader al dar de alta la aplicación en éste. Para acceder a el deberemos ir a la sección &lt;b&gt;&lt;i&gt;Desarrolladores&lt;/i&gt;&lt;/b&gt; --&gt; &lt;b&gt;&lt;i&gt;Mis Apps&lt;/i&gt;&lt;/b&gt; y hacer click sobre la columna &lt;b&gt;Hash&lt;/b&gt; de nuestra aplicación.<br /> <br /> <br /> * &lt;b&gt;setRootViewController&lt;/b&gt;: Ésta función será opcional, con ella le diremos al framework desde que ViewController se lanzará y se recogerán las respuestas en los delegates.<br /> <br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/Obtener_hash_app_14.png<br /> <br /> Por defecto las pantallas de &lt;b&gt;NickCenter&lt;/b&gt; presentan el siguiente formato:<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_default.jpeg<br /> <br /> Si desea modificar las pantallas para que sean lo más parecidas a su aplicación el framework de &lt;b&gt;&lt;i&gt;NickCenter&lt;/i&gt;&lt;/b&gt; esta dotado de una serie de funciones que le permitirán maquetarlas a su gusto:<br /> <br /> * &lt;b&gt;setViewsBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de las pantallas.<br /> <br /> * &lt;b&gt;setViewsBackgroundImage:(UIImage \*):&lt;/b&gt; Determina la imagen de fondo de cada pantalla.<br /> <br /> * &lt;b&gt;setHeaderBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;setHeaderBackgroundImage:(UIImage \*):&lt;/b&gt; Determina la imagen de fondo de la cabecera de cada pantalla.<br /> <br /> * &lt;b&gt;setHeaderBottomLineColor:(UIColor \*):&lt;/b&gt; Determina el color de la linea que separa la cabecera con el resto de la pantalla.<br /> <br /> * &lt;b&gt;setHeaderTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de la cabecera de las pantallas.<br /> <br /> * &lt;b&gt;setHeaderFont:(UIFont \*):&lt;/b&gt; Determina la fuente de los textos de las cabeceras.<br /> <br /> * &lt;b&gt;setTextFieldsBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;setTextFieldsPlaceholderColor:(UIColor \*):&lt;/b&gt; Determina el color del texto descriptivo de cada textfield.<br /> <br /> * &lt;b&gt;setTextFieldsTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de los textfields donde se ubican los campos de cada pantalla.<br /> <br /> * &lt;b&gt;setTextFieldsFont:(UIFont \*):&lt;/b&gt; Determina la fuente del texto de los textfields.<br /> <br /> * &lt;b&gt;setButtonsNormalBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla.<br /> <br /> * &lt;b&gt;setButtonsHighlightedBackgroundColor:(UIColor \*):&lt;/b&gt; Determina el color de fondo de los botones de cada pantalla cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsNormalTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de cada boton cuando no se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsHighlightedTextColor:(UIColor \*):&lt;/b&gt; Determina el color del texto de cada boton cuando se ha hecho click en éstos.<br /> <br /> * &lt;b&gt;setButtonsBorderColor:(UIColor \*):&lt;/b&gt; Determina el color del borde de los botones.<br /> <br /> * &lt;b&gt;setButtonsFont:(UIFont \*):&lt;/b&gt; Determina la fuente de los textos de los botones.<br /> <br /> * &lt;b&gt;setTermsFontColor:(UIColor \*):&lt;/b&gt; Determina el color de la fuente de los textos de los terminos y condiciones.<br /> <br /> * &lt;b&gt;setTermsSwitchActiveColor:(UIColor \*):&lt;/b&gt; Determina el color de los botones activos en los terminos y condiciones.<br /> <br /> * &lt;b&gt;setTermsSwitchInactiveColor:(UIColor \*):&lt;/b&gt; Determina el color de los botones inactivos en los terminos y condiciones.<br /> <br /> <br /> A continuación se expone un ejemplo en el que se maqueta a gusto del desarrollador las pantallas de &lt;b&gt;NickCenter&lt;/b&gt;.<br /> <br /> nickCenter = [[NickCenter alloc] init];<br /> [nickCenter setDelegate:self];<br /> [nickCenter setRootViewController:self];<br /> [nickCenter setAppHash:@&quot;Hash de la APP en el Panel de Mobeleader&quot;];<br /> [nickCenter setViewsBackgroundColor:[UIColor whiteColor]];<br /> [nickCenter setViewsBackgroundImage:[UIImage imageNamed:@&quot;logo&quot;]];<br /> [nickCenter setHeaderBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setHeaderBottomLineColor:[UIColor orangeColor]];<br /> [nickCenter setHeaderTextColor:[UIColor whiteColor]];<br /> [nickCenter setTextFieldsBackgroundColor:[UIColor colorWithRed:217.0/255 green:217.0/255 blue:217.0/255 alpha:1]];<br /> [nickCenter setTextFieldsPlaceholderColor:[UIColor grayColor]];<br /> [nickCenter setTextFieldsTextColor:[UIColor blackColor]];<br /> [nickCenter setButtonsNormalBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setButtonsHighlightedBackgroundColor:[UIColor orangeColor]];<br /> [nickCenter setButtonsNormalTextColor:[UIColor whiteColor]];<br /> [nickCenter setButtonsHighlightedTextColor:[UIColor colorWithRed:249.0/255 green:203.0/255 blue:156.0/255 alpha:1]];<br /> [nickCenter setTermsFontColor:[UIColor orangeColor]];<br /> [nickCenter checkAndLaunch];<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_desarrollador.jpeg<br /> <br /> === COMPLETAR REGISTRO: ===<br /> <br /> <br /> Una vez un usuario haya sido registrado en una de nuestras aplicaciones, cuando otra lance NickCenter, dicho usuario tan soló debera &lt;b&gt;logearse&lt;/b&gt; sin necesidad de tener que registrarse otra vez para ésta última aplicación. Se puede dar el caso de que al registrarte en la primera aplicación tán solo fuera necesario &lt;b&gt;email y contraseña&lt;/b&gt;, y que para la segunda aplicación fuera necesario registrarse con el &lt;b&gt;telefono&lt;/b&gt;, cuando este tipo de casos se den, al logearte en la segunda aplicación se abrirá una nueva vista para completar el registro. Una vez completado dicho registro se tratará como un login normal.<br /> <br /> https://panel.mobeleader.com/ficheros_subidos/librerias/imagenes/NickCenter/nc_ios_completar.jpeg<br /> <br /> === FUNCIONES UTILES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; está dotada de una función que permite al desarrollador cerrar la sesión ya iniciada por el usuario de manera que la siguiente vez que abra la aplicación y pase por donde se lanza la librería, el usuario deba volver a loguearse. Dicha funcion es :<br /> <br /> * &lt;b&gt;closeSession&lt;/b&gt;: ( [nickCenter closeSession]; )<br /> <br /> <br /> === DELEGATES: ===<br /> <br /> <br /> &lt;b&gt;NickCenter&lt;/b&gt; cuenta con una serie de delegates que permiten al desarrollador saber que parte del framework se esta ejecutando y cual es su resultado. A continuación se expondrán éstos y para que sirven.<br /> <br /> * &lt;b&gt;registerViewOpened&lt;/b&gt;: Notifica cuando la vista de registro se ha lanzado.<br /> <br /> * &lt;b&gt;loginViewOpened&lt;/b&gt;: Notifica cuando la vista del login se ha lanzado.<br /> <br /> * &lt;b&gt;rescueViewOpened&lt;/b&gt;: Notifica cuando la vista de recuperación de contraseña se ha lanzado.<br /> <br /> * &lt;b&gt;onError:(NSString \*)error&lt;/b&gt;: Notificará cuando haya habido un error, normalmente se lanzará cuando el registro o el login hayan sido incorrectos, o cuando al recuperar la contraseña el email sea incorrecto. Se puede dar el caso de que de otro tipo de error como bien puede ser al conectarnos al sevidor.<br /> <br /> * &lt;b&gt;onWarning:(NSString \*)warning&lt;/b&gt;: Notificará de alguna advertencia al desarrollador.<br /> <br /> * &lt;b&gt;finished&lt;/b&gt;: Notificará cuando la librería haya finalizado algun proceso. Inicio de sesión, registro o recuperación de contraseña correcto.<br /> <br /> * &lt;b&gt;sessionClosed&lt;/b&gt;: Notificará cuando se haya cerrado la sesión de NickCenter.<br /> <br /> * &lt;b&gt;onActive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta activa para la aplicación.<br /> <br /> * &lt;b&gt;onInactive&lt;/b&gt;: Notificará cuando detecte que NickCenter esta inactiva para la aplicación.<br /> <br /> * &lt;b&gt;registerRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registarse en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;registerCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de registro de usuario.<br /> <br /> * &lt;b&gt;loginPerformed:(NCUser \&lt;i&gt;) user dictionary:(NSMutableDictionary \&lt;/i&gt;) userDictionary&lt;/b&gt;: Notificará cuando haya habido un registro o un login correcto. Se mandará la información recogida del usuario tanto en formato NCUser como en formato NSMutableDictionary.<br /> <br /> * &lt;b&gt;loginLoginButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de inicio de sesión en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRegisterButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de registrarse en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;loginCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de inicio de sesión.<br /> <br /> * &lt;b&gt;rescueRescueButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de recuperar contraseña en la vista de recuperar contraseña.<br /> <br /> - &lt;b&gt;rescueCloseButtonClicked&lt;/b&gt;: Notificará cuando se haga click en el botón de cerrar en la vista de recuperar contraseña.</div>

Asier