reactnativelogin's Introduction

ReactNativeLogin

React Native İçin Gerekli Araçlar

NodeJS
Java JDK
Android Studio
VS Code / Atom / WebStorm vs ..

Daha sonra React Native Cli yüklenmeli.
npm install -g react-native-cli

Proje oluşturmak için;
react-native init PrpjeName

React Native projeyi çalıştırmak için;
react-native run-app

React Native Firebase Login

Proje oluşturduktan sonra Android platformuna Firebase eklenmeli.
React Native uygulamasına react-native-firebase kütüphanesi yüklenmeli.

npm install --save react-native-firebase
react-native link react-native-firebase

Android uygulamanızın proje build.gradle dosyasına gidip alttaki satırları dependencies alanına eklenmeli.
classpath 'com.google.gms:google-services:4.2.0'

App klasörünün altındaki build.gradle dosyasını açıp dosyanın en altına alttaki satır eklenmeli.

implementation "com.google.firebase:firebase-core:16.0.9"
implementation'com.google.firebase:firebase-auth:16.1.0'
implementation 'com.firebaseui:firebase-ui-auth:4.2.0'

Firebase Register

  firebase.auth().createUserWithEmailAndPassword(this.state.typeEmail, this.state.typePassword)
  .then(() => {
    this.setState({user: loggedInUSer});
    alert('Register successfuly');
    console.log('Register with user: ${JSON.stringfy(loggedInUSer.toJSON())}');
  
  }).catch((error) => {
    console.log('Register fail with error: $(error)');
  });
}

Firebase Login

  firebase.auth().signInWithEmailAndPassword(this.state.typeEmail, this.state.typePassword)
  .then((loggedInUser) => {
    alert('Giriş Başarılı. ');
    console.log('Login with user: ${JSON.stringfy(loggedInUser.toJSON())}');    

  }).catch((error) => {
    alert('Email veya Şifre yanlış. ');
    console.log('Login fail with error ${error}');
  });
}

Recommend Projects

esmacolak / reactnativelogin Goto Github PK