小程序页面分享(程序页面分享或者按钮分享)

一、利用小程序右上角自带的分享

1、只需要一句js代码即可

//点击小程序右上角即可转发分享本页面
  onShareAppMessage: function() {
  }

分享按钮:在这里插入图片描述
分享的效果:
在这里插入图片描述

二、自己写一个自定义按钮:

1、自定义一般利用button按钮来实现的,官方文档给的解决方案是button里面添加一个open-type=‘share在这里插入图片描述
’wxml

<button open-type='share'>
	//button按钮形状
	<image scr='url'></image>
</button>

js

//点击小程序右上角即可转发分享本页面
  onShareAppMessage: function() {
  }

2、自定义分享内容的 js

//点击小程序右上角即可转发分享本页面
  onShareAppMessage: function(res) {
  if (res.from === 'button') {
      // 来自页面内转发按钮
      console.log(res.target)
    }
    return {
      title: '转发23456',
      path: 'pages/index/index',
      imageUrl: '',
      success: function (shareTickets) {
        console.info(shareTickets + '成功');
        // 转发成功
      },
      fail: function (res) {
        console.log(res + '失败');
        // 转发失败
      },
      complete: function (res) {
        // 不管成功失败都会执行
      }
    }
  }

在这里插入图片描述

三、分享到朋友圈

1、分享到朋友圈,只需要添加这句话即可

  // onShareTimeline(){
  var self = this;
    var shareObj = {
      title: 'xxxxx',
      imageUrl: "https://xxxxx/aaaa.png",
    };
    return shareObj;
  },
  • 4
    点赞
  • 13
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值