feats

project.config.json

@@ -2,7 +2,7 @@
 	"miniprogramRoot": "dist/",
 	"projectname": "miniapp",
 	"description": "",
-	"appid": "wx1d9348230d6a0da6",
+	"appid": "wxe44244d1a5ea3364",
 	"setting": {
 		"urlCheck": true,
 		"es6": false,

src/app.js

@@ -1,19 +1,34 @@
 import React, { Component } from 'react'
-import { StoreRoot } from './store'
+import Taro from '@tarojs/taro'
+import { StoreRoot, store } from './store'
 import './app.less'
 
 class App extends Component {
 
-  onLaunch () {
-    // let Params = {}
-    // if (wx.getStorageSync('openid')) {
-    //   Params.token = wx.getStorageSync('openid')
-    // }
-    wx.setBackgroundFetchToken({ token: 'firstxsxs21515151551515' })
+  onLaunch (options) {
+    // 此处获取不到 state, 因为 app 不会刷新
+    const { setUser } = store.getModel('user').getState()
+    const { setSysInfo } = store.getModel('sys').getState()
+
+    // 预拉取数据
     wx.getBackgroundFetchData({
       fetchType: 'pre',
       success (res) {
-        console.log(res)
+        if (res.errMsg === 'getBackgroundFetchData:ok') {
+          const data = JSON.parse(res.fetchedData)
+          if (data.code === 1000) {
+            setSysInfo(data.data)
+          }
+        }
+      }
+    })
+
+    // 登录
+    Taro.login({
+      success: res => {
+        if (res.errMsg === 'login:ok') {
+          // res.code
+        }
       }
     })
   }

src/layouts/index.jsx

@@ -5,8 +5,7 @@ import Spin from '@/components/Spin'
 export default function(props) {
   const { user } = useModel('user')
 
-  // const loading = !user || !user.personId
-  const loading = false
+  const loading = !user || !user.personId
 
   return (
     <Spin loading={loading}>{ props.children }</Spin>

src/store/models/index.js

@@ -1,7 +1,9 @@
+import useSystem from './useSystem'
 import useUser from './useUser'
 
 const models = {
-  'user': useUser
+  'sys': useSystem,
+  'user': useUser,
 }
 
 export default models

src/store/models/useSystem.js

@@ -0,0 +1,25 @@
+import React, { useEffect, useState } from 'react'
+import Taro from '@tarojs/taro'
+
+export default function useBar() {
+  const [sysInfo, setSysInfo] = useState()
+
+  // const updateSysInfo = data => {
+  //   // 固化到本地
+  //   Taro.setStorage({ key: 'sys', data })
+  //   setSysInfo(data)
+  // }
+
+  // useEffect(() => {
+  //   // 如果本地存在, 则读取本地信息
+  //   const u = Taro.getStorageSync('sys')
+  //   if (u) {
+  //     setSysInfo(u)
+  //   }
+  // }, [])
+
+  return {
+    sysInfo,
+    setSysInfo
+  }
+}

src/store/models/useUser.js

@@ -1,14 +1,25 @@
-import React, { useState } from 'react'
+import React, { useEffect, useState } from 'react'
+import Taro from '@tarojs/taro'
 
 export default function useBar() {
   const [user, setUser] = useState({})
 
-  const signIn = () => {
-    // xxx
-  }
+  // const updateUser = data => {
+  //   // 固化到本地
+  //   Taro.setStorage({ key: 'user', data })
+  //   setUser(data)
+  // }
+
+  // useEffect(() => {
+  //   // 如果本地存在, 则读取本地信息
+  //   const u = Taro.getStorageSync('user')
+  //   if (u) {
+  //     setUser(u)
+  //   }
+  // }, [])
 
   return {
     user,
-    signIn
+    setUser
   }
 }

src/utils/request.js

@@ -0,0 +1,120 @@
+import Taro from '@tarojs/taro'
+
+const accountInfo = Taro.getAccountInfoSync()
+const appId = accountInfo.miniProgram.appId
+
+const query2String = query => {
+  return Object.entries(query || {}).map(pair => `${encodeURIComponent(pair[0])}=${encodeURIComponent(pair[1])}`).join('&')
+}
+
+const request = options => {
+  const { url, params, header, ...leftOpts } = options || {}
+
+  let realURL = url
+  if (!params) {
+    realURL += `?${query2String(params)}`
+  }
+
+  const token = Taro.getStorageSync('token')
+  const authHeader = token ? { authorization: `Bearer token` } : {}
+  const appHeader = { appId, 'x-action': 'miniapp' }
+
+  const config = {
+    url: realURL,
+    header: {
+      ...(header || {}),
+      ...authHeader,
+      ...appHeader,
+    },
+    ...leftOpts,
+  }
+
+  return new Promise((resolve, reject) => {
+    Taro.request({
+      ...config,
+      success: res => {
+        if (res.statusCode >= 300) {
+          const errMsg = `网络错误: ${res.statusCode}`
+          Taro.showToast({
+            title: errMsg,
+            icon: 'none',
+            duration: 3000
+          })
+          return
+        }
+
+        const { data, code, message } = typeof res.data === 'string' ? JSON.parse(res.data) : res.data
+        if (code === 1000) {
+          resolve(data)
+        } else {
+          reject(message)
+        }
+      },
+      fail: err => {
+        console.error(err)
+
+        const message = err.errMsg || err.message || ''
+        const errMsg = message.indexOf('java') > -1 ? '服务内部错误' : `网络错误: ${message}`
+
+        Taro.showToast({
+          title: errMsg,
+          icon: 'none',
+          duration: 3000
+        })
+
+        // reject(err)
+      }
+    })
+  })
+}
+
+// request 不带 loading, 也不带错误处理
+export default request
+
+// 比 request 增加了 loading 以及 错误提示
+export function request2(options) {
+  const { showOk, okMessage, showLoading, ...config } = options || {}
+
+  // 默认自带 loading
+  if (showLoading !== false) {
+    Taro.showLoading({ title: '请求中' })
+  }
+
+  return new Promise((resolve, reject) => {
+    request(config).then(res => {
+      if (showLoading !== false) {
+        Taro.hideLoading()
+      }
+
+      if (showOk) {
+        const t = setTimeout(() => {
+          Taro.showToast({
+            title: okMessage || '操作成功',
+            icon: 'success',
+            duration: 2000
+          })
+
+          clearTimeout(t)
+        })
+      } else {
+        resolve(res)
+      }
+    }).catch(err => {
+      if (showLoading !== false) {
+        Taro.hideLoading()
+      }
+
+      const t = setTimeout(() => {
+        Taro.showToast({
+          title: err,
+          icon: 'none',
+          duration: 3000
+        })
+
+        clearTimeout(t)
+      })
+
+      reject(err)
+    })
+  })
+}