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

最新推荐文章于 2024-05-30 22:10:52 发布

佛佛ง

最新推荐文章于 2024-05-30 22:10:52 发布

阅读量2.3k

点赞数

分类专栏： JS uniapp 文章标签： uni-app

本文链接：https://blog.csdn.net/LzzMandy/article/details/126770929

版权

JS 同时被 2 个专栏收录

45 篇文章 1 订阅

订阅专栏

uniapp

43 篇文章 3 订阅

订阅专栏

一、场景描述：
我们使用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;
    }	  
}