微信小程序如何生成某个页面短链

本文介绍如何在微信小程序中生成指定页面的短链,通过添加query参数区分品牌。详细讨论了生成短链接口的参数配置,特别强调了`env_version`参数的注意事项。在处理品牌参数时,利用onShow生命周期避免缓存问题,通过Vuex和uni.setStorageSync结合实现全局品牌标识的存储和切换,并探讨了在不同场景下监听和获取品牌参数的方法,包括使用Vue.mixin和Vue.observable()进行响应式存储。
摘要由CSDN通过智能技术生成

需求:用户会在微信以外的地方点击,链接直接进入小程序的某个页面。现在有一个手机品牌服务小程序,有两大品牌的区分,需求是点击某个短链可以准确进入该品牌的具体页面。

实现:通过生成短链的接口,添加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);
        }
    },<
  • 1
    点赞
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值