受欢迎的博客标签

wechat-微信小程序Asp .Net Core开发实战记录(24)-小程序分享转发

Published

目前我所知道的有两种方式生成小程序分享图片,第一种是前端生成,第二种是后端生成。

有一个叫“分享工具”的小程序,支持将小程序和公众号二维码生成一个H5,利用H5做转发好友分享朋友圈,比一般的保存图片分享实用太多了。点击进入H5,长按图片就可以进入小程序或公众号。这是我看到过目前最简单实用的办法。

1.分享场景

1.1 小程序首页

1.2 产品详细页 多个分享按钮

2.分享设置

1.1 小程序右上角转发按钮

1.2 页面中分享按钮

3.

3.1 

组件:button

https://developers.weixin.qq.com/miniprogram/dev/component/button.html

框架-逻辑层-注册页面-页面事件处理函数:onShareAppMessage

https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html#%E9%A1%B5%E9%9D%A2%E4%BA%8B%E4%BB%B6%E5%A4%84%E7%90%86%E5%87%BD%E6%95%B0

监听用户点击页面内转发按钮(<button> 组件 open-type="share")或右上角菜单“转发”按钮的行为,并自定义转发内容。

3.2 wxml

<view>
    <button open-type='share' id="1">1</button>
    <button open-type='share' id="2">2</button>
</view>

3.3 js

 /**
    * 用户点击右上角分享
    */
  onShareAppMessage: function (res) {
    if (res.from === 'button') {
      // 来自页面内转发按钮
      if (res.target.id == 1) {
        return {
          title: '自定义1111转发标题',
          path: '/page/user?id=123'
        }
      }
      if (res.target.id == 2) {
        return {
          title: '自定义22222转发标题',
          path: '/page/user?id=123'
        }
      }
    } else {
      return {
        title: '自定义转发标题',
        path: '/page/user?id=123'
      }

    }

  }