微信小程式實作接口位址統一配置 檔案config

在項目開發中我們常常會進行業務接口對接的操作。經常需要在本地接口位址、測試伺服器接口位址到最後的正式的接口位址間來回更換調試推進項目上線。如果去每個頁面單獨修改，很明顯是不現實的。不僅會大大增加工作量，造成代碼備援而且不便于後續項目維護。那接口位址的抽離友善進行統一配置是必不可少的一環。那微信小程式中如何進行統一配置呢？

1.建立config.js 統一配置檔案

2.config.js檔案中寫如下代碼

/**
作者：xxx
建立時間：xxx
版權： xxxx
描述：接口位址統一配置，本地，測試伺服器，正式伺服器 ，登入位址
 */

var bizlogic = {
  // 是否是本地
  isLocal: true,
  // 是否是正式
  isFormal: false, // isLocal:false 時才有效

  // 本地測試位址 
  localTest: 'http://192.168.161.27:8088/epointwechat/rest/wechatserver/',
  // 本地登入測試位址 
  localTest_login: 'http://192.168.161.27:8088/epointwechat/',

  // 測試伺服器位址 
  serverTest: 'http://121.224.59.80:8099/epointwechat/rest/wechatserver/',
  // 測試伺服器登入位址 
  serverTest_login: 'http://121.224.59.80:8099/epointwechat/',

  // 正式伺服器接口位址
  serverFormal: '',
  // 正式伺服器登入接口
  serverFormal_login: ''
};
var serverUrl = '',
  loginUrl = '';

// 判斷是否是本地
if (bizlogic.isLocal == true) {
  serverUrl = bizlogic.localTest;
  loginUrl = bizlogic.localTest_login;
} else {
  serverUrl = bizlogic.isFormal ? bizlogic.serverFormal : bizlogic.serverTest;
  loginUrl = bizlogic.isFormal ? bizlogic.serverFormal_login : bizlogic.serverTest_login;
};


module.exports = {
  serverUrl: serverUrl,
  loginUrl: loginUrl
};
           

以上是我需要的接口位址的寫法，你可以

3.檔案引入

在app.js中引入config檔案。

const config = require('config.js');
           

// 在app({})定義下變量，供項目其他頁面調用，可全局調用
  serverUrl: config.serverUrl, // 接口位址
  loginUrl: config.loginUrl, // 登入接口位址
           

這樣你在其他js中就可以直接這樣擷取

另外你也可以不寫在app.js檔案中，你可以單獨在你想要用到位址的頁面引入config檔案，再直接調用即可。