発生した問題
- アプレット全体が
web-view
埋め込まれているので、現時点では、単にページを共有するだけでは、web-view
どのページが共有されているかに関係なく、クリックするとホームページに移動します。
ソリューション
wx.showShareMenu({
withShareTicket: true, // 该参数在做分享到群内的统计的时候可以用到,单独分享给某个人是undefined,在小程序的load或者show的回调中可以拿到这个值
})
- 次に
onShareAppMessage
、共有情報を中央にラップします。コールバックは右上隅の共有をクリックした後ですが、情報は送信されていません。前にコールバックが実行され、データセットとwebViewUrlの3つのパラメーターを含むオブジェクトが渡されます。その戻り値は、対応する共有情報です。現時点では、対応するWebビューでURLを取得した後、必要な操作を実行できます。
onShareAppMessage(options) {
console.log(options);
const { webViewUrl } = options;
const i = webViewUrl.indexOf('?');
let search = '',
url = webViewUrl;
if(i !== -1) {
url = webViewUrl.slice(0, i);
search = `${webViewUrl.slice(i + 1)}`;
}
const shareObj = {
title: "分享的标题", // 默认是小程序的名称(可以写slogan等)
path: `/pages/index?url=${url}${search ? '&' : ''}${search}`, // 默认是当前页面,必须是以‘/’开头的完整路径,通过拼接的方式,把需要分享的web-view的url以及参数拼接进去,然后在该`web-view`的页面中去做参数判断,一旦传入了对应的url和参数,就进入对应的url并携带对应的参数
// imageUrl: '', //自定义图片路径,可以是本地文件路径、代码包文件路径或者网络图片路径,支持PNG及JPG,不传入 imageUrl 则使用默认截图。显示图片长宽比是 5:4
success: function (res) {
// 转发成功之后的回调
if (res.errMsg == 'shareAppMessage:ok') {
}
},
fail: function () {
// 转发失败之后的回调
if (res.errMsg == 'shareAppMessage:fail cancel') {
// 用户取消转发
} else if (res.errMsg == 'shareAppMessage:fail') {
// 转发失败,其中 detail message 为详细失败信息
}
},
complete: function () {
// 转发结束之后的回调(转发成不成功都会执行)
}
}
// 来自页面内的按钮的转发
if (options.from == 'button') {
var data= options.target.dataset;
console.log(data.name); // shareBtn
// 此处可以修改 shareObj 中的内容
// shareObj.path = '/pages/index' + data.name;
}
// 返回shareObj
return shareObj;
}
まだ問題があります
- このように共有した後は、確かに入力後に対応するURLを入力できますが、アプレットのホームページに戻れないという問題があります。アプレット全体のWebビューは1つしかないため、すべてのページの切り替えはネイティブページの下で実行されるため、ロールバックする必要がある場合は、特別な処理を使用して共有するWebビューページを追加することをお勧めします。リンク。