發表文章

目前顯示的是 十一月, 2016的文章

React Native + Firebae Email SignIn

圖片
使用 React Native + Firebase 製作 Email 登入模組 上一篇我們製作了註冊模組.這邊教你繼續製作登入模組 使用firebase.auth().signInWithEmailAndPassword(this.state.email, this.state.password)來呼叫
使用範例如下
import React, {Component} from 'react'; import {   View,   Text,   TextInput,   TouchableOpacity } from 'react-native';
import css from '../css'; import * as firebase from 'firebase' import Config from '../firebase'; export default class Signin extends Component {   constructor(props) {     super(props);     this.state = {       email: '',       password: ''     }   }   signin() {     firebase.auth().signInWithEmailAndPassword(this.state.email, this.state.password).then(() => {       alert('登入成功')     }).catch((error) => {       var errorCode = error.code;       var errorMessage = error.message;       alert('登入失敗' + errorCode + errorMessage)     })   }   render() {     return(       <View style={css.container}>        <View>         <…

React Native + Firebase Email SignUp

圖片
使用 React Native + Firebase 製作 Email 註冊模組
學習前

1:請安裝好 native react 開發環境,
2:使用新版 firebase


假設 Firebase 與 Native react已備妥~

一. 開啟 firebase進入Authentication > 登入方式 > 啟用 電子郵件與密碼
這部分需開啟才能使用email做註冊與登入溝通協定

二.在你的native安裝firebaseAppledeMacBook:Apple$ npm install firebase

三.在你的專案引用firebaseAppledeMacBook:Apple$ import * as firebase from 'firebase'四.開始製作註冊模組(signup.js)
import React, {Component} from 'react'; import { View, Text, TextInput, TouchableOpacity } from 'react-native'; import css from '../css'; import * as firebase from 'firebase'; const config = { apiKey: "", authDomain: "", databaseURL: "", storageBucket: "", firebase.initializeApp(config); export default class Signup extends Component { constructor(props) { super(props); this.state = { email: '', password: '' }; }   signup() {     firebase.auth().createUserWithEmailAndPassword(this.state.…