qrcode dev

package.json

@@ -18,6 +18,7 @@
     "react-native-vector-icons": "^2.0.2",
     "react-redux": "^4.4.5",
     "redux": "^3.5.2",
+    "redux-logger": "^2.6.1",
     "redux-thunk": "^2.1.0"
   }
 }

src/actions/ActionTypes.js

@@ -2,3 +2,4 @@ export const INDEX_LIST = 'INDEX_LIST';//首页数据
 export const TAB_CHANGE = 'TAB_CHANGE';//TAB切换
 export const ARTICLE_DETAIL = 'ARTICLE_DETAIL';//文章详情
 export const DOWN_LOAD = 'DOWN_LOAD';//下拉图标控制
+export const CHECK_TOKEN = 'CHECK_TOKEN'

src/actions/EssenceActions.js

@@ -3,12 +3,6 @@ import * as types from './actionTypes';
 export function essenceList(data , getState){
   console.log(getState().Essence && getState().Essence.data)
   let oldList = (getState().Essence && getState().Essence.data && getState().Essence.data.concat(data))  || data;
-  // 下拉分页，往已有的数据塞新数据
-  // if(oldList){
-  //   data.map( (v,k) =>{
-  //     oldList.push(v);
-  //   })
-  // }
   return {
     type : types.INDEX_LIST,
     data : oldList

src/actions/UserActions.js

@@ -0,0 +1,22 @@
+import {createAction} from 'redux-actions';
+import * as types from './actionTypes';
+import config from '../config'
+
+export const checkToken = createAction(types.CHECK_TOKEN , async(token) =>{
+  const params = {
+    method : 'POST',
+    headers: {
+			'Accept': 'application/json',
+			'Content-Type': 'application/json'
+		},
+    body : JSON.stringify({
+      accesstoken : token
+    })
+  }
+  const userLoginInfo = await fetch(`${config.domain}/accesstoken`, params);
+  const loginUser = await userLoginInfo.json();
+  const user = await fetch(`${config.domain}/user/${loginUser.loginname}`);
+  const userInfo = await user.json()
+  // console.log(await user.json())
+  return userInfo;
+})

src/actions/index.js

@@ -1,9 +1,11 @@
 import * as DetailActions from './DetailActions'
 import * as EssenceActions from './EssenceActions'
+import * as UserActions from './UserActions'
 import * as TabActions from './TabActions'
 
 export default {
   ...DetailActions,
   ...EssenceActions,
-  ...TabActions
+  ...TabActions,
+  ...UserActions
 }

src/page/Login.js

@@ -13,8 +13,10 @@ import TabShow from '../components/TabShow';
 import Camera from 'react-native-camera';
 import Icon from 'react-native-vector-icons/Ionicons';
 import { randomBg } from '../utils';
-import QrCode from './QrCode';
-
+import connectComponent from '../utils/connectComponent';
+import * as QrCodeComponent from './QrCode';
+console.log(QrCodeComponent)
+const QrCode = connectComponent(QrCodeComponent);
 export default class Login extends Component {
   constructor (props){
     super(props);

src/page/QrCode.js

@@ -16,26 +16,15 @@ import BarcodeScanner from 'react-native-barcodescanner';
 import Icon from 'react-native-vector-icons/Ionicons';
 import { randomBg } from '../utils';
 
-export default class QrCode extends Component {
+
+class QrCode extends Component {
   constructor (props){
     super(props);
     this.state = {
       torchMode: 'off',
       cameraType: 'back',
     };
-  }
-
-  login (){
-    const { navigator } = this.props;
-  }
-
-  renderHeader (){
-    return (
-      <View style={[styles.userHeaderd]}>
-        <View style={styles.userInfo}>
-        </View>
-      </View>
-    )
+    this.succesed = false;
   }
 
   barcodeReceived(e) {
@@ -50,12 +39,20 @@ export default class QrCode extends Component {
   }
 
   _onBarCodeRead (data){
-    console.log(data)
+    if (this.succesed) return;
+		this.succesed = true;
+    const { navigator , actions } = this.props;
+    actions.checkToken(data.data , ()=>{
+
+    })
+    alert('登陆成功');
+    navigator.pop();
     Vibration.vibrate()
     return;
-    alert(1)
   }
+
   render (){
+    console.log(this)
     const pointContent = (()=>{
       return (
         <Icon
@@ -172,3 +169,10 @@ const styles = StyleSheet.create({
     bottom : 25,
   },
 })
+
+export const LayoutComponent = QrCode;
+export function mapStateToProps(state){
+  return {
+    User : state && state.User
+  }
+}

src/reducers/User.js

@@ -0,0 +1,18 @@
+import * as types from '../actions/actionTypes';
+
+const tabInitState = {
+  count : 1
+}
+export default function User (state=tabInitState , action={}){
+  switch (action.type) {
+    case types.CHECK_TOKEN:
+      return Object.assign(
+        {} , state , {
+          user : 1
+        }
+      )
+      break;
+    default:
+      return state;
+  }
+}

src/reducers/index.js

@@ -2,9 +2,11 @@ import Essence from './Essence'
 import Tab from './Tab'
 import Detail from './Detail'
 import Comment from './Comment'
+import User from './User'
 export {
   Essence,
   Tab,
   Detail,
-  Comment
+  Comment,
+  User
 }

src/utils/connectComponent.js

@@ -9,6 +9,7 @@ const options = {
 
 
 export default function connectComponent({ mapStateToProps, mapDispatchToProps, mergeProps, LayoutComponent }) {
+	// console.log(mapStateToProps,22)
 	return connect(
 		mapStateToProps || function (state) {
 			return {};