Как из firebase вытащить всех юзеров списком?

Question

[Danya Wyse]

Есть список юзеров которые регистрируются по форме авторизации

как вытащить весь список юзеров, например все email которые были занесены в эту бд ?

Answer 1

[Danya Wyse]

Первое что хочу сделать, это переделать из модульного подключения в импорты
Делаю все по доке
Выдает ошибку applicationDefault is not defined

import { initializeApp } from 'firebase/app';
import { getDatabase, set, ref, update } from "firebase/database";
import { getAuth, createUserWithEmailAndPassword, signInWithEmailAndPassword, onAuthStateChanged, signOut } from "firebase/auth";
import { firebaseConfig} from './firebase/firebaseConfig.js';

initializeApp({
   credential: applicationDefault(),
   databaseURL: 'https://auth-examplec-default-rtdb.firebaseio.com'
});



 export const app = initializeApp(firebaseConfig);
 export const database = getDatabase(app);
 export const auth = getAuth();

 export const signUp = document.getElementById('signUp');
 export const login = document.getElementById('login');
 export const logout = document.getElementById('logout');
 export const goSignUp = document.querySelector('.goSignUp');
 export const goSignIn = document.querySelector('.goSignIn');
 export let loggedTitle = document.querySelector('.loggedTitle');
 goSignUp.style.display = 'none';
 logout.style.display = 'none';
 login.style.display = 'none';
 loggedTitle.style.display = 'none';

//* юзер зарегистрировался
function accountIsRegistred() {
	signUp.style.display = 'none';
	goSignIn.style.display = 'none';
	login.style.display = 'block';
	goSignUp.style.display = 'block';
}

//* юзер авторизировался
function logged(){
	let email = document.querySelector('.sign-form__email');
	let password = document.querySelector('.sign-form__password');
	login.style.display = 'none';
	goSignUp.style.display = 'none';
	logout.style.display = 'block';
	email.style.display = 'none';
	password.style.display = 'none';
	loggedTitle.style.display = 'block';
}

//* переход к регистрации
function registration(){
	goSignUp.style.display = 'none';
	logout.style.display = 'none';
	login.style.display = 'none';
	signUp.style.display = 'block';
	goSignIn.style.display = 'block';
}

//* переход к авторизации
function goLogin() {
	accountIsRegistred();
	logout.style.display = 'none';

}


goSignIn.addEventListener('click', (e) => {
	accountIsRegistred(signUp)
	goSignIn.style.display = "none";
})

goSignUp.addEventListener('click', (e) => {
	registration();
})

signUp.addEventListener('click', (e) => {
		let email = document.getElementById('email').value;
		let password = document.getElementById('password').value;
		// let username = document.getElementById('username').value;

createUserWithEmailAndPassword(auth, email, password)
  .then((userCredential) => {
    const user = userCredential.user;

	 set(ref(database, 'users/' + user.uid),{
		// username: username,
		email: email,
		password: password,
	 })
	 alert("user created " + email);
	 accountIsRegistred();
  })
  .catch((error) => {
    const errorCode = error.code;
    const errorMessage = error.message;
    
	 alert(errorMessage);
  });
	})

login.addEventListener('click', (e) => {
		let email = document.getElementById('email').value;
		let password = document.getElementById('password').value;
signInWithEmailAndPassword(auth, email, password)
  .then((userCredential) => {
    const user = userCredential.user;

	 const dt = new Date();

	 update(ref(database, 'users/' + user.uid),{
		last_login: dt
	 })

	 alert('User loged in! ' + email);
	 logged();
	 loggedTitle.innerHTML =" You are logged as " + email;
  })
  .catch((error) => {
    const errorCode = error.code;
    const errorMessage = error.message;

	 alert(errorMessage);

  });

});


const user = auth.currentUser;
onAuthStateChanged(auth, (user) => {

if (user) {
  // User is signed in, see docs for a list of available properties
  // https://firebase.google.com/docs/reference/js/firebase.User
  const uid = user.uid;

  // ...
} else {
  // No user is signed in.
}
});


logout.addEventListener('click', (e) => {
	
	signOut(auth).then(() => {
  // Sign-out successful.
  alert('user loged out');
	goLogin();
}).catch((error) => {
	const errorCode = error.code;
    const errorMessage = error.message;

	 alert(errorMessage);
});
});

Comments

[Danya Wyse]

const dbRef = ref(getDatabase());
get(child(dbRef, `users/`)).then((snapshot) => {
snapshot.forEach((child) => {
child.val().email;

});
});

Answer 2

[n1ksON]

https://firebase.google.com/docs/auth/admin/manage...

Comments

[Danya Wyse]

Немного не понимаю как это внедрить
Я вставляю скрипт но выводит ошибку то что не видит listUsers

<script type="module">
	import { initializeApp } from "https://www.gstatic.com/firebasejs/9.9.3/firebase-app.js";
	import { getDatabase, set, ref, update } from "https://www.gstatic.com/firebasejs/9.9.3/firebase-database.js";
	import { getAuth, createUserWithEmailAndPassword, signInWithEmailAndPassword, onAuthStateChanged, signOut } from "https://www.gstatic.com/firebasejs/9.9.3/firebase-auth.js"
	
	const firebaseConfig = {
		apiKey: "AIzaSyBtqZbY6PnEMXjuFAdT6yvOvb7UgHvM42k",
		authDomain: "auth-examplec.firebaseapp.com",
		databaseURL: "https://auth-examplec-default-rtdb.firebaseio.com",
		projectId: "auth-examplec",
		storageBucket: "auth-examplec.appspot.com",
		messagingSenderId: "724261682760",
		appId: "1:724261682760:web:12652068e198094cdee27d"
	 };

	const app = initializeApp(firebaseConfig);
	const database = getDatabase(app);
	const auth = getAuth();

	const signUp = document.getElementById('signUp');
	const login = document.getElementById('login');
	const logout = document.getElementById('logout');
	const goSignUp = document.querySelector('.goSignUp');
	const goSignIn = document.querySelector('.goSignIn');
	let loggedTitle = document.querySelector('.loggedTitle');
	goSignUp.style.display = 'none';
	logout.style.display = 'none';
	login.style.display = 'none';
	loggedTitle.style.display = 'none';
	
	
//* юзер зарегистрировался
function accountIsRegistred() {
	signUp.style.display = 'none';
	goSignIn.style.display = 'none';
	login.style.display = 'block';
	goSignUp.style.display = 'block';
}

//* юзер авторизировался
function logged(){
	let email = document.querySelector('.sign-form__email');
	let password = document.querySelector('.sign-form__password');
	login.style.display = 'none';
	goSignUp.style.display = 'none';
	logout.style.display = 'block';
	email.style.display = 'none';
	password.style.display = 'none';
	loggedTitle.style.display = 'block';
}

//* переход к регистрации
function registration(){
	goSignUp.style.display = 'none';
	logout.style.display = 'none';
	login.style.display = 'none';
	signUp.style.display = 'block';
	goSignIn.style.display = 'block';
}

//* переход к авторизации
function goLogin() {
	accountIsRegistred();
	logout.style.display = 'none';

}


goSignIn.addEventListener('click', (e) => {
	accountIsRegistred(signUp)
	goSignIn.style.display = "none";
})

goSignUp.addEventListener('click', (e) => {
	registration();
})

signUp.addEventListener('click', (e) => {
		let email = document.getElementById('email').value;
		let password = document.getElementById('password').value;
		// let username = document.getElementById('username').value;

createUserWithEmailAndPassword(auth, email, password)
  .then((userCredential) => {
    const user = userCredential.user;

	 set(ref(database, 'users/' + user.uid),{
		// username: username,
		email: email,
		password: password,
	 })
	 alert("user created " + email);
	 accountIsRegistred();
  })
  .catch((error) => {
    const errorCode = error.code;
    const errorMessage = error.message;
    
	 alert(errorMessage);
  });
	})

login.addEventListener('click', (e) => {
		let email = document.getElementById('email').value;
		let password = document.getElementById('password').value;
signInWithEmailAndPassword(auth, email, password)
  .then((userCredential) => {
    const user = userCredential.user;

	 const dt = new Date();

	 update(ref(database, 'users/' + user.uid),{
		last_login: dt
	 })

	 alert('User loged in! ' + email);
	 logged();
	 loggedTitle.innerHTML =" You are logged as " + email;
  })
  .catch((error) => {
    const errorCode = error.code;
    const errorMessage = error.message;

	 alert(errorMessage);

  });

});


const user = auth.currentUser;
onAuthStateChanged(auth, (user) => {

if (user) {
  // User is signed in, see docs for a list of available properties
  // https://firebase.google.com/docs/reference/js/firebase.User
  const uid = user.uid;

  // ...
} else {
  // No user is signed in.
}
});


logout.addEventListener('click', (e) => {
	
	signOut(auth).then(() => {
  // Sign-out successful.
  alert('user loged out');
	goLogin();
}).catch((error) => {
	const errorCode = error.code;
    const errorMessage = error.message;

	 alert(errorMessage);
});
});
	
	

const listAllUsers = (nextPageToken) => {
  // List batch of users, 1000 at a time.
  getAuth()
    .listUsers(1000, nextPageToken)
    .then((listUsersResult) => {
      listUsersResult.users.forEach((userRecord) => {
        console.log('user', userRecord.toJSON());
      });
      if (listUsersResult.pageToken) {
        // List next batch of users.
        listAllUsers(listUsersResult.pageToken);
      }
    })
    .catch((error) => {
      console.log('Error listing users:', error);
    });
};
// Start listing users from the beginning, 1000 at a time.
listAllUsers();


	
	</script>

[n1ksON]

Danya Wyse, это из раздела "Admin". сначала нужно админку внедрить https://firebase.google.com/docs/auth/admin

[Danya Wyse]

Финский Мачо,
Я смог вытащить всю БД
Но никак не могу подобраться до почтовых адресов, не могу найти что вписать в пусть после users/

function getUsersEmail() {
	const dbRef = ref(getDatabase());
	// const token = credential.accessToken;
get(child(dbRef, `users/` )).then((snapshot) => {
  if (snapshot.exists()) {
    console.table(snapshot.val());
  } else {
    console.log("No data available");
  }
}).catch((error) => {
  console.error(error);
});
}
getUsersEmail()

[Danya Wyse]

Финский Мачо, не выходит такой код подключить

import { initializeApp } from "firebase/app";
		import { getDatabase, set, ref, update, get, child, query } from "firebase/database";
		import { getAuth, createUserWithEmailAndPassword, signInWithEmailAndPassword, onAuthStateChanged, signOut} from "firebase/auth"
		import { getFirestore,  collection } from "firebase/firestore";

async function fetchAllOwnedByUser(userId) {
	const dbRef = ref(getDatabase());
	const _query = query(
		collection(dbRef, "users"),
		where("userId", "==", userId),
		orderBy("createdAt", "desc")
	);
	const { docs } = await getDocs(_query);
	return docs.map()
}

fetchAllOwnedByUser()

[Danya Wyse]

Финский Мачо, Выводит такую ошибку
FirebaseError: Expected first argument to collection() to be a CollectionReference, a DocumentReference or FirebaseFirestore

Answer 3

[キム ファイブプラス]

Зарегайся в OneSignal и юзай их API. Проще некуда.

Comments

[Danya Wyse]

У меня тз юзать firebase