uni-app小程序快速上手分享攻略，传播更轻松

2023-09-09 07:36:32

利用 uni-app 的强大分享功能提升您的小程序营销

简介

在当今互联网时代，小程序已成为一种不可或缺的营销工具，它能有效地帮助企业和个人打造品牌，拓展影响力。其中，分享功能是小程序的一大关键，它能让用户轻松地向好友和社交网络分享小程序，实现病毒式传播和扩散。

uni-app 的分享功能

uni-app 是一款跨平台小程序开发框架，它为开发者提供了强大的分享功能支持，简化了为小程序添加分享功能的过程。uni-app 的分享功能不仅支持分享小程序链接，还可以分享小程序中的特定页面，并提供了丰富的分享配置选项，让开发者能根据需求进行灵活配置。

实现 uni-app 小程序分享功能的三步教程

1. 配置 manifest.json 文件

首先，在 manifest.json 文件中配置分享相关信息，包括分享标题、图片等。

{
  "pages": [],
  "window": {
    "navigationBarTitleText": "我的小程序",
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTextStyle": "black"
  },
  "tabBar": {},
  "subPackages": [],
  "networkTimeout": {
    "request": 60000,
    "downloadFile": 60000
  },
  "permission": {
    "scope.userLocation": false,
    "scope.werun": false
  },
  "navigateToMiniProgramAppIdList": ["your_app_id"],
  "shareMenu": {
    "withShareTicket": true,
    "disable": false
  }
}

2. 调用 uni.navigateToMiniProgram() 方法打开分享页面

在需要触发分享的页面中，使用 uni.navigateToMiniProgram() 方法打开分享页面。

uni.navigateToMiniProgram({
  appId: 'your_app_id',
  path: '/pages/index/index',
  extraData: {
    foo: 'bar'
  },
  success: (res) => {
    console.log('分享成功')
  },
  fail: (err) => {
    console.log('分享失败')
  }
})

3. 获取被分享时携带的额外数据

在被分享的小程序中，可以通过 wx.getLaunchOptionsSync() 获取到分享时携带的额外数据。

const options = wx.getLaunchOptionsSync()
if (options.referrerInfo) {
  console.log('被分享的小程序的appId：', options.referrerInfo.appId)
  console.log('被分享的小程序的path：', options.referrerInfo.path)
  console.log('被分享时携带的额外数据：', options.referrerInfo.extraData)
}

结论

通过这三个步骤，您可以轻松地将分享功能集成到 uni-app 小程序中，让您的小程序快速传播和扩散，助力营销和推广。

常见问题解答