如何使用 towify 实现小程序的页面分享?

如何使用 towify 实现小程序的页面分享?,第1张

打开开发者工具,在项目的pages文件夹下新建mypage文件夹,并在文件夹内新建mypage,在app.json中将mypage设为第一页面

请点击输入图片描述

在mypage.wxml中写代码如下:

<text>pages/mypage/mypage.wxml</text>

<button open-type='share'>分享</button>

请点击输入图片描述

做完第二步就已经实现了转发,默认title为当前小程序名称,path为当前页面的路径,imageUrl为当前页面的截图,如下图所示

请点击输入图片描述

4

为了实现更好的展示,可以再mypage.js中分享函数设置title及path,代码如下:

onShareAppMessage: function (res) {

if (res.from === 'button') {

}

return {

title: "真好",

path: 'pages/mypage/mypage'

}

}

请点击输入图片描述

5

编译代码,点击分享按钮,查看效果如下图所示,有了设置的title

6

如果传递的路径带参数需要在path中添加

*/

onShareAppMessage: function (res) {

if (res.from === 'button') {

}

return {

title: "真好",

path: 'pages/mypage/mypage?var='+data

}

}

7

当然要在接收的页面onload函数的options中获取参数

onLoad: function (options) {

options.data

},

END

经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。

作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。

看过了很多别人的博客,吸收 了他们的主要思想,但是觉得他们又写的太复杂,于是决定自己写一篇,一目了然,简单直接。

1、使用小程序打开m站的h5页面

2、打开之后,用户可以进行分享H5页面的内容


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12110672.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-21
下一篇 2023-05-21

发表评论

登录后才能评论

评论列表(0条)

保存