From 0103a44df43cfef6d01151be9470bdc5497a5d9c Mon Sep 17 00:00:00 2001
From: Tevin <tingquanren@163.com>
Date: Wed, 02 Mar 2022 18:23:26 +0800
Subject: [PATCH] 用户签名组件，初步
---
bases/Fetcher.js | 317 +++++++++++++++++++++++++++++++++-------------------
1 files changed, 201 insertions(+), 116 deletions(-)
diff --git a/bases/Fetcher.js b/bases/Fetcher.js
index b683b42..d850bd8 100644
--- a/bases/Fetcher.js
+++ b/bases/Fetcher.js
@@ -17,9 +17,14 @@
constructor(options = {}) {
this._data = {
urlPrefix: options.urlPrefix || ['/api/common/', '/api/common/'],
+ mock: Tools.getUrlParam('mock') || project.host.mock,
};
- if (project.host.mock) {
- this._defaultConfig.url = Fetcher.host + project.host.assetsPath.replace('/assets', '/mocks');
+ if (this._data.mock === 'on') {
+ if (project.host.assetsPath.indexOf('..') === 0) {
+ this._defaultConfig.url = Fetcher.host + '/' + project.host.assetsPath.replace('/assets', '/mocks');
+ } else {
+ this._defaultConfig.url = Fetcher.host + project.host.assetsPath.replace('/assets', '/mocks');
+ }
} else {
this._defaultConfig.url = Fetcher.host;
}
@@ -29,17 +34,35 @@
* 请求配置
* @private
*/
- _defaultConfig = {
- url: '',
- header: {
- 'X-Requested-With': 'XMLHttpRequest',
- 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
- 'Ax-Rq-Type': 'separation',
- },
- credentials: 'same-origin',
- dataType: 'json',
- timeout: 30 * 1000,
- };
+ _defaultConfig = (() => {
+ // 跨域模式，一般为 App 内嵌页面
+ if (project.appHybrid) {
+ return {
+ url: '',
+ header: {
+ 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
+ },
+ mode: 'cors',
+ credentials: 'include',
+ dataType: 'json',
+ timeout: 30 * 1000,
+ };
+ }
+ // 正常模式，小程序、普通H5
+ else {
+ return {
+ url: '',
+ header: {
+ 'X-Requested-With': 'XMLHttpRequest',
+ 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8',
+ 'Ax-Rq-Type': 'separation',
+ },
+ credentials: 'same-origin',
+ dataType: 'json',
+ timeout: 30 * 1000,
+ };
+ }
+ })();
/**
* 拼写 URL 地址
@@ -50,8 +73,12 @@
spellURL(devSuffix, serSuffix) {
let url = '';
// mock 模式
- if (project.host.mock) {
+ if (this._data.mock === 'on') {
url = this._data.urlPrefix[0].replace('api/', '') + devSuffix + '.json';
+ }
+ // 强制实际请求模式
+ else if (this._data.mock === 'real') {
+ url = this._data.urlPrefix[1] + (serSuffix || devSuffix);
}
// 正常模式
else {
@@ -76,31 +103,29 @@
* get 请求
* @param {String} url
* @param {*} data
- * @param {(String[])[]} [remap]
* @param {object} [options]
* @return {Promise<any>}
*/
- get(url, data, remap = [], options = null) {
+ get(url, data, options = {}) {
const params = Qs.stringify(data);
if (url.indexOf('?') >= 0) {
url += '&' + params;
} else {
url += '?' + params;
}
- return this.query('get', url, null, remap, options);
+ return this.query('get', url, null, options);
}
/**
* post 请求
* @param {String} url
* @param {*} data
- * @param {(String[])[]} [remap]
* @param {object} [options]
* @return {Promise<any>}
*/
- post(url, data, remap = [], options = null) {
- if (project.host.mock) {
- return this.get(url, data, remap = [], options);
+ post(url, data, options = {}) {
+ if (this._data.mock === 'on') {
+ return this.get(url, data, options);
}
const params = Qs.stringify(data);
const data2 = {};
@@ -110,7 +135,7 @@
data2[decodeURIComponent(item[0])] = decodeURIComponent(item[1]);
}
});
- return this.query('post', url, data2, remap, options);
+ return this.query('post', url, data2, options);
}
/**
@@ -118,18 +143,27 @@
* @param {String} type
* @param {String} url
* @param {*} [data]
- * @param {*} [remap]
* @param {object} [options]
* @return {Promise<any>|}
*/
- query(type, url, data = null, remap, options = {}) {
+ query(type, url, data = null, options = {}) {
return new Promise((resolve, reject) => {
+ const header = {
+ ...this._defaultConfig.header,
+ };
+ if (process.env.TARO_ENV === 'weapp') {
+ header['Cookie'] = this._getCookies();
+ }
Taro.request({
...this._defaultConfig,
+ header,
url: this._defaultConfig.url + url,
method: type.toUpperCase(),
data,
success: response => {
+ if (process.env.TARO_ENV === 'weapp') {
+ this._saveCookies(response.cookies);
+ }
/**
* @type {{state: {code, http, msg}, data: Object}}
* @example response.state.code
@@ -141,14 +175,36 @@
*/
const responseData = this._adaptiveResponseData(response.data);
responseData.state.http = response.statusCode;
- resolve(this._transformResponseData(responseData, remap));
+ resolve(this._transformResponseData(responseData, options));
},
fail: error => {
- this._resolveCaughtNetErr(error);
+ if (typeof options.silence === 'undefined' || !options.silence) {
+ this._resolveCaughtNetErr(error);
+ }
reject(null);
},
});
});
+ }
+
+ // 小程序中，保存 cookies
+ _saveCookies(cookies) {
+ const localCookies = JSON.parse(Taro.getStorageSync('cookies') || '{}');
+ cookies.forEach(cookie => {
+ const mc = cookie.match(/([a-zA-Z0-9_\-]+)=(.*?);/);
+ localCookies[mc[1]] = mc[2];
+ });
+ Taro.setStorageSync('cookies', JSON.stringify(localCookies));
+ }
+
+ // 小程序中，获取 cookies
+ _getCookies() {
+ const localCookies = JSON.parse(Taro.getStorageSync('cookies') || '{}');
+ const cookiesArr = [];
+ Object.keys(localCookies).forEach(key => {
+ cookiesArr.push(key + '=' + localCookies[key]);
+ });
+ return cookiesArr.join('; ');
}
/**
@@ -159,6 +215,49 @@
// 标准请求，不转换
if (typeof responseData.state === 'object' && typeof responseData.data === 'object') {
return responseData;
+ }
+ // App版请求，响应体转换
+ if (typeof responseData.ret !== 'undefined' && typeof responseData.data !== 'undefined') {
+ // 转换数据体
+ let data2 = { rows: [] };
+ // 数组类型
+ if (responseData.data instanceof Array) {
+ if (responseData.data.length > 0) {
+ data2.rows = responseData.data;
+ }
+ }
+ // 对象类型
+ else if (responseData.data instanceof Object) {
+ if (!Tools.isEmptyObject(responseData.data)) {
+ data2 = responseData.data;
+ }
+ }
+ // 转换响应码
+ let code = 0;
+ // 正常
+ if (responseData.ret === 0) {
+ code = 2000;
+ }
+ // 特殊模式下的状态码，转换为正常模式，由页面处理业务
+ else if (responseData.ret === 10999) {
+ code = 2000;
+ }
+ // 未登录
+ else if (responseData.ret === 101110) {
+ code = 9001;
+ }
+ // 其他按报错
+ else {
+ code = 5000;
+ }
+ // 合并响应体
+ return {
+ state: {
+ code,
+ msg: responseData.msg,
+ },
+ data: data2,
+ };
}
// 旧请求，操作类通讯，响应体转换
if (typeof responseData.status !== 'undefined' && typeof responseData.dataMsg !== 'undefined') {
@@ -247,17 +346,18 @@
} else {
msg += '解析通讯数据异常！';
}
- this.message('error', msg);
+ setTimeout(() => {
+ this.message('fail', msg);
+ }, 20);
}
/**
* 转换响应体
* @param response
- * @param {Array[]} remap
* @returns {Object|{}|null}
* @private
*/
- _transformResponseData(response, remap) {
+ _transformResponseData(response, options) {
if (!response) {
return null;
}
@@ -271,78 +371,36 @@
}
// 先转驼峰
response.data = this.transKeyName('camel', response.data);
- // 再重映射
- if (remap && remap.length > 0) {
- response.data = this._remapData(response.data, remap);
- }
// 转换常规数字字符串为数值
response.data = this._transNumStringToNumber(response.data);
return response.data;
}
} else if (response.state.code === 2001) {
- this.message('info', response.state.msg);
+ setTimeout(() => {
+ if (typeof options.silence === 'undefined' || !options.silence) {
+ this.message('info', response.state.msg);
+ }
+ }, 20);
return null;
} else if (response.state.code === 9001) {
- // this._showLoginExpired();
+ // 在微信公众号中，每次进入即登陆，登陆失效关闭重进即可（进入链接带公司绑定码，页面没有存这个码，也不需要）
+ // 在小程序中，使用自动登陆机制，自动登陆失败才去授权页绑定账号
+ if (process.env.TARO_ENV === 'weapp') {
+ Taro.navigateTo({ url: '/pages/home/index/index?mode=login' });
+ }
+ // 在App中，跳转到首页取消登陆
+ if (project.appHybrid) {
+ Taro.navigateTo({ url: '/pages/home/index/index?mode=logout' });
+ }
+ return null;
} else {
- this.message('error', response.state.msg);
+ setTimeout(() => {
+ if (typeof options.silence === 'undefined' || !options.silence) {
+ this.message('error', response.state.msg);
+ }
+ }, 20);
return null;
}
- }
-
- /**
- * 转换响应体数据结构
- * @param {Object} data
- * @param {Array[]} maps
- * @example maps: [
- * ['rows.[]', 'recvName', 'userName'] // 默认语法：键名转换（路径，旧名，新名）
- * ]
- * @private
- */
- _remapData(data, maps) {
- // 渡值
- const ferryValue = (source, paths, map) => {
- // 最后一环，传值
- if (paths.length === 0) {
- // 目标已有值，跳过传值不覆盖
- if (typeof source[map[2]] !== 'undefined') {
- return;
- }
- // 来源没有值，赋值空字符串
- if (typeof source[map[1]] === 'undefined') {
- source[map[2]] = '';
- }
- // 来源有值，直接赋值
- else {
- source[map[2]] = source[map[1]];
- }
- delete source[map[1]];
- return;
- }
- // 提取当前环节
- const curPath = paths.shift();
- if (curPath === '[]') {
- source.forEach(item => {
- ferryValue(item, [...paths], map);
- });
- } else {
- ferryValue(source[curPath], [...paths], map);
- }
- };
- for (let map of maps) {
- // 键名转换
- if (map[0].indexOf('.') >= 0) {
- const paths = map[0].split('.');
- ferryValue(data, paths, map);
- } else {
- if (map[0].length > 0) {
- ferryValue(data, [map[0]], map);
- } else {
- ferryValue(data, [], map);
- }
- }
- }
- return data;
}
/**
@@ -351,7 +409,7 @@
* @return {String}
* @private
*/
- _stringToCamel(str) {
+ stringToCamel(str) {
let str2 = '';
if (str.indexOf('_') <= 0) {
str2 = str;
@@ -371,7 +429,7 @@
* @return {String}
* @private
*/
- _stringToUnderline(str) {
+ stringToUnderline(str) {
let str2 = '';
if ((/[A-Z]/).test(str)) {
str2 = str.replace(/([A-Z])/g, ($1) => {
@@ -401,9 +459,9 @@
// 字符串键名进行转换
else {
if (type === 'camel') {
- key = this._stringToCamel(p);
+ key = this.stringToCamel(p);
} else if (type === 'underline') {
- key = this._stringToUnderline(p);
+ key = this.stringToUnderline(p);
}
}
// 属性为对象时，递归转换
@@ -452,7 +510,7 @@
return path;
}
// 绝对路径
- if (/^(\/upload|\/static)/.test(path)) {
+ if (/^(\/upload|\/static|\/mini)/.test(path)) {
return Fetcher.host + path;
}
// 部分路径
@@ -509,7 +567,7 @@
title: msg,
icon: 'none',
mask: true,
- duration: type === 'error' ? 5000 : 3000,
+ duration: type === 'fail' ? 3000 : 2000,
});
}
@@ -520,8 +578,22 @@
static inDevMod = (() => {
// 网页
if (process.env.TARO_ENV === 'h5') {
- // 当没有 url 指定时，只有内网 ip 和 33**/35** 的端口号，视为本地开发模式
- return /^(192|127|localhost).*?:3[35]\d{2}$/i.test(window.location.host);
+ // http协议访问
+ if (window.location.protocol.indexOf('http') > 0) {
+ // 当内网 ip 且使用 33**/35** 的端口号时，视为本地开发模式
+ return /^(192|127|localhost).*?:3[35]\d{2}$/i.test(window.location.host);
+ }
+ // 非http协议访问
+ else {
+ // 开发编译
+ if (process.env.NODE_ENV === 'development') {
+ return true;
+ }
+ // 生产编译
+ else if (process.env.NODE_ENV === 'production') {
+ return false;
+ }
+ }
}
// 小程序
else if (process.env.TARO_ENV === 'weapp') {
@@ -541,30 +613,43 @@
* @type {String}
*/
static host = (() => {
- // 网页
+ // 网页模式
if (process.env.TARO_ENV === 'h5') {
- // 开发
- if (Fetcher.inDevMod) {
+ // 如果网址参数有指定服务器
+ const server = Tools.getUrlParam('server');
+ if (server) {
+ // 如果是完整网址，使用网址对应的域名
+ if (server.indexOf('http') >= 0) {
+ const portal = server.split('//')[0];
+ const domain = server.split('//')[1].split('/')[0];
+ return portal + '//' + domain;
+ }
+ // 如果有匹配服务器，使用指定的服务器地址
+ if (typeof project.host.hosts[server] !== 'undefined') {
+ return project.host.hosts[server];
+ }
+ // 否则使用本地
+ else {
+ return project.host.hosts.lc;
+ }
+ }
+ // 网页域名提取服务器地址
+ else if (window.location.protocol.indexOf('http') >= 0) {
return window.location.protocol + '//' + window.location.host;
}
- // 生产
+ // 既不指定server也不是域名访问，使用设置的服务器地址
else {
- // 如果网址参数有指定服务器类型，匹配指定的服务器地址
- const sever = Tools.getUrlParam('sever');
- if (sever && typeof project.host.hosts[sever] !== 'undefined') {
- return project.host.hosts[sever];
+ // 开发
+ if (Fetcher.inDevMod) {
+ return project.host.hosts[project.host.devType];
}
- // 网页域名提取服务器地址
- else if (window.location.protocol.indexOf('http') >= 0) {
- return window.location.protocol + '//' + window.location.host;
- }
- // 非 http 协议打开时，使用设置的服务器地址
- else if (project.host.server) {
- return project.host.hosts[project.host.severType];
+ // 生产
+ else {
+ return project.host.hosts[project.host.serverType];
}
}
}
- // 小程序
+ // 小程序模式
else if (process.env.TARO_ENV === 'weapp') {
// 开发
if (Fetcher.inDevMod) {
@@ -572,7 +657,7 @@
}
// 生产
else {
- return project.host.hosts[project.host.severType];
+ return project.host.hosts[project.host.serverType];
}
}
})();
--
Gitblit v1.9.1