胶襄菜单栏分享小程序,必须点一下 button 共享聊天内容

序言

在小程序定制开发的过程当中，必须涉及到共享分享作用的研发，因而进行统计。

在其中，开发设计流程主要分配备和开启。

配备

默认设置前提下，微信小程序是禁止使用共享这一操控的，必须手动式配备打开。

配备有以下三种方法，可随意选择一种：

• app.json 已不能使用
• wx.showShareMenu
• 生命周期函数

app.js

全局性统一默认配置。

// app.json
{
  "window": {
    "defaultShareAppMessage": {
      "title": "感谢来到我的小程序", // 特定分享标题
      "path": "/pages/index/index", // 特定共享详细地址
      "imageUrl": "https://example.com/images/logo.png" // 特定共享封面照片
    }
  }
}

wx.showShareMenu

wx.showShareMenu(Object object)

功能描述 表明当前页的分享按键

常见问题

• "shareAppMessage"表明“发送给朋友”按键，"shareTimeline"表明“分享朋友圈”按键
• 表明“分享朋友圈”按键时必须同时表明“发送给朋友”按键，表明“发送给朋友”按键的时候容许无法显示“分享朋友圈”按键

实例编码

// 需分享分享页面.js
Page({
  onLoad() {
    wx.showShareMenu({
      withShareTicket: true,
      menus: ["shareAppMessage", "shareTimeline"],
    });
  },
});

生命周期函数

• onShareAppMessage - 打开朋友分享
• onShareTimeline - 打开朋友圈分享

// 需分享分享页面.js
Page({
  // 打开朋友分享
  onShareAppMessage() {
    return {
      title: "感谢来到我的小程序",
      path: "/pages/index/index",
      imageUrl: "https://example.com/images/logo.png",
    };
  },

  // 打开朋友圈分享
  onShareTimeline() {
    return {
      title: "感谢来到我的小程序",
      path: "/pages/index/index",
      imageUrl: "https://example.com/images/logo.png",
    };
  },
});

比照

开启

进行前面的随意一配备以后，就能根据 右上方胶襄菜单栏分享按钮 或 button open-type="share" 的形式，开展分享或共享去操作。

分辨

很多时候必须针对不同的触发机制进行划分解决。

场景模拟：在一个聊天场景下，必须点一下胶襄菜单栏分享小程序，必须点一下 button 共享聊天内容。

Page({
  onShareAppMessage(event) {
    const { from } = event; // 分享事情由来
    // 分享事情由来。
    // button：界面内分享按键；
    // menu：右上方分享菜单栏
    if (from === "button") {
      // button
    } else if (from === "menu") {
      // 胶襄菜单栏
    }
  },
});

主要参数解决

这节关键纪录分享共享时，必须传递参数应当怎样处理。实例将均采用 index 网页页面演试。

// index.js
Page({
  data: {
    userId: "98751568-d827-4ff9-931b-fc4527a572cb",
  },

  onLoad(options) {
    if (options.userId) {
      // 接受到分享达人id
      console.log(options.userId)
    }
  },

  onShareAppMessage() {
    // 打开朋友分享
    const { userId } = this.data;

    return {
      title: "感谢来到我的小程序",
      path: `/pages/index/index?userId=${userId}`,
      imageUrl: "https://example.com/images/logo.png",
    };
  },

  onShareTimeline() {
    // 打开朋友圈分享，同样
  },
});