接口登录

package.json

@@ -14,6 +14,8 @@
     "babel-runtime": "^6.9.2",
     "dva": "^2.1.0",
     "events": "^1.1.1",
+    "expired-storage": "^1.0.2",
+    "jhbridge": "^0.0.8",
     "md5": "^2.2.1",
     "prop-types": "^15.6.0",
     "rc-form": "^2.1.5",

src/common/api/timeline.js

@@ -8,12 +8,12 @@ export async function getTimelineList({ type, pageNo }) {
 }
 
 export async function setTimeline({
-  type
-  textContent
-  textImages
-  showInstance
-  webpageUrl
-  webpageTitle
+  type,
+  textContent,
+  textImages,
+  showInstance,
+  webpageUrl,
+  webpageTitle,
   webpageImage
 }) {
   const timeline = {

src/common/api/user.js

@@ -1,16 +1,21 @@
 /* eslint-disable */
 import request from 'utils/request'
+import storage from 'utils/storage'
+import config from 'common/config'
 
-export async function login({ phone, password }) {
+export async function login({ phone, password, device }) {
   return request({
     url: `/user/login`,
     data: {
       phone,
-      password
+      password,
+      device
     },
     type: 'post'
-  }).then(data=>{
-
+  }).then(({data, err}) =>{
+    if (data) {
+        storage.setItem('access_token', data.access_token, config.tokenTime)
+    }
   })
 }
 

src/common/config.js

@@ -1,3 +1,4 @@
 export default {
-    domain: 'http://jh.jasonwung.com'
-}
+  domain: 'http://jh.jasonwung.com',
+  tokenTime: 30 * 24 * 60 * 60
+}

src/components/iconFont.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 export default function ({ type, className }) {
   return (
     <i className={`${className} iconfont ${type}`} />

src/index.js

@@ -1,6 +1,6 @@
 import dva from 'dva'
 import './index.css'
-import './assets/icon/iconfont.css'
+
 import './common/JMessage'
 import 'common/api/user'
 
@@ -24,3 +24,4 @@ app.router(require('./router'))
 app.start('#root')
 
 
+

src/utils/request.js

@@ -1,12 +1,13 @@
 import fetch from 'dva/fetch'
 import config from 'common/config'
 import qs from 'qs'
+import storage from 'utils/storage'
 
-function parseJSON(response) {
+function parseJSON (response) {
   return response.json()
 }
 
-function checkStatus(response) {
+function checkStatus (response) {
   if (response.status >= 200 && response.status < 300) {
     return response
   }
@@ -16,32 +17,42 @@ function checkStatus(response) {
   throw error
 }
 
+function checkError (response = {}) {
+  if (response.errNo === 0) {
+    return response
+  }
+  const error = new Error(response.errStr)
+  error.response = response
+  throw error
+}
+
 /**
  * Requests a URL, returning a promise.
  *
  * @param  {string} url       The URL we want to request
  * @param  {object} [options] The options we want to pass to "fetch"
  * @return {object}           An object containing either "data" or "err"
  */
-export default function request({ url, data = {}, type = 'get' }) {
+export default function request ({ url, data = {}, type = 'get' }) {
   const options = {}
   options.method = type.toLowerCase()
 
   url = config.domain + url
-  if (type.toLowerCase() == 'get') {
-    url += qs.stringify(data)
-  } else if (type.toLowerCase() == 'post') {
-    options.body = { ...options.body, ...data }
+  if (type.toLowerCase() === 'get') {
+    url = `${url}?${qs.stringify(data)}`
+  } else if (type.toLowerCase() === 'post') {
+    options.body = qs.stringify(data)
+  }
+  const token = storage.getItem('access_token')
+  options.headers = {
+    'Authorization': 'android ' + token,
+    'Content-Type': 'application/x-www-form-urlencoded'
   }
-
-  // options.headers = {
-  //   ...options.headers,
-  //   ...{ "Content-Type": "application/json" }
-  // }
 
   return fetch(url, options)
     .then(checkStatus)
     .then(parseJSON)
-    .then(data => ({ data }))
+    .then(checkError)
+    .then(data => ({ data: data.data }))
     .catch(err => ({ err }))
 }

src/utils/storage.js

@@ -0,0 +1,3 @@
+import Storage from 'expired-storage'
+
+export default new Storage()