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

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

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

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

onLoad() {
    this.getMobile()
}
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;
    }	  
}
		

猜你喜欢

转载自blog.csdn.net/LzzMandy/article/details/126770929
今日推荐