小程序 接口请求文件集中化处理

我们在页面有需要和后台交互的接口,基本都是前面域名相同,只有后面字段不同或者参数不同。若少量,很快完成,若大量地址或者一些特定的链接,而且要开发,测试,生产来回切换。就比较超级麻烦。  

即上所述,我们可以写活。定义三个变量, DEV (开发环境域名 -开发人员使用)  SIT (测试域名- 测试人员使用) PRO (生产域名 -线上使用)

 1 // 开发 DEV 测试 SIT 生产 PRO
 2 const isDev = ‘SIT‘;
 3 const ifNoOnline = false; // 部分功能是否上线(默认  true  :上线) false
 4 let host = ‘‘
 5 let wwwNoCar = ‘‘; // no车
 6 let wwwCar = ‘‘; // 宝马车险
 7 let IMLink = ‘‘; // 跳转IM
 8 let wwwGWAuth = ‘‘; // 官微(auth)
20 switch (isDev) {
21   case ‘SIT‘:
22     host = ‘https://host.cpic.com.cn/thc-app‘;
23     wwwNoCar = ‘https://wwwnocardsit.ecpic.com.cn‘;
24     wwwCar = ‘https://wwwcarmcdsit.cpic.com.cn‘;
25     IMLink = ‘https://webucstar.cpic.com.cn/webstat/xcxthcmobilewebcall/mbinterface.jsp‘;
26     wwwGWAuth = ‘https://open.weixin.qq.com‘;  
break; 40 case ‘PRO‘: 41 host = ‘https://hostpro.cpic.com.cn/thc-app‘; 42 wwwNoCar = ‘https://wwwnocar.ecpic.com.cn‘; 43 wwwCar = ‘https://wwwcarecpic.com.cn‘;
45 IMLink = ‘https://imlink.cpic.com.cn/webstat/xcxthcmobilewebcall/mbinterface.jsp‘; //生产地址
wwwGWAuth = ‘https://open.weixin.qq.com‘;
break;
}

1  在api,js中 定义常量 isDev ,四个其余局部变量 ,一个switch 开关,根据我们 定量常量来取不同的值。两种情况,测试,生产。也可加个开发,

const config = {
  isDev,
  dianxin,
  wwwGW,
  wwwGWAuth,
  host,
  wwwCar,
  wwwNoCar,
  IMLink,
  ifNoOnline,
  coupon,
  // 接口地址
  // 7.1	小程序登录
  userLogin: `${host}/thcUser/userLogin`,
  // 7.2	用户注册接口
  userRegister: `${host}/thcUser/registUser`
};

2,定义个常量对象,把上述变量放入其中,接口地址,通过变量host, ${host},(es6写法),来回切换。  

module.exports = config

3, 通过exports 暴露出来,给外部适用。

import api from ‘../../api.js‘;

let dev = api.isDev == ‘PRO‘ ? ‘release‘ : ‘trial‘;

let wwwCar =  api.wwwCar;

let url = api.userLogin,

4, 即外部js文件,通过import 导入,并引入在api,即通过api 来找寻对应模块。  

 

这样,我们就可以方便的更改。可以把大把时间用在享受生活上。比较编程只是为了更好的生活。

 

小程序 接口请求文件集中化处理

上一篇:工具类 ListUtil 的常用方法


下一篇:小程序ajax共公请求部分