微信小程序实现接口地址统一配置文件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文件，再直接调用即可。

微信小程序实现接口地址统一配置文件config相关推荐

微信小程序服务器地址统一配置,微信小程序实现接口地址统一配置文件config...
在项目开发中我们常常会进行业务接口对接的操作.经常需要在本地接口地址.测试服务器接口地址到最后的正式的接口地址间来回更换调试推进项目上线.如果去每个页面单独修改,很明显是不现实的.不仅会大大增加工作量 ...
wamp3.0.6配置https + Nginx转发 + 满足微信小程序的接口调用域名
环境:winserver2012 R2 wamp环境安卓无法发起请求https://www.jianshu.com/p/61695bfae5f7?utm_campaign 一. wamp3.0.6 ...
微信小程序开放接口（用户登录，用户地址）
微信小程序开放接口 1.获取用户信息 1.1 wx.getUserProfile() 1.2事件绑定 <view>用户名:{{name}}</view> <image s ...
java微信小程序接口openid过期_Java微信小程序登录接口获取openid
根据官方文档,wx.login()的回调函数中,需要我们传递生成的用户登录凭证到code2accessToken的接口中小程序登录方法 code2accessToken的方法中要求传入如下参数 co ...
微信小程序开发消息推送配置教程
微信小程序开发消息推送配置教程微信小程序开发消息推送配置这一块网上都是PHP居多,由于用egg.js写了一套验证方法. 第一步:填写服务器配置登录微信小程序官网后,在小程序官网的"设置- ...
微信小程序获取头像地址
微信小程序获取头像地址获取用户信息开发接口 wx.getUserInfo 接口参数说明: 微信文档地址: 获取用户信息开发接口 wx.getUserInfo 下面展示一些内联代码片. // 必须是 ...
php与ipa接口登录验证失败,thinkPHP5.0开发微信小程序登录接口signature验证失败
我用TP5开发微信小程序登录接口的时候,在校验签名signature那遇到了个坑,一直校验失败,找了很久才发现原因是:tp的input方法会自动转移html字符,比如'"'转成了 & ...
微信小程序api接口调用用封装
微信小程序api接口调用用封装 1. 在 02-项目下新建request目录及index.js文件 1.1 02-项目\request\index.js 1.2.index.js // 同时发送异步 ...
封装微信小程序api请求地址
封装微信小程序api请求地址 const API_BASE_URL = 'http://localhost:8080/test/api/'; module.exports = {IndexUrlNew ...

微信小程序实现接口地址统一配置文件config

1.新建config.js 统一配置文件

2.config.js文件中写如下代码

3.文件引入

微信小程序实现接口地址统一配置文件config相关推荐

最新文章

热门文章

微信小程序实现接口地址统一配置 文件config

1.新建config.js 统一配置文件

2.config.js文件中写如下代码

3.文件引入

微信小程序实现接口地址统一配置 文件config相关推荐

最新文章

热门文章

微信小程序实现接口地址统一配置文件config

微信小程序实现接口地址统一配置文件config相关推荐