(Галантерейные товары) Апплет WeChat для переадресации друзей

внешний интерфейс GitHub JavaScript Апплет WeChat

Сегодня я кратко расскажу о функции пересылки мини-программ WeChat. Чтобы немного раскрыть, есть два основных способа поделиться с кругом друзей. для создания плакатов через холст в интерфейсе. У меня будет возможность подробно рассказать об этом в будущем.Ну что же, приступим к делу и продолжим разговор о наших друзьях-экспедиторах.

Сначала представим API апплета WeChat: onShareAppMessage(options)

Определите функцию onShareAppMessage в Page, чтобы установить информацию о пересылке страницы.

  • Только если этот обработчик событий определен, в правом верхнем меню будет отображаться кнопка «Вперед».
  • Вызывается, когда пользователь нажимает кнопку вперед
  • Это событие должно возвращать объект для пользовательского содержимого пересылки.

описание параметров опций

параметр Типы иллюстрировать Минимальная версия
from String Переслать источник события. кнопка: кнопка вперед на странице меню: меню вперед в правом верхнем углу 1.2.4
target Object Если значением from является кнопка, целью является кнопка, которая инициировала это событие пересылки, в противном случае не определено. 1.2.4

Пользовательские поля переадресации

поле иллюстрировать По умолчанию Минимальная версия
title ретвитнуть заголовок Текущее имя апплета
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, а потом реализация форвардинга

Сначала посмотрите на картинку:

Сначала настройте wx.showShareMenu в onLoad.

  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 code

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

Дружеское напоминание: если вы нажмете кнопку, чтобы поделиться, для кнопки должно быть установлено значение open-type="share", иначе она не будет работать.

Если вы считаете, что статья хорошая и полезная для вас, поделитесь ею с друзьями и поставьте лайк.Если вы ничего не понимаете, вы можете оставить сообщение ниже.
Если вы хотите увидеть исходный код, вы можете перейти на мой github, чтобы скачать, добро пожаловать, звездочка, github:GitHub.com/Mr-M_BO/Я…


Категории