扫描H5二维码进入小程序

ps:在工作中因考虑到访问量比较大,生成二维码次数比较多,小程序码生成有局限性,所以直接是前端生成一个二维码,然后扫描这个二维码直接跳转到小程序;

1.小程序配置:

a.进入小程序后台;<br/>
b.开发管理-->开发设置-->配置扫普通链接二维码打开小程序<br/>    
c.配置域名(就是你H5里面生成二维码的域名),这里需要下载校验文件放入你域名的根目录里面;
d.测试范围配置(如果是体验版或者是开发版,测试链接需要加上参数--**就是跟你生成的二维码一摸一样,否则扫码进不了小程序**);<br/>
复制代码

image.png

2.H5生成二维码

vue 前端绘制带参数的海报

3.小程序获取参数(我是用uni-app制作的小程序,此参数也是在uni-app中获取)

在配置的功能页里面:

onLoad(option){	
    if(option.q){ //option.q是获取的H5生成的二维码的链接;
        let q = decodeURIComponent(option.q); //对这个链接进行解码
        let shareId = this.gup('shareId',q); //this.gup这个方法是获取链接中的参数,
    }
}
methods: {	
    gup(name, url) {
        if (!url) url = location.href;
        name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
        var regexS = "[\\?&]" + name + "=([^&#]*)";
        var regex = new RegExp(regexS);
        var results = regex.exec(url);
        return results == null ? null : results[1];
    }
}
复制代码
分类:
前端
标签: