Ich habe versucht, reagieren native und firebase miteinander arbeiten, aber egal, wo ich sehe alles, was ich finde zu finden ist veraltete Tutorials. Als ich endlich mein Firebase-Objekt initialisieren konnte, wurden die Methodennamen, die wir in anderen Tutorials verwenden, nicht mit dem Objekt definiert, das ich definiert hatte. Ich bin damit ein bisschen verloren. Jede Hilfe würde massiv geschätzt werden. Danke.Firebase Login zu arbeiten mit reagieren native
0
A
Antwort
1
ok nach ein wenig herumspielen fand ich, dass dies eine art war, wie ich erreichen konnte, was ich brauchte.
import React, { Component } from 'react';
import {View} from 'react-native';
import * as Firebase from 'firebase';
var firebaseConfig = {
apiKey: '.....',
authDomain: '......',
databaseURL: 'https://......',
storageBucket: '......',
};
const firebaseApp = Firebase.initializeApp(firebaseConfig, 'unique_id');
const auth = firebaseApp.auth();
class LoginProcess extends Component {
login(email, password) {
if (this.props.onLoginRequested) {
this.props.onLoginRequested();
}
// auth.createUserWithEmailAndPassword // for signup
auth.signInWithEmailAndPassword(email, password)
.then((data) => {
if (this.props.onLoginSuccess) {
this.props.onLoginSuccess(data)
}
})
.catch((error) => {
var errorCode = error.code;
var errorMessage = error.message;
if (this.props.onLoginError) {
this.props.onLoginError(error.code, error.message)
}
});
}
render() {return <View/>;}
}
module.exports = LoginProcess;
0
Sie fanden die Lösung bereits, aber ich habe es mit Redux wie so angeschlossen (auch Benutzer erstellt, wenn nicht bereits vorhanden)
export const loginUser = ({ email, password }) => {
return (dispatch) => {
dispatch({ type: LOGIN_USER });
firebase.auth().signInWithEmailAndPassword(email, password)
.then(user => loginUserSuccess(dispatch, user))
.catch(() => {
firebase.auth().createUserWithEmailAndPassword(email, password)
.then(user => loginUserSuccess(dispatch, user))
.catch(() => loginUserFail(dispatch));
});
};
};
const loginUserSuccess = (dispatch, user) => {
dispatch({
type: LOGIN_USER_SUCCESS,
payload: user
});
Actions.main();
};
Ich wurde auch gefragt, ob Sie eine gefunden haben, Möglichkeit, die Anmeldung beim erneuten Öffnen der App dauerhaft zu machen?
Verwandte Themen
- 1. Reagieren Native und Firebase 3
- 2. Facebook Login in react-native & Firebase 3.1
- 3. Native reagieren | Firebase-Authentifizierung | Unmöglich, Navigator
- 4. Reagieren Native - Firebase Anmeldeinformationen in separater Datei
- 5. Firebase arbeitet nicht auf reagieren native
- 6. Reagieren native App mit .setAcceptThirdPartyCookies
- 7. Firebase Facebook Login mit Ionic
- 8. Reagieren + Reagieren Native Starter-Kit
- 9. Firebase ist kein Konstruktorfehler (Firebase mit reagieren)
- 10. Wie Facebook-Login in Firebase implementieren native Android-App zu implementieren?
- 11. Welche Fehlerverfolgungsdienste arbeiten mit React Native?
- 12. PHP-Login zu Konto arbeiten
- 13. Native Navigator reagieren
- 14. Reagieren native Android moveTaskToBack?
- 15. Textauswahl reagieren-native
- 16. Reagieren Native benutzerdefiniertes Ereignis
- 17. Reagieren Native Android & Genymotion
- 18. Native Fullscreen reagieren
- 19. Native Navigationsgeste reagieren
- 20. Ändern reagieren Native Cursorfarbe
- 21. Hintergrund Geolocation reagieren native
- 22. reagieren-native Listview-Linie
- 23. Wie reagieren native funktioniert?
- 24. Reagieren Native Android GeoLocation
- 25. Reagieren Native Android Webview Video
- 26. Reagieren Native-Betrieb verboten
- 27. Apple Watch auf reagieren-native
- 28. reagieren-native AutoComplete Texteingabe
- 29. reagieren native Callback
- 30. Native ART-Bibliotheksdokumentation reagieren