微信小程序实现带参分享并消息卡片获取参数
16lz
2021-02-26
公司小程序开发已经接近尾声，功能已在测试，现在有个需求，就是小程序分享功能，并在消息卡片打开后数据依然显示。
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({ onLoad: function(options) { console.log(options); }})没发布之前用编辑器，添加编译模式，模拟群聊会话中的小程序消息卡片，可以正确拿到分享传递的参数
拿到参数后，即可处理后续逻辑。
©著作权归作者所有：来自51CTO博客作者mb5fd86dae5fbf6的原创作品，如需转载，请注明出处，否则将追究法律责任更多相关文章
- JavaScript初学习之常量、变量、函数、匿名函数、箭头函数、闭包
- JavaScript 中 call()、apply()、bind() 的用法
- 【Nest教程】实现一个简单的用户增删改查功能
- C#中方法的调用
- C++入门
- 剩余参数与参数引用及回调函数：array_map(), array_filter,array_
- jvm的那些设置参数你都知道吗
- 支持向量机SVM原理（参数解读和python脚本）
- 0128- 实例演示函数作用域与闭包,回调的使用场景与参数调用