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

前言

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

参数及跳转页面约定

        这里的参数是你与后端沟通好的，约定的要返回的内容。这里因为项目业务需要，后端返回了一个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了。