Introducción a Firebase
Firebase es una plataforma de servicios en la nube lanzada por Google y también una plataforma de desarrollo de aplicaciones que puede ayudarlo a crear y expandir aplicaciones y juegos que aman a los usuarios. Firebase funciona con Google y millones de empresas de todo el mundo confían en él. Los desarrolladores pueden utilizarlo para crear aplicaciones de alta calidad de forma más rápida y sencilla. La plataforma cuenta con numerosas herramientas y servicios, incluidas bases de datos en tiempo real, funciones en la nube, autenticación y más. En los últimos años, Firebase ha introducido una serie de actualizaciones y nuevas funciones, incluidas propiedades de concurrencia. En este artículo, primero le presentaré las características de este producto y cómo usarlo para desarrollar una aplicación muy simple. Finalmente, exploraremos las nuevas opciones de concurrencia en Cloud Functions para Firebase y cómo afecta el desarrollo de aplicaciones. En la Conferencia de desarrolladores de Google de 2023, Firebase presentó las últimas actualizaciones de funciones, con el tema de crear una API sin servidor más rápida y económica para aplicaciones de Firebase . Este artículo llevará a todos a experimentar las últimas funciones. Para dar cabida a aquellos que no han utilizado Firebase antes, explicaré el uso de Firebase al principio de este artículo.
Funciones de base de fuego
Firebase tiene productos y soluciones para cada etapa del proceso de desarrollo de aplicaciones. Estos incluyen construcción , liberación y monitoreo , e interacción . Al crear, puede utilizar muchas arquitecturas de back-end en Google para acelerar el desarrollo de aplicaciones. Por ejemplo, puede utilizar una serie de aplicaciones como Cloud Firestore, Extensions, App Check, Cloud Function y Cloud Storage en FireBase. Durante la fase de lanzamiento y monitoreo, puede utilizar Crashlytics, TestLab, Performance Monitoring, etc. En definitiva, al desarrollar en FireBase, puedes utilizar todas las aplicaciones posibles. Por ejemplo,
cuando quieras autenticar a un nuevo usuario en Firebase, usando JavaScript puedes escribir así
Auth.auth().addStateDidChangeListener {
(auth, user) in
if let user = user {
let email = user.email
// ...
}
}
Auth.auth().signIn(withEmail: userEmail, password: password) {
(user, error) in
if let user = user {
// ...
}
}
Si está utilizando Flutter para desarrollar una aplicación cross-end, puede verificar nuevos usuarios como este.
FirebaseAuth.instance.authStateChanges().listen((User? user) {
if (user != null) {
// user is signed in
var email = user.email;
} else {
// user is not signed in
// …
}
});
await FirebaseAuth.instance.signInWithEmailAndPassword(
email: emailAddress,
password: password
);
Además, la lectura y escritura de datos en tiempo real también es muy simple: el siguiente código utiliza js para leer y escribir datos en tiempo real.
var database = firebase.database();
// write
database.ref('users/' + userId).set(user);
// read / listen
database.child("users").on('value', function(snapshot) {
// ...
});
Lo anterior es una demostración de algunas características de Firebase. A continuación usamos un caso específico para explicar cómo usar Firebase.
Cree una aplicación web usando Firebase
Usamos este proyecto front-end para demostración
https://stackblitz.com/edit/firebase-gtk-web-start
. El directorio y los archivos del proyecto son muy simples, de la siguiente manera:
en la página de vista previa del proyecto, puedo ver una pagina como esta
Esta es una página estática. A continuación utilizamos Firebase para implementar contenido dinámico, que incluye:
- Autenticación, inicio de sesión
- Almacenamiento de datos, guarde datos estructurados en la nube
- Proteja su base de datos con las reglas de seguridad de Firebase
Para implementar estas funciones, primero debemos crear un proyecto de Firebase, iniciar sesión en la consola, crear el proyecto y seleccionar algunos servicios que queremos integrar.
Necesitamos habilitar estos servicios.
- Habilite el inicio de sesión por correo electrónico para la autenticación de Firebase
- Configurar Cloud Firestore
Integrar Firebase en el proyecto
Para que la aplicación front-end utilice Firebase, debemos agregar la biblioteca de Firebase a la aplicación. Hay varias formas de hacer esto. Puede agregar bibliotecas desde la CDN de Google o puede usar npm para instalarlas localmente y empaquetarlas en su aplicación.
Agregar la aplicación web Firebase al proyecto Firebase
Hemos creado un proyecto de Firebase anteriormente, pero no se ha vinculado a nuestra aplicación front-end.
A continuación, debemos registrar una aplicación en el proyecto para vincular nuestra aplicación.
Primero, en Firebase console, ingrese a la página de descripción general del proyecto y haga clic en el ícono web ícono de aplicación web para crear una nueva aplicación web Firebase.
Luego, asigne un apodo a la aplicación y luego genere la información de configuración de la aplicación,
como se muestra a continuación.
Busque la línea comentada en su proyecto Add Firebase project configuration object herey pegue el fragmento de configuración debajo del comentario.
// Import the functions you need from the SDKs you need
import {
initializeApp } from "firebase/app";
import {
getAnalytics } from "firebase/analytics";
// TODO: Add SDKs for Firebase products that you want to use
// https://firebase.google.com/docs/web/setup#available-libraries
// Your web app's Firebase configuration
// For Firebase JS SDK v7.20.0 and later, measurementId is optional
const firebaseConfig = {
apiKey: "AIzaSyAKeAjUWvpesfvHUexusvNHqJyQKB7obFs",
authDomain: "hello-world-120a5.firebaseapp.com",
projectId: "hello-world-120a5",
storageBucket: "hello-world-120a5.appspot.com",
messagingSenderId: "489836806454",
appId: "1:489836806454:web:805ea53de978c6e8a73397",
measurementId: "G-7PVT8J04NT"
};
// Initialize Firebase
const app = initializeApp(firebaseConfig);
const analytics = getAnalytics(app);
Después de configurar la configuración de Firebase de la aplicación, debemos implementar la funcionalidad específica y configurar un botón RSVP para registrar personas usando la autenticación de Firebase.
Agregue un botón de confirmación de asistencia a la página,
<section id="event-details-container">
<!-- ... -->
<!-- ADD THE RSVP BUTTON HERE -->
<button id="startRsvp">RSVP</button>
</section>
Modificar de la siguiente manera en index.js
import {
getAuth, EmailAuthProvider } from 'firebase/auth';
// ...
auth = getAuth();
En la parte inferior de la función main() de index.js, agregue la declaración de inicialización de FirebaseUI como se muestra a continuación
async function main() {
// ...
// Listen to RSVP button clicks
startRsvpButton.addEventListener("click",
() => {
ui.start("#firebaseui-auth-container", uiConfig);
});
}
main();
Vaya al panel de autenticación en Firebase console. En la pestaña Usuarios, deberíamos ver la información de la cuenta que acabamos de ingresar para iniciar sesión en la aplicación.
Últimas noticias de Firebase
En la Conferencia de Desarrolladores de Google de 2023, Jeff Huleatt y Daniel Lee compartieron cómo utilizar nuevas opciones de concurrencia en Cloud Functions para Firebase para ejecutar fácil y rápidamente código de servidor eficiente y escalable.
Este método utiliza principalmente un Concurrencyparámetro para controlar la concurrencia, lo que puede lograr menos carga y menos recursos para lograr más acceso.
El siguiente es un cuadro comparativo de la cantidad de instancias con la misma cantidad de acceso, usando concurrencia y sin concurrencia.
Su uso Concurrencypuede hacer un gran uso de cada instancia y reducir la cantidad de creación y destrucción de instancias, pero cuando la cantidad de concurrencia se establece en demasiado grande, la carga de la instancia será demasiado grande y el cliente no responderá durante mucho tiempo. Por lo tanto, al realizar la configuración, debe encontrar el número de concurrencia adecuado para el escenario.
Se han introducido muchas cosas. Si desea explorar más de las últimas tecnologías y herramientas de desarrollo de Google, bienvenido a la página especial de CSDN. Aquí están los discursos de apertura y los videos de repetición de discursos de apertura seleccionados de la Conferencia de Desarrolladores de Google de 2023 para ayudar a aquellos que no pudieron. asistir a la conferencia en persona. Podrá experimentar toda la conferencia y adquirir nuevos conocimientos técnicos. https://marketing.csdn.net/p/8b1b4b3f5f0fe4c3cdf1c2d5e42a05c3
Para aquellos que quieran estudiar en profundidad y conocer los puntos de conocimiento de la conferencia, el curso en línea para desarrolladores de Google creado oficialmente por Google es una maravillosa plataforma de aprendizaje que les permite dominar sistemáticamente el nuevo conocimiento de la tecnología de conferencias., para ayudarle a aprender con el doble de resultado con la mitad de esfuerzo. https://developers.google.cn/learn/pathways?hl=zh-cn&utm_source=csdn