微信小程序带参扫码跳转以及测试方法

前言

        最近在做小程序开发时,遇到的一个比较基础性的问题吧。觉得有记录的必要,第一是加深自己的影响,第二也方便跟我一样遇到这种问题的朋友做一个方法参考。

参数及跳转页面约定

        这里的参数是你与后端沟通好的,约定的要返回的内容。这里因为项目业务需要,后端返回了一个uid和sid。

        用户扫描该码时,会将当前分享者的uid以及当前页面的sid传递出去,当然跳转到哪个页面也是你们提前约定好的。

        举个例子,假如你有一个页面的路径是 '/pages/my/info',你跟后端说,用户扫了这个二维码他就会跳到这个页面,那么你将路由地址( '/pages/my/info')发给即可,让他按照这个路由跳转。

获取参数

        这里我们参考微信小程序官方文档可知,传递的参数要在onload中去获取

 扫码获取参数 这里是官方文档记录的获取参数的方式,以及一些其他的扩展,有兴趣的朋友可以去阅读一下。

我们传递的参数会被存在scene这个变量中,使用decodeURIComponent(query.scene)可以获取到我们需要的参数,打印得到如下字段:

 是一个字符串,很显然这不是我们所需要的内容,所以在这里需要将uid和sid分离出来

const uidIndex = scene.indexOf('?')

找到?所在下标,可以知道uid其实就是从下标4开始,到下标?所在的位置为止的

const uid = scene?.substring(4,uidIndex) || ''

这样就能拿到完整的uid了。

而sid同理,是从'sid='所在的下标往前加4位开始,一直到字符串长度结束

const sidIndex = scene.lastIndexOf('sid=')
this.sid = val.sid || scene?.substring(sidIndex + 4,scene.length) || ''

这样就可以拿到完整的sid了。

猜你喜欢

转载自blog.csdn.net/Chanyto/article/details/131819391
今日推荐