单页应用(vue angular react等)微信分享带#号链接被截取问题(安卓)

版权声明:原创文章,欢迎转载~ https://blog.csdn.net/Redcricket/article/details/81101898

安卓端微信分享出去公众号指定链接#号后链接参数被截取的问题简单解决:使用中转页

大致思路: 将分享链接拼上自定义参数指向中转页 在中转页截取参数 自动跳转至自己公众号的链接

注意: 需将中转页放到跟公众号服务器文件夹同级目录 使用最原始的html实现

附分享链接:


      var sharelink = sharelink = '项目url/test.html?shopid=1&goodsid=1'
    
      window.wx.onMenuShareTimeline({ // 朋友圈
        title: title, // 分享标题
        link: sharelink, // 分享链接
        imgUrl: imgUrl, // 分享图标
        success: function () {
          Toast({message: '分享成功', duration: 800})
        },
        cancel: function () {
          Toast({message: '您取消了分享', duration: 800})
        }
      })

      window.wx.onMenuShareAppMessage({ // 分享给朋友
        title: title, // 分享标题
        link: sharelink, // 分享链接
        imgUrl: imgUrl, // 分享图标
        success: function () {
          Toast({message: '分享成功', duration: 800})
        },
        cancel: function () {
          Toast({message: '您取消了分享', duration: 800})
        }
      })

附中转页:  

<!DOCTYPE html>
<html lang="en">
<head>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
</head>
<body ng-controller="AppController">
    <script>
        var test1 = window.location.search.split('shopid=')[1].split('&goodsid=')[0]
        var test2 = window.location.search.split('goodsid=')[1].split('&from=')[0]
        window.location.href = '项目url/#/goodsDetail/' + test2 + '/' + test1
    </script>
</body>
</html

 

没有更多推荐了,返回首页