uniapp：配置动态接口域名，根据图片访问速度，选择最快的接口

common.js

// 动态测速选择的域名
// h5直接返回默认第一个域名
// vue文件用到域名的话用this.$baseURL
let domains = [
	{uri:'192.168.31.215:9523', speed:0},
	{uri:'api.ceshi.org', speed:0},
]

export const protocol = {
	api: 'http://',//本地
	// api: 'https://api.',//正式
	h5Url: 'https://www.',//正式
	downAPPUrl: 'https://download.'//正式
}

export async function getDomain(){
	const result = new Promise((resolve, reject)=>{
		testSpeed().then(res=>{
			resolve(res)
		}).catch(()=>{
			resolve(domains[0].uri)
		})
	})
	return result
}



// 得出最快的域名
// speedTest.jpg 需要提前放到服务器上，根据图片的访问速度来选择请求的接口
function testSpeed(){
	return new Promise((resolve, reject)=>{
		let array = []
		domains.forEach((item, index) => {
			array.push(getSpeedWithAjax(`${protocol.api}${item.uri}/images/speedTest.jpg`))
		})
		Promise.all(array).then(res=>{
			console.log(res);
			domains.forEach((e,i)=>{
				e.speed = res[i]
			})
			let arr = sort_uris(domains)
			resolve(arr[0].uri)
		}).catch((err)=>{
			console.log(err);
			reject()
		})
	})
	
}
// 测速后排序数组
function sort_uris(array) {
	let compare = function(obj1, obj2) {
		var val1 = obj1.speed;
		var val2 = obj2.speed;
		if (val1 < val2) {
			return -1;
		} else if (val1 > val2) {
			return 1;
		} else {
			return 0;
		}
	}
	return array.filter((num) => {
		return num.speed > 0;
	}).sort(compare)
}

function getSpeedWithAjax(url){
	return new Promise((resolve, reject) => {
	    let start = null;
	    let end = null;
	    start = new Date().getTime();
		
	    const xhr = uni.request({
			url,
			timeout:2000,
			success: () => {
				end = new Date().getTime();
				resolve(end - start)
			},
			fail: () => {
				resolve(0)
			}
		});
	})
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87

main.js

import { getDomain, protocol } from '@/utils/common.js' //公共方法
getDomain().then(domain=>{
	console.log(domain);
	// H5地址
	let h5Url = `${protocol.h5Url}${domain}`
	// APP下载地址
	let downAPPUrl = `${protocol.downAPPUrl}${domain}`
	// 接口
	let baseUrl = `${protocol.api}${domain}`
	uni.$emit('urlChange',{
		baseUrl
	})
	Object.assign(Vue.prototype, {
		'$downAPPUrl':downAPPUrl,
		'$h5Url':h5Url,
		'$imgUrl':baseUrl,
	})
	const app = new Vue({
		...App,
		i18n
	})
	app.$mount()
})
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

request.js

let baseURL;
uni.$on('urlChange',data=>{
	baseURL = data.baseUrl
})
// 这个baseURL  就是根据图片访问速度 动态获取到的接口url
console.log(baseURL)
1
2
3
4
5
6