集成mock模拟测试

mock/index.js

+const http = require('http')
+const { APP } = require('../src/config/app')
+const routes = require('./router')
+const axios = require('axios')
+
+const publicHeaders  = [
+    {
+        'access-control-allow-origin': '*',
+        'access-control-allow-methods': '*',
+        'access-control-allow-headers': '*',
+        'access-control-request-headers': '*',
+        'access-control-expose-headers': '*'
+    }
+]
+
+const server = http.createServer(async (req, res) => {
+
+    let payload = []
+    req.on('data', chunk => payload.push(chunk))
+
+    req.on('end', async () => {
+        payload = Buffer.concat(payload).toString('utf8')
+        payload = JSON.parse(payload || '{}')
+        
+        const index = routes.findIndex(e => new RegExp(e.url).test(req.url) && e.method.toUpperCase() === req.method.toUpperCase() )
+
+        // 访问远程服务器
+        if (index === -1) {
+            const { status, headers, data } = await request({...req, data: payload})
+            res.statusCode = status
+            Object.keys(headers).forEach(key => res.setHeader(key, headers[key]))
+            res.write(handleData(data))
+            res.end()
+        }
+        else {
+            res.statusCode = 200
+            Object.keys(publicHeaders).forEach(key => res.setHeader(key, publicHeaders[key]))
+            const data = routes[index].controller(req)
+            res.write(handleData(data))
+            res.end()
+        }
+    }) 
+})
+
+const request = async ({url, method, headers, data}) => {
+    url = APP.baseUrl.proxy + url
+    headers = {...headers}
+    if (headers.host) delete headers.host
+
+    return axios({url, method, headers, data})
+                .then(res => res)
+                .catch(err => Promise.resolve(err.response) )
+}
+
+
+const handleData = data => {
+    if (typeof data === 'object') return JSON.stringify(data)
+    else return data
+}
+
+
+server.listen(APP.baseUrl.dev.prot, APP.baseUrl.dev.host, () => {
+    console.log('mock启动成功')
+})

mock/router/index.js

+const user = require('./module/user')
+
+module.exports = [
+    ...user,
+]
\ No newline at end of file

mock/router/module/user.js

+module.exports = [
+    {
+        url: /url/,
+        method: 'get',
+        controller: req => {
+            return {
+                code: 200,
+                data: [1,2,3,4]
+            }
+        }
+    }
+]
\ No newline at end of file

package-lock.json

 {
-  "name": "rn_basis",
+  "name": "xbd-app",
   "version": "0.0.1",
   "lockfileVersion": 1,
   "requires": true,
@@ -3980,16 +3980,6 @@
       "resolved": "http://39.108.128.154:8089/repository/xbd-npm/fs.realpath/-/fs.realpath-1.0.0.tgz",
       "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8="
     },
-    "fsevents": {
-      "version": "1.2.13",
-      "resolved": "http://39.108.128.154:8089/repository/xbd-npm/fsevents/-/fsevents-1.2.13.tgz",
-      "integrity": "sha1-8yXLBFVZJCi88Rs4M3DvcOO/zDg=",
-      "optional": true,
-      "requires": {
-        "bindings": "^1.5.0",
-        "nan": "^2.12.1"
-      }
-    },
     "function-bind": {
       "version": "1.1.1",
       "resolved": "http://39.108.128.154:8089/repository/xbd-npm/function-bind/-/function-bind-1.1.1.tgz",
@@ -5094,6 +5084,18 @@
         "micromatch": "^3.1.10",
         "sane": "^4.0.3",
         "walker": "^1.0.7"
+      },
+      "dependencies": {
+        "fsevents": {
+          "version": "1.2.13",
+          "resolved": "http://39.108.128.154:8089/repository/xbd-npm/fsevents/-/fsevents-1.2.13.tgz",
+          "integrity": "sha1-8yXLBFVZJCi88Rs4M3DvcOO/zDg=",
+          "optional": true,
+          "requires": {
+            "bindings": "^1.5.0",
+            "nan": "^2.12.1"
+          }
+        }
       }
     },
     "jest-jasmine2": {
@@ -6907,15 +6909,6 @@
         "minimist": "^1.2.5"
       }
     },
-    "mockjs": {
-      "version": "1.1.0",
-      "resolved": "https://registry.npm.taobao.org/mockjs/download/mockjs-1.1.0.tgz",
-      "integrity": "sha1-5qDDeOkZBtuv8gkRzAJzs8fXWwY=",
-      "dev": true,
-      "requires": {
-        "commander": "*"
-      }
-    },
     "ms": {
       "version": "2.1.1",
       "resolved": "http://39.108.128.154:8089/repository/xbd-npm/ms/-/ms-2.1.1.tgz",
@@ -7676,9 +7669,9 @@
       "dev": true
     },
     "qs": {
-      "version": "6.5.2",
-      "resolved": "http://39.108.128.154:8089/repository/xbd-npm/qs/-/qs-6.5.2.tgz",
-      "integrity": "sha1-yzroBuh0BERYTvFUzo7pjUA/PjY=",
+      "version": "6.9.4",
+      "resolved": "http://39.108.128.154:8089/repository/xbd-npm/qs/-/qs-6.9.4.tgz",
+      "integrity": "sha1-kJCykNH5FyjTwi5UhDykSupatoc=",
       "dev": true
     },
     "query-string": {
@@ -8217,6 +8210,14 @@
         "tough-cookie": "~2.5.0",
         "tunnel-agent": "^0.6.0",
         "uuid": "^3.3.2"
+      },
+      "dependencies": {
+        "qs": {
+          "version": "6.5.2",
+          "resolved": "http://39.108.128.154:8089/repository/xbd-npm/qs/-/qs-6.5.2.tgz",
+          "integrity": "sha1-yzroBuh0BERYTvFUzo7pjUA/PjY=",
+          "dev": true
+        }
       }
     },
     "request-promise-core": {

package.json

@@ -7,7 +7,8 @@
     "ios": "react-native run-ios",
     "start": "react-native start",
     "test": "jest",
-    "lint": "eslint ."
+    "lint": "eslint .",
+    "mock": "npx nodemon mock/index.js"
   },
   "dependencies": {
     "@react-native-community/masked-view": "^0.1.10",
@@ -35,7 +36,7 @@
     "eslint": "^6.5.1",
     "jest": "^24.9.0",
     "metro-react-native-babel-preset": "^0.58.0",
-    "mockjs": "^1.1.0",
+    "qs": "^6.9.4",
     "react-test-renderer": "16.11.0"
   },
   "jest": {

src/config/app.js

-export const APP = {
+const APP = {
     /** @description token存储的名称 */
     tokenName: 'jwt',
 
@@ -10,8 +10,13 @@ export const APP = {
 
     /**@description API基础请求地址*/
     baseUrl: {
-        dev: 'http://gateway-dev.b2bwings.com/',
-        pro: 'https://gateway.b2bwings.com/'
+        dev: {
+            prot: 9000,
+            host: '192.168.1.141', // 替换为本地IP
+            origin: () => `http://${APP.baseUrl.dev.host}:${APP.baseUrl.dev.prot}`
+        },
+        proxy: 'http://gateway-dev.b2bwings.com',
+        pro: 'https://gateway.b2bwings.com'
     },
 
     /**@description 应用的登陆API的PATH*/
@@ -29,3 +34,5 @@ export const APP = {
         inactiveTintColor: 'gray'
     }
 }
+
+exports.APP = APP
\ No newline at end of file

src/libs/fetch.js

 import http from './http-request'
 import { APP } from '../config'
-
+console.log(APP.baseUrl.dev.origin())
 const FETCH = new http(process.env.NODE_ENV === 'development' ? 
-                        APP.baseUrl.dev : 
+                        APP.baseUrl.dev.origin() : 
                         APP.baseUrl.pro 
                     )
 

src/libs/http-request.js

@@ -23,7 +23,7 @@ class HttpRequest {
     instance.interceptors.request.use(config => {
       return config
     }, error => {
-      if (process.env.NODE_ENV === 'development') console.error(error)
+      if (process.env.NODE_ENV === 'development') console.warn(error)
       return Promise.reject(error)
     })
 
@@ -34,7 +34,7 @@ class HttpRequest {
 
     }, error => {
       
-      if (process.env.NODE_ENV === 'development') console.error(error)
+      if (process.env.NODE_ENV === 'development') console.warn(error)
 
       return Promise.reject(error.response ? `发生错误，错误代码：${error.response.status};详情：${error.response.message}` : error.message + "")
     })