返回

小程序全局分享onShareAppMessage(亲测有效)

前端

前言

小程序分享是小程序的重要功能之一,它可以让用户将小程序分享给好友或群聊,从而带来新的用户流量。小程序分享的配置可以通过 onShareAppMessage 方法来实现。

onShareAppMessage 方法可以为每个页面单独配置分享内容,但如果我们想为小程序的所有页面设置统一的分享配置,就需要使用小程序全局分享。

小程序全局分享可以通过 app.js 文件中的 onAppRoute 方法来实现。onAppRoute 方法会在小程序页面路由发生变化时触发,我们可以利用这一点来为当前页面重新写入一个 onShareAppMessage 分享配置。

实现步骤

  1. app.js 文件中,定义一个方法 setShareConfig,用于为当前页面设置分享配置。
function setShareConfig(path, title, imageUrl) {
  return {
    title: title,
    imageUrl: imageUrl,
    path: path,
  };
}
  1. app.js 文件的 onAppRoute 方法中,调用 setShareConfig 方法为当前页面设置分享配置。
onAppRoute: function(res) {
  const { path } = res;
  let title = '默认标题';
  let imageUrl = '默认图片地址';
  if (path === '/pages/index/index') {
    title = '首页标题';
    imageUrl = '首页图片地址';
  } else if (path === '/pages/detail/detail') {
    title = '详情页标题';
    imageUrl = '详情页图片地址';
  }
  this.setShareConfig(path, title, imageUrl);
}
  1. 在每个页面的 onShareAppMessage 方法中,直接返回 app.setShareConfig 方法返回的结果即可。
onShareAppMessage: function() {
  return app.setShareConfig(this.route, this.data.title, this.data.imageUrl);
}

效果演示

通过以上步骤,我们就可以为小程序的所有页面设置统一的分享配置了。当用户分享小程序时,分享的内容将根据当前页面的路由来动态生成。

结语

小程序全局分享onShareAppMessage是一个非常实用的功能,它可以帮助我们轻松地为小程序的所有页面设置统一的分享配置,从而提高小程序的分享率和传播范围。