微信小程序封装分享与分销功能过程解析

  • 时间:
  • 浏览:16

媒介

正在微疑小法式中,能够很简朴的分享1个页里,比微疑H5简朴多了,但是,分享进来的页里(也叫卡片),翻开后只是1个零丁的页里,出有底部导航栏,面击前往按钮的时分便间接加入小法式了。若是需求来到尾页,借必需面击顶部胶囊的“回到尾页”,但是该功用很少人晓得。

为领会决那个成绩,有两种处理计划。

第1种:正在分享的页里正在增加隐眼的“尾页”悬浮按钮,面击按钮跳转到尾页。这类办法,好简单了解,但是万1页里多,需求开辟很多如许的悬浮按钮,并且面击前往照旧是加入小法式。

第2种:分享的时分没有是分享本页里,而是分享尾页的链接,不外正在链接上带上本页里的参数,翻开卡片号进进尾页,起首判定参数,契合请求的间接跳转到目的页里。那个的益处是没有需求修正ui结果,只需求正在分享接心上做些处置,并且借撑持前往尾页;缺陷是会从尾页1闪到目的页里。

同时,若是小法式触及到分享功用的,需求记载我是谁约请出去的,那末便需求正在分享参数中减上本身的分享id,综开斟酌后第2种体例更适合。

第1步:创立分享设置装备摆设文件pageshare.js

该文件的模块包括5个属性,别离是config数组(页里途径战页里id数组)、find办法(经由过程id查找页里途径的办法)、build(创立分享参数的办法,如前往页里id、分享id、文章id等)、baseshare(根底分享办法,前往微疑分享所需的工具)

module.exports = {
config: [{
pageId: 1,
pageUrl: "/pages/home/home",
isTab: true,
isHome: true
}],
/**
查找响应的页里
@pageId 页里id
*/
find: function(pageId) {
let result = this.config[0];
this.config.forEach(item => {
 if (item.pageId.toString() === pageId.toString()) {
  result = item;
 }
});
return result;
},
/**
创立分享参数
@obj 分享键值对
[默许内置salesmanId或shareId]
*/
build: function(obj) {
if (!(obj instanceof Object)) {
 obj = {};
}
let userInfo = getApp().globalData.userInfo;
if (userInfo.is_salesman) {
 obj.salesmanId = userInfo.salesman_info.id;
} else {
 obj.shareId = userInfo.id;
}
let params = [];
for (let name in obj) {
 params.push(name + "=" + obj[name]);
}
return params.join("&");
},
/**
根底分享
@title 题目
@params url参数
@imageUrl 图片[默许截图]
*/
baseshare: function({
title,
params,
imageUrl
}) {
return {
 title: title,
 path: "/pages/home/home?" + this.build(params),
 imageUrl: imageUrl || ""
}
}
}

PS:config取小法式的页里逐一对应,需求脚动设置装备摆设。

第2步:引进pageshare.js文件

const Pageshare = require("../../../utils/pageshare");//正在需求做分享的页里引进该文件

第3步:设置装备摆设分享疑息

正在需求做分享的页里中修正分享疑息

onShareAppMessage: function() {
return Pageshare.baseshare({
 title: this.data.course.title, //题目
 params: {
  pageId: 12,          //页里id
  source: "微疑小法式课程分享", //自界说参数
  id: this.data.course.id        //自界说参数
 }
});
}

pageshare底层默许增加了分享人等根本参数,以是那里没有需求增加

第4步:App.js获得页里参数(面击卡片翻开时)

正在用户B面击用户A分享的链接时,app.js触收以下代码

到那里完成了分享人疑息的绑定。

第5步:home页里获得到要求参数,停止2次跳转

从分享设置装备摆设中能够晓得,分享的途径是尾页,然后带上自界说参数战分享参数

那末用户B翻开用户A收的链接时,会翻开home页里,以是我们正在home中做参数判定,以下:

shareRedirect: function(share) {
if (share.pageId != null) {
 let sharePage = Pageshare.find(share.pageId);
 let params = [];
 for (let name in share) {
  if (name !== "pageId") {
   params.push(name + "=" + share[name]);
  }
 }
 if (sharePage.isTab && !sharePage.isHome) {
  wx.switchTab({
   url: sharePage.pageUrl + "?" + params.join("&")
  });
 } else {
  wx.navigateTo({
   url: sharePage.pageUrl + "?" + params.join("&")
  });
 }
}
}

以上便是本文的全数内容,期望对各人的进修有所帮忙,也期望各人多多撑持剧本之家。