微信小程序分享到朋友圈带参数

2021-12-06  本文已影响0人  喜欢桉树叶

微信转发朋友圈功能,目前处于测试阶段,先放个官方文档地址
官方文档地址
先上代码,这是本人实测可以使用的。ps:这个算是特别版的,因为我的项目是vue编译后的代码,用正常的写法不起效,最终测试了这个可行。

onLoad: function(t) {
         console.log('option', t)
         wx.showShareMenu({
            withShareTicket: true,
            menus: ["shareAppMessage", "shareTimeline"]
        }), this.isLogin && this.$store.dispatch("user/info")
},
onShareAppMessage: function() {
      var user_id = this.$store.state.user.info.options.user_id;
      return this.$shareAppMessage({
            title: this.card.name,
            path: "/plugins/vip_card/index/index?user_id=" + user_id ,
      })
},
onShareTimeline: function() {
      let user_id = this.$store.state.user.info.options.user_id;
      let data = {
            query: 'user_id='+user_id+'&scene=1155'
      }
      return data
},
20210702190049434.png

网上也查询了很多资料,也遇到很多问题。
1,自定义的标题和参数不起作用。
本人使用的是HbuilderX,项目也是有些老旧,在配置文件中,没有配置onShareTimeline选项,所以自定义标题不生效。可以在项目中全局搜索onShareAppMessage,这是分享到朋友,一般都会配置。


2021070219235894.png 20210702192436450.png

2,开发者工具调试

20210702195105444.png

在编译里面,自定义编译条件。我自己是使用真机调试,然后在手机上找到分享页面,分享到朋友圈。退出真机调试,点击朋友圈分享的链接,打开手机的调试,可以在onload位置看打印出来的数据

20210702195612109.png
上一篇 下一篇

猜你喜欢

热点阅读