Cloud Services for Web Applications

Example: Implementing Firebase Authentication in a Web App

// Initialize Firebase Auth
import { initializeApp } from "firebase/app";
import { getAuth, signInWithPopup, GoogleAuthProvider, 
         createUserWithEmailAndPassword, signOut } from "firebase/auth";

const firebaseConfig = { /* your config */ };
const app = initializeApp(firebaseConfig);
const auth = getAuth(app);

// Sign in with Google
async function signInWithGoogle() {
  const provider = new GoogleAuthProvider();
  try {
    const result = await signInWithPopup(auth, provider);
    const user = result.user;
    console.log("Signed in user:", user.displayName);
    return user;
  } catch (error) {
    console.error("Error signing in:", error);
    throw error;
  }
}

// Sign up with email/password
async function signUpWithEmail(email, password) {
  try {
    const userCredential = await createUserWithEmailAndPassword(auth, email, password);
    const user = userCredential.user;
    console.log("Created user:", user.email);
    return user;
  } catch (error) {
    console.error("Error signing up:", error);
    throw error;
  }
}

// Sign out
async function userSignOut() {
  try {
    await signOut(auth);
    console.log("User signed out");
  } catch (error) {
    console.error("Error signing out:", error);
    throw error;
  }
}

// Listen for auth state changes
auth.onAuthStateChanged((user) => {
  if (user) {
    // User is signed in
    console.log("Current user:", user.email);
    // Update UI or application state
  } else {
    // User is signed out
    console.log("No user signed in");
    // Update UI or application state
  }
});