pp电子

登录
免费开通
产品中心
更多服务

微信小程序转发功效之转发挚友的实现

—— 2020 ——
09/27
00:00

泉源：

作者：未知

阅读：0

栏目：小程序开发

2020/9/27 0:00:00 泉源：不详 作者：未知

微信小程序的转发功效，，包括转发给挚友或者群组，，尚有一种是分享到朋侪圈，，分享到朋侪圈主要是两种要领，，一种是后台直接天生海报图，，一种是前端通过canvas天生海报。。。。。以后有时机再详细说，，好了，，言归正传继续说pp电子转发挚友。。。。。

微信小程序转发功效之转发挚友的实现

首先介绍一个微信小程序的API：onShareAppMessage(options)

在 Page 中界说 onShareAppMessage 函数，，设置该页面的转发信息。。。。。

  • 只有界说了此事务处理函数，，右上角菜单才会显示 “转发” 按钮
  • 用户点击转发按钮的时间会挪用
  • 此事务需要 return 一个 Object，，用于自界说转发内容

 

尚有一个值那就是shareTickets他是转发乐成返回的，，并且是个数组，，每一项是一个 shareTicket ，，对应一个转发工具

API先说到这，，接下来就是转发的实现：

首先要在onLoad中设置wx.showShareMenu

  onLoad: function (e) {
    wx.showShareMenu({
      // 要求小程序返回分享目的信息
      withShareTicket: true
    }); 
  },

然后再设置onShareAppMessage

/* 转发*/
  onShareAppMessage: function (ops) {
    if (ops.from === 'button') {
      // 来自页面内转发按钮
      console.log(ops.target)
    }
    return {
      title: '转发dom',
      path: `pages/index/index`,
      success: function (res) {
        // 转发乐成
        console.log("转发乐成:" + JSON.stringify(res));
        var shareTickets = res.shareTickets;
        // if (shareTickets.length == 0) {
        //   return false;
        // }
        // //可以获取群组信息
        // wx.getShareInfo({
        //   shareTicket: shareTickets[0],
        //   success: function (res) {
        //     console.log(res)
        //   }
        // })
      },
      fail: function (res) {
        // 转发失败
        console.log("转发失败:" + JSON.stringify(res));
      }
    }
  },

我诠释一下wx.getShareInfo这个可以获取到获取转发详细信息

完整js代码就是

//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
    motto: 'Hello World',
  },
  onLoad: function (e) {
    wx.showShareMenu({
      // 要求小程序返回分享目的信息
      withShareTicket: true
    }); 
  },
  /* 转发*/
  onShareAppMessage: function (ops) {
    if (ops.from === 'button') {
      // 来自页面内转发按钮
      console.log(ops.target)
    }
    return {
      title: '转发dom',
      path: `pages/index/index`,
      success: function (res) {
        // 转发乐成
        console.log("转发乐成:" + JSON.stringify(res));
        var shareTickets = res.shareTickets;
        // if (shareTickets.length == 0) {
        //   return false;
        // }
        // //可以获取群组信息
        // wx.getShareInfo({
        //   shareTicket: shareTickets[0],
        //   success: function (res) {
        //     console.log(res)
        //   }
        // })
      },
      fail: function (res) {
        // 转发失败
        console.log("转发失败:" + JSON.stringify(res));
      }
    }
  },
})

智慧的同砚就该知道接下来该是wxml代码

<view class="container">
  <view class="userinfo">
   <button open-type="share">分享挚友</button>
  </view>
  <view class="usermotto">
    <text class="user-motto">{{motto}}</text>
  </view>
</view>

友情提醒一下若是点击按钮分享的话，，button一定要设置open-type="share"否则不起作用。。。。。

 

微信小程序转发功效之转发挚友的实现


【本站声明】
  1、本站文章中所选用的图片及文字泉源于网络以及用户投稿，，由于未联系到知识产权人或未发明有关知识产权的挂号，，若有知识产权人并不肯意我们使用，，若是有侵权请连忙联系。。。。。
  2、本网站差池文章中所涉及的内容真实性、准确性、可靠性认真，，仅系客观性形貌，，如您需要相识该类商品/服务详细的资讯，，请您直接与该类商品/服务的提供者联系。。。。。


KESION pp电子软件

KESION pp电子软件是海内领先的在线教育软件及私域社交电商软件服务提供商，，恒久专注于为企业提供在线教育软件及社交电商SaaS平台解决方案。。。。。
公司焦点产品云开店SaaS社交电商服务平台、在线教育SaaS服务平台、教育企业数字化SaaS云平台、企微营销助手、私有化自力安排品牌网校和在线教育咨询等。。。。。

KESION 一直通过手艺立异，，提供产品和服务，，助力企业向数字化转型，，通过科技驱动商业刷新，，让商业变得更智慧！



▼点击进入pp电子官网相识更多



热门标签
微信小程序 SaaS
上/下篇
换一换相关推荐
精选内容
热门精选
pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站 pp电子·模拟器(试玩游戏)官方网站
【网站地图】
微信小程序转发功效之转发挚友的实现 - KESION pp电