hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 文章 - 小程序 - 正文 君子好学,自强不息!

微信小程序转发挚友的功用_微信小程序

2020-06-29小程序ki4网10°c
A+ A-
本日简朴地说下微信小程序的转发功用,为何要简朴的说下呢,由于主要讲的就是转发给挚友或许群组,另有一种是分享到朋友圈,这类就比较复杂一点了,先轻微透漏一点,分享到朋友圈主假如两种要领,一种是背景直接生成海报图,一种是前端经由过程canvas生成海报。今后有时机再细致说,好了,言归正传继承说我们的转发挚友。

起首引见一个微信小程序的API:onShareAppMessage(options)

在 Page 中定义 onShareAppMessage 函数,设置该页面的转发信息。

  • 只要定义了此事宜处置惩罚函数,右上角菜单才会显现 “转发” 按钮

  • 用户点击转发按钮的时刻会挪用

  • 此事宜须要 return 一个 Object,用于自定义转发内容

options 参数申明

参数 范例 申明 最低版本
from String 转发事宜泉源。button:页面内转发按钮;menu:右上角转发菜单 1.2.4
target Object 假如 from 值是 button,则 target 是触发此次转发事宜的 button,不然为 undefined 1.2.4

自定义转发字段

字段 申明 默许值 最低版本
title 转发标题 当前小程序称号
path 转发途径 当前页面 path ,必需是以 / 开头的完全途径
imageUrl 自定义图片途径,可所以当地文件途径、代码包文件途径或许收集图片途径,支撑PNG及JPG,不传入 imageUrl 则运用默许截图。显现图片长宽比是 5:4
1.5.0
success 转发胜利的回调函数
1.1.0
fail 转发失利的回调函数
1.1.0
complete 转发完毕的回调函数(转发胜利、失利都邑实行
1.1.0

另有一个值那就是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"不然不起作用。

假如以为文章还不错并对你有协助的话,请分享给你的小伙伴,并点赞,有什么不晓得能够在底下留言哦。

引荐教程:《微信小程序》

以上就是微信小程序转发挚友的功用的细致内容,更多请关注ki4网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
微信小程序转发挚友的功用_微信小程序

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>