需求:用户会在微信以外的地方点击,链接直接进入小程序的某个页面。现在有一个手机品牌服务小程序,有两大品牌的区分,需求是点击某个短链可以准确进入该品牌的具体页面。
实现:通过生成短链的接口,添加query参数来区分是哪个品牌的短链。
生成短链的接口需要后台根据微信开放文档修饰一下:
参数:就是根据微信 开放文档来配置就可以了
这的参数env_version要注意一下,这个仅在微信外打开有效。
完整代码:
urllink() {
let params = {
path: "pages/index/index", // 页面的url
query: "brand=onePlus", // 短链的入参
env_version: "trial", // 体验版
is_expire: false, // 长期有效
};
this.$api.records.urllink({}, params).then(async (res) => {
console.log(res, "onePlus首页的短链");
});
},
如果想要添加参数,就在query里面添加以key=value的形式,获取的时候就是在小程序APP.vue里面的onshow生命周期里面通过params.query获取
onShow(params) {
// 判断短链进入的品牌
if (params.query.brand) {
console.log("短链进入的品牌", params.query);
this.$store.dispatch("SetCurrentBrand", params.query.brand);
}
},<