uniapp开发的H5网页，嵌入第三方H5，获取用户信息的方式

174 阅读 0 评论 115 点赞

我是靠谱客的博主辛勤小虾米，这篇文章主要介绍uniapp开发的H5网页，嵌入第三方H5，获取用户信息的方式，现在分享给大家，希望可以做个参考。

一、场景描述：
我们使用uniapp 开发H5网页，嵌入第三方的聚合页（也是个H5），当用户在聚合页点击我们的图标后，进入我们的H5，这时候需要从第三方获取到用户信息mobile

二、技术实现：
1、从聚合页进入我们的H5时，聚合页会在我们提供的H5地址后拼接用户信息参数

2、使用 window.location.href获取链接，取得mobile参数

复制代码

1
2
3
onLoad() {
    this.getMobile()
}

复制代码

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
methods: {
    getMobile() {
        let res = {
	        mobile: this.getMobileFromThird();
            this.checkUser(res);//校验用户信息
        }
    },
    // 第三方获取用户数据
	getMobileFromThird(){
        let href = window.location.href;
        href = href.substring(href.indexOf("?") + 1);//也可能是 "&"
        return this.GetQueryValue(href,'mobile')
    },
    // 获取url参数值
	GetQueryValue: function(href,queryName) {
	    var vars = href.split("&");
		for (var i = 0; i < vars.length; i++) {
            var pair = vars[i].split("=");
			if (pair[0] == queryName) { 
                return pair[1]; 
            }
        }
        return null;
    }	  
}