Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Code
  2. iOS SDK
Code

Introducción a Firebase

by
Difficulty:BeginnerLength:MediumLanguages:

Spanish (Español) translation by Alfonso Mora (you can also view the original English article)

Estamos en una era de prototipado rápido. Podemos obtener ideas brillantes, pero a veces no Haz implementados si toman mucho trabajo. A menudo, el back-end es el factor limitante, muchas ideas nunca haz implementados debido a la falta de conocimientos o tiempo para la codificación del servidor.

Como desarrollador móvil, usando un fondo como una plataforma de servicios (BaaS) puede ayudarle rápidamente poner en práctica sus ideas.

Firebase tiene todas las características claves que necesita para la creación rápida de prototipos y prueba rápida de tus ideas. Utilizando bases avanzadas, puede acceso directo la creación de funciones como la autenticación, la base de datos y almacenamiento de objeto. Firebase también viene con otras capacidades que pueden ser útiles para la validación de prototipos, como analytics, A y B pruebas, notificaciones push.

¡Lo mejor de todo, es gratis para pequeños proyectos bases avanzadas!

Configurar un Aplicación para Firebase de Uso del iOS

Vamos a crear un proyecto de Xcode de muestra que utiliza bases avanzadas. Lo nombramos MyFirstFirebaseApp.

Crear un Nuevo Proyecto de Xcode

Create a new Xcode project

Seleccione una plantilla de Solo Ver Aplicación para su proyecto.

Ahora que el proyecto es creado, vamos a empezar a configurar para bases avanzadas.

Crear un Podfile

CocoaPods es un gestor de dependencia para proyectos de Swift y Objective-C Cocoa. Tenemos que inicializar en nuestro proyecto. Esto puede hacerse con el comando pod init.

Añadir los Pods de Firebase

Queremos añadir el pod Firebase/Core a nuestro proyecto. Esto incluye las bibliotecas requisitos previos necesarias para poner bases avanzadas.

Ahora se trata de cómo se verá tu Podfile:

Podfile with Firebase Core

Instalar los Pods y Abra el Proyecto en Xcode

Después de incluir los detalles de la vaina, vamos a instalarlos con el comando de pod install. Entonces podemos abrir el proyecto en Xcode abriendo el archivo .xcworkspace.

Crear y Configurar tu Cuenta de Firebase

Crear una Cuenta de Firebase

Ahora vamos a conseguir configurar con una cuenta de Firebase! Como todos sabemos, bases avanzadas es un producto de Google, por lo que podemos crear una cuenta de consola bases avanzadas utilizando nuestra cuenta de Gmail.

Sin embargo, tome nota: bases avanzadas no es totalmente gratis. Podemos empezar con una versión gratuita de prototipos inicial, pero si tiene planes para entrar en producción con bases avanzadas entonces usted debe ser consciente de la estructura de precios.

Cree un Nuevo Proyecto en la Consola de Firebase

Ahora que nos hemos conectado con éxito a nuestra cuenta de bases avanzadas, vamos a crear un proyecto. Haga clic en Agregar proyecto.

Una vez creado el proyecto, la base de datos de bases avanzadas, gestión de usuarios y configuración remota pueden compartirse con iOS, Android y la web.

Add a project in the Firebase Console

Una vez creado el proyecto, usted será llevado a la pantalla de Resumen de proyecto. En Iniciar, haga clic en iOS para empezar a trabajar en nuestro prototipo de iOS.

Firebase Project Overview

Registro de la Aplicación para iOS

Para registrar nuestra aplicación, es necesario proporcionar un identificador de proyecto.

Add Firebase to an iOS AppRegister App

Ahora haga clic en registro de la aplicación. Se le pedirá que descargue un archivo .plist que tendrá que ser agregado a su proyecto Xcode.

Download infoplist file

Este GoogleService-Info.plist contendrá información básica como el id de cliente, API Key, URL de la base de datos y cubo de almacenamiento. Echa un vistazo y ver lo descargar. Deberá agregar a su proyecto de arrastrarla a la carpeta que se muestra a continuación en Xcode.

Xcode project with GoogleService-Infoplist

Agregue el Código de Inicialización Para su Aplicación

¡Ahora puede Agregar el código de inicialización de bases avanzadas para su aplicación! Abrir AppDelegate y de importación Firebase. Añada FirebaseApp.configure() en didFinishLaunchingWithOptions. El código se verá así:

Verificar que las Firebase está Trabajando en su Aplicación

La configuración es finalmente completa y listo probar que las bases avanzadas está instalado correctamente en su aplicación. Cuando usted haga clic en siguiente en Añadir Firebase a su página de la aplicación de iOS en la consola de bases avanzadas, verás esto:

Run your app to verify installation

Vamos a limpiar, construir y ejecutar la aplicación a través de Xcode, no debe ser errores. También puede ver algunos registros relacionados con bases avanzadas en la consola. Si todo funciona bien, la consola de bases avanzadas le dejará saber.

¡Hurra! Ahora hemos exitosamente establecido bases avanzadas para nuestra aplicación.

Gestión de Firebase de Usuario

Como se mencionó anteriormente, pueden utilizarse bases avanzadas para gestión de usuarios, así que vamos a configurar nuestra aplicación para la autenticación y administración de usuarios. En primer lugar, vamos a navegar a la sección de autenticación en el tablero de bases avanzadas, como se muestra a continuación.

Authentication section in the Firebase Dashboard

Haga clic en conjunto métodos de inicio de sesión. Aquí podemos ver una serie de posibilidades. Usted puede elegir más de uno, o si usted prefiere no tener ningún signo en, usted puede elegir Anónimo.

  • Correo electrónico/Contraseña: Permite a los usuarios Regístrese utilizando su dirección de correo electrónico y contraseña. Bases avanzadas SDK también proporciona verificación de dirección de correo electrónico, recuperación de la contraseña y correo electrónico cambio primitivas.
  • Teléfono: Permiten a los usuarios iniciar sesión con un número de teléfono móvil utilizando SDK bases avanzadas herramientas de teléfono verificación y usuario autenticación. Bajo plan chispa libre de bases avanzadas Obtén 10.000 conexiones al mes de teléfono, pero después de que usted tendrá que pagar. Echa un vistazo en la sección de precios antes de optar por esto.
  • Google: Google muestra en se configura automáticamente en tu iOS conectados y aplicaciones web. Para configurar Google muestra en tus aplicaciones Android, necesitará agregar una huella SHA1 para cada aplicación en su configuración de proyecto.
  • Jugar juegos: Configurar ID de cliente y el Cliente Secreto.
  • Facebook: Para utilizar Facebook para autenticación, usted tendrá que añadir una redirección de OAuth URI a la configuración de la aplicación de Facebook.
  • Twitter: Para usar Twitter para la autenticación, a añadir una URL de devolución de llamada a la configuración de la aplicación de Twitter.
  • GitHub: Para configurar la autenticación con GitHub, a añadir una URL de devolución de llamada de autorización a la configuración de la aplicación de GitHub.
  • Anónimo: Seleccione esta opción para activar cuentas de invitado anónimo en su aplicación, que permite hacer cumplir seguridad específica del usuario y las reglas bases avanzadas sin necesidad de credenciales de los usuarios.

Configurar la Autenticación de Teléfono

Vamos a ver cómo podemos utilizar un teléfono como un método de inicio de sesión.

En primer lugar, vaya al método inicio de sesión, haga clic en Teléfono y activarla. Verás una pantalla como esta:

Usted también tendrá que incluir el pod Firebase/Auth en su Podfile.

Después de añadir la línea anterior en el Podfile, vaya a la carpeta de proyecto y ejecute el comando de pod install.

A continuación, usted necesita activar las notificaciones push en tu proyecto de Xcode.

Enable push notifications

Para encontrar esta opción, seleccione su aplicación desde el panel de Objetivos y haga clic en la ficha de Capacidades. Desde allí, puede activar Notificaciones Push.

reCAPTCHA Verificación

Ahora vamos a configurar la verificación reCAPTCHA. reCAPTCHA es utilizado en caso de que envíen o reciban una notificación push silenciosa no es posible, como cuando el usuario ha desactivado la actualización de fondo para su aplicación, o cuando se prueba su aplicación en un simulador de iOS. En este caso, bases avanzadas de autenticación utiliza verificación reCAPTCHA para completar el flujo de inicio de sesión de teléfono.

Haga clic en GoogleService-Info.plist en el panel de la izquierda para abrir el plist de Xcode. Ahora copia el valor de REVERSED_CLIENT_ID en otro Bloc de notas o en TextEdit.

A continuación, ir a los Objetivos > su aplicación > Información > Tipos de URL. Haga clic en el botón "+" y copiar el valor REVERSED_CLIENT_ID en esquemas de URL, como se muestra a continuación.

URL Types Settings

Configurar Mensajería en la Nube de Firebase

Ahora vamos a Configurar la Mensajería de Nube de Firebase con APNs de nuestra aplicación.

Abra la consola de bases avanzadas, y una vez que usted haga clic en el botón configuración, verá ajustes del proyecto y los usuarios y permisos. Haga clic en configuración del proyecto y luego la pestaña mensajes de nube. En esta pantalla, puede encontrar el iOS de sección de configuración de la aplicación.

Firebase Cloud Messaging settings for an iOS app

Para habilitar mensajes de nube de bases avanzadas, cargaremos nuestros APNs y nuestra clave de autenticación de APNs para este cuadro de diálogo.

Usted necesitará crear una clave de autenticación de APNs y una clave de certificado de APNs.

Pasos para Crear una Clave de Autenticación de APNs

  • En su cuenta de desarrollador, vaya a Certificados, Identificadores y Perfiles y debajo de las Teclas, seleccione Todos.
  • Haga clic en el botón Añadir (+) en la esquina superior derecha.
  • Escriba una descripción de la clave de autenticación de APNs.
  • Clave servicios, marque la casilla de APNs y haga clic en continuar.
  • Haga clic en Confirmar y luego Descargar. ¡Guardar su clave en un lugar seguro! Esta es una descarga de una sola vez, y la clave no se puede recuperar más adelante.

Pasos para Crear una Clave de Certificado de APNs

  • Crear una App ID de su cuenta de desarrollador de Apple y activar Notificaciones Push durante la creación. Un App ID es un identificador que identifica de manera única una aplicación. Como Convención, está representado por un dominio invertido con su nombre de la empresa y el nombre de la aplicación (e.g. com.mysoft.myfirstfirebaseApp).
  • Crear un Perfil de Aprovisionamiento para el ID de la aplicación anterior.

Y eso es todo! Ahora, hemos terminado con todas las configuraciones, y podemos empezar a implementar el flujo de registro y login.

Registrar un Usuario con Autenticación de Teléfono

Volvamos a Xcode y crear los archivos RegistrationViewController.swift, RegistrationViewController.storyboard y RegistrationService.swift.

Para el guión gráfico, he añadido un UITextField y UIButton como se muestra a continuación. Éstos deben vincularse en RegistrationViewController.swift.

The registration storyboard

Se trata de cómo se verá mi RegistrationViewController.swift:

Dado que nuestro enfoque principal es en Firebase, no se aplicar UITextFieldDelegates. En cambio, para mantener las cosas simples, a capturar el texto de clic de botón.

Ahora vamos a agregar el código siguiente en RegistrationService.swift.

En este código, PhoneAuthProvider.provider () .verifyPhoneNumber toma como entrada un número de teléfono y nos devuelve el verificationID. Esto también desencadena un mensaje de contraseña temporal (OTP) para el número de teléfono que se proporciona en el campo de texto. El usuario recibirá el ODF en su teléfono y entrada en un cuadro de diálogo Alerta de la aplicación.

Nota: al ingresar el número de teléfono, asegúrese de que también se introduce el código de país.

También tenga en cuenta que tenemos que recordar a import FirebaseAuth en la parte superior del archivo de importación.

Ahora, volvamos a RegistrationViewController.swift y llamar getVerificationId, como se muestra a continuación. Aquí, estoy imprimiendo el id en la consola para comprobar si verificationId fue generado.

El Método de Inicio de Sesión

Ahora vamos a escribir un método de inicio de sesión en RegistrationService. Aquí, vamos a crear un objeto de credenciales de bases avanzadas utilizando verificationId y OTP. Se trata de cómo se verá el código:

Una vez que recibamos el id, mostraremos una vista alerta usuario capturar la ODF y llamar al método signIn en RegistrationService. Aquí le damos la RegistrationViewController como se verá después de estos cambios:

Ahora puede ejecutar la aplicación para probarlo, aquí está lo que usted verá cuando usted haga clic en Solicitar OTP.

Registration OTP Dialog

Ahora el estado de inicio de sesión se imprimirá como Exito. Podemos comprobar en bases avanzadas de consola que se ha creado un usuario.

Conclusión

En este tutorial, hemos construido una aplicación simple usando Xcode y Firebase. Que habrán ganado algunas nuevas habilidades que podrás poner en práctica en sus próximos proyectos.

Si usted tiene alguna pregunta, hágamelo saber en los comentarios.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.