收藏
回答

taro小程序分享好友,怎么带参数?

翻了好多地方……没翻到怎么弄,onShareAppMessage,updateShareMenu,showShareMenu都跑了一圈,无效,求指教,taro是3版本的

回答关注问题邀请回答
收藏

3 个回答

  • |
    2020-11-18

    首先分享好友有两个入口

    1:通过小程序右上角的分享直接分享,此步骤最简单,最方便我是使用的taro写的直接在你要分享的页面加

    onShareAppMessage

    函数就可以了,当然里面还有一些参数,具体写法是

    onShareAppMessage() {

        var uid = Taro.getStorageSync('xuebaid');

        return {

          title: '让学霸陪伴你左右', //分享的标题头

          path: 'pages/index/index?scene=' + uid, // 分享的url(这个你就要注意了,因为这个url关系到被分享者点开所调的页面,分享那个页面就写那个页面的url,如果需要参数后面直接跟就可以了

          imageUrl: "https://www.standyedu.com/wx/image/1/", // 这个就是分享body部分的图片,还有个字段是显示文字的,我就不写了,小程序api里有具体的介绍

        }

      }

    到这里,最简单的分享就做好了,

    小程序官方api介绍:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/share.html#%E9%A1%B5%E9%9D%A2%E5%86%85%E5%8F%91%E8%B5%B7%E8%BD%AC%E5%8F%91

    taro文档介绍:https://taro-docs.jd.com/taro/docs/react/#onshareappmessageobject

    2:通过分享小程序码,被分享者通过扫描进入

    这个就有点麻烦了,必须通过后端去实现,具体为啥看这篇文章:https://blog.csdn.net/Aaronxiaobo/article/details/103681816

    以免走不必要的坑,我已经走过了,前端无法去实现,也不是说无法,可以是可以,但是上线就不行了。

    2.1:接下来看步骤

    2.1.1:先看官方api:https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/qr-code/wxacode.getUnlimited.html

    A:通过access_token去换取小程序码

    B:如何获取access_token?官方api:https://developers.weixin.qq.com/miniprogram/dev/api-backend/open-api/access-token/auth.getAccessToken.html

    A和B这一步一定要让后端去实现

    看完以后是不是大概了解了,接下来上代码

    Taro.request({ // 这个是请求就不说了

          url: `${baseUrl}/wx/access_token/`, //这个是后端写好的api集成了AB两个步骤(后端在写AB过程中,需要小程序的appid和secret,这个我们在小程序后天就能看到

          data: {

            scene: Taro.getStorageSync('xuebaid'),  // 二维码连接参数

          },

          method: 'POST',

          responseType: 'arraybuffer', // 要求返回图片的格式

          header: {

            'Content-Type': 'application/json',

          },

        }).then(res => {

          let { rpx } = this.state


          let img = 'data:image/jpeg;base64,' + Taro.arrayBufferToBase64(res.data)  // 先拼接 bash64

    后面的我没粘,这个一定要自己理解自己敲,我写的代码很烂,请不要喷。希望我的回答能帮助你

    还有就是,一定多看官方api,有可能版本不一样就会导致运行结果不一样

    2020-11-18
    有用 2
    回复
  • EricYangXD
    EricYangXD
    2021-09-13

    Taro新的文档地址 https://taro-docs.jd.com/taro/docs/react-page#onshareappmessage-object

    2021-09-13
    有用
    回复
  • 江峰
    江峰
    2021-04-12

    您好,请问一下,有taro分享页面后,第一次打开分享页面正常,第二次打开分享页面,页面空白的问题吗

    2021-04-12
    有用
    回复 1
    • 让让
      让让
      2021-07-07
      请问解决了吗,我是第一次打开正常。第二次就会跳到首页
      2021-07-07
      1
      回复
登录 后发表内容
问题标签