分享链接

参数携带：

<button open-type="share" hover-class="none">分享</button>onShareAppMessage: function (res) {if (res.from === 'button') {      // 来自页面内转发按钮wx.showLoading();return new Promise((resolve, reject) => {wx.showLoading({title: '正在请求分享数据...',icon: 'none'})var vm = this//此处为发送请求，可以使用ajax或者axios代替request(`/getLink`, 请求参数, 'POST').then((res) => {wx.hideLoading();resolve({title: '职位详情',path: `/pages/detail/main?jobId=${vm.jobId}&linkContent=${res.linkContent}`, // 分享出去之后要进入的页面路径})})})} else {//来自页面外右上角转发console.log('不是button', res)}},

参数接收：

onLoad(options) {//获取分享的参数console.log('进入界面传入的参数：', options)wx.showToast({title: JSON.stringify(options),icon: 'none'})//将获取到的分享数据发送到后台（测试用）request('/getFxLinkParam', options).then((res) => {console.log(res)})},

测试结果：（后台接收到onLoad方法发送的请求及参数接收）

分享朋友圈

先点亮分享链接及分享朋友圈的图标

代码如下：

onShow: function () {this._getData()// wx.startPullDownRefresh()wx.showShareMenu({withShareTicket: true,menus: ["shareAppMessage", "shareTimeline"]})},

参数携带：

//分享到朋友圈onShareTimeline: function (res) {var type = '测试';return {title: 'XXX招聘平台', // 可不填query: `id=${123}&type=${type}`, // 可不填 传递的参数，只能是这种格式imageUrl: '' // 可不填,可以是网络路径也可以是本地路径，分享到朋友圈显示的图标}},

参数接收：

onLoad(options) {//获取分享的参数console.log('进入界面传入的参数：', options)wx.showToast({title: JSON.stringify(options),icon: 'none'})//将获取到的分享数据发送到后台（测试用）request('/getFxPyqParam', options).then((res) => {console.log(res)})},

另外：此处讲一个小插曲，一个mpvue的bug。

分享朋友圈时无法使用参数，只能使用默认参数。即以下红框内容无效：

解决办法：（修改mpvue的源码）

1. LIFECYCLE_HOOKS 的数组中添加元素 onShareTimeline

2.添加代码：

// 分享朋友圈onShareTimeline: rootVueVM.$options.onShareTimeline? function (options) {return callHook$1(rootVueVM, 'onShareTimeline', options);} : null,

添加位置如下：（搜索：onShareAppMessage）

3.项目重启即可。

微信小程序分享链接及分享朋友圈，及mpvue无法指定分享名的bug修复方法相关推荐

uniapp 微信小程序开启发送好友和朋友圈
引言最近在开发微信小程序的过程中,需要在页面开启分享功能--分享给好友或者是朋友圈的功能. 找了一圈的uniapp文档,决定在这里记录一下,分享给有缘人使用. 效果在微信小程序中,这个默认是关闭状 ...
使用微信小程序云开发实现类似朋友圈效果
效果编辑并share页面如下: 点击分享以后,跳转到以前share过的朋友圈页面,点击左上角可以返回,如下: 说明本demo会用到微信小程序的云开发功能,包括云数据库,云存储实现步骤 1. 云开 ...
劲爆！微信小程序可在附近的朋友圈展示啦！
2017年底,我们见识了微信朋友圈展示小程序的广告测试,如今该功能已经全面开放.同时微信开放「本地推广」功能.微趋道认为线下商家流量即将因此爆发! 微趋道,就是小程序朋友圈小程序投放功能朋友圈小程 ...
微信小程序多图上传/朋友圈传图效果【附完整源码】
效果图部分源代码 js文件: var uploadPicture = require('../Frameworks/common.js') //获取应用实例 const app = getApp() ...
微信小程序——短链接详解
微信小程序短链接今天看到朋友分享的一个链接,点开后可以直接打开学校疫情防控小程序的结果,简单了解发现这是微信推出的小程序短链接功能,可以快速分享微信小程序的内容.其具体格式有如下两种: mp://( ...
uniapp实现微信小程序全局【发送给朋友】、【分享到朋友圈】、【复制链接】
在开发微信小程序的时候,发现[发送给朋友].[分享到朋友圈].[复制链接]功能,灰色不可用. 很常见的功能,但是这几个功能,并不是你项目建起来了就有的. 1.[发送给朋友]使用 onShareAppM ...
php怎么跟小程序链接,怎么提取微信小程序的链接
提取微信小程序的链接方法:首先关联微信小程序,并自建一个图文:然后点击添加[小程序],并打开微信找到小程序:接着进入提取链接的页面,点击右上角[...]按钮:最后点击[复制本页面路径]即可. 提取微信 ...
微信小程序开发——点击按钮获取用户授权没反应或反应很慢的解决方法
微信小程序开发--点击按钮获取用户授权没反应或反应很慢的解决方法参考文章: (1)微信小程序开发--点击按钮获取用户授权没反应或反应很慢的解决方法 (2)https://www.cnblogs.co ...
微信小程序项目开发实战：用WePY、mpvue、Taro打造高效的小程序》（笔记4）支持React.js语法的Taro框架
Taro的编写代码方式和mpvue.WePY框架最大的一个差别就是,Taro并不是基于Vue.js的语法规范,而是遵循React语法规范,它采用与React一致的组件化思想,组件生命周期与React保 ...

微信小程序分享链接及分享朋友圈，及mpvue无法指定分享名的bug修复方法

分享链接

分享朋友圈

微信小程序分享链接及分享朋友圈，及mpvue无法指定分享名的bug修复方法相关推荐

最新文章

热门文章