标签：程序实现 微信 onShareAppMessage 带参 参数 details 分享 options 页面

公司小程序开发已经接近尾声，功能已在测试，现在有个需求，就是小程序分享功能，并在消息卡片打开后数据依然显示。

1 小程序分享

小程序分享功能实现有两种方法

1. onShareAppMessage方法

这种方法用户需要点击页面右上角三个点，下方弹出中选择发送给朋友

代码配置在页面js中

onShareAppMessage: function () {
    return {
      title: this.data.details.title,
      path: 'pages/details/details?jobInfoId=' + this.data.details.jobInfoId,
    };
  },

path后面的就是传递的参数，参数与路径之间使用 ? 分隔，参数键与参数值用 = 相连，不同参数用 & 分隔；如 'path?key=value&key2=value2'

2. button标签

这种方式好处是，在页面上任意地方都可以增加分享，不需要用户点击上方三个点

<button plain open-type="share">
  <image src="../../images/share.png"></image>
  <text>我要分享</text>
</button>

页面增加一个按钮，按钮样式自定义，用户点击按钮后触发 Page.onShareAppMessage 事件。就是上面第一种方法，传参一样

2 获取分享传递的参数

小程序获取分享传递的参数只有一种方式，就是在onLoad方法中接收options，从options获取分享传递的参数

Page({
    onl oad: function(options) {
        console.log(options);
    }
})

没发布之前用编辑器，添加编译模式，模拟群聊会话中的小程序消息卡片，可以正确拿到分享传递的参数

拿到参数后，即可处理后续逻辑。

标签：程序实现,微信,onShareAppMessage,带参,参数,details,分享,options,页面
来源： https://blog.51cto.com/15057855/2638113

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。