请选择 进入手机版 | 继续访问电脑版

微信小程序教程网

新浪微博达人勋

1206

积分

301

金钱

1

广播

Rank: 6Rank: 6

积分
1206

社区QQ达人最佳新人活跃会员热心会员推广达人

发表于 2019-4-12 15:54:52 | 显示全部楼层 |阅读模式
分享到:
由于业务需求最近对支付宝[color=rgb(54, 54, 54) !important]小程序和微信小程序的分享功能做了一些了解和尝试,进而写撰写此文作为积累和总结。
微信小程序
微信小程序触发分享有两种方式设置onShareAppMessage和button添加open-type="share"属性
微信 onShareAppMessage
在page中添加onShareAppMessage方法,然后点击右上角菜单就会有分享选项,如果没有定义onShareAppMessage右上角菜单就没有分享选项
微信自定义转发内容
[td]


使用默认截图1.5.0
代码示意page({  data: {    shareData: {      title: '自定义转发标题',      imageUrl: 'xxxx.jpeg',      path: '/page/API/pages/share/share'    }  },  onShareAppMessage() {    return this.data.shareData  }})复制代码转发方式
转发方式只能转发给朋友或者群聊效果如下


微信动态生成带有用户标识的自定义分享图片
只是单纯的将固定图片分享到群聊显然不够酷炫,现在另一个比较流行的做法是生成一个自定义的分享图片,但是这个流程已经脱离了小程原本的分享功能。 该流程的大体思路是用户触发自定义的分享按钮,然后再小程序端用canvas动态的绘制一个带有当前用户标识的图片存储到用户的相册中,之后用户在手动的将图片转发到朋友圈
微信 open-type="share"
button组件设置open-type="share"点击button触发分享,open-type="share"模式如果没有定义onShareAppMessage方法也会触发分享
支付宝
支付宝小程序触发分享的方式跟微信小程序相同也是两种方式设置onShareAppMessage和button添加open-type="share"属性
支付宝onShareAppMessage
在page中添加onShareAppMessage方法,然后点击右上角菜单就会有分享选项,如果没有定义onShareAppMessage右上角菜单也有分享选项
支付宝自定义转发内容[td]
字段
类型
必填
描述
最低版本
titleString自定义分享标题
descString自定义分享描述:由于分享到微博只支持最大长度 140 个字,因此建议长度不要超过该限制。
pathString自定义分享页面的路径,path中的自定义参数可在小程序生命周期的 onLoad方法中获取(参数传递遵循 http get 的传参规则)
contentString自定义吱口令文案,最多28个字符实际测试无效,咨询支付宝运营人员说是文字吱口令下线了1.7.0
imageUrlString自定义分享小图 icon 元素,支持:网络图片路径;apFilePath 路径;相对路径。使用场景详见下方说明1.4.0
bgImgUrlString自定义分享预览大图,建议尺寸750x825,支持:网络图片路径;apFilePath路径(客户端10.1.58版本开始支持);相对路径(客户端 10.1.58 版本开始支持
successFunction分享成功后回调1.4.0
failFunction分享失败后回调1.4.0
支付宝转发方式
支付宝转发方式花样就比较多了详情可以参考官方文档
这里单单提一下分享到微信,当用户点击微信的时候支付宝会自动将分享图片存入用户相册(此时支付宝还有文案提示告诉你生成了吱口令去微信粘贴但是现在并不好使,咨询运营人员才知道吱口令下线了)


关于动态生成带有用户标识的自定义分享图片的尝试
因为支付宝分享会自动截屏保存到相册中,所以当时思考了一下如果当拉起分享窗口的时候页面通过显隐控制的方式,将原本的页面隐藏将规划好的个性化分享页面显示出来,然后小程序进行截图保存,这样既能生成带有用户标识的分享图片,还能无缝衔接到分享流程中,说干就干一顿操作之后在Android手机中测试完美几乎完美,可以天不遂人愿在IOS下失败了故放弃此方案。
总结
  • 支付宝小程序和微信小程序分享API基本相同只是一些细节不太一样,最大的区别就是微信只能分享到群组或者好友,而支付宝提供了更多的方式
  • 遇见问题简单查查文档如果找不到头绪首选求助小程序交流群或者运营人员,因为小程序发展太快了有些问题能找到的资源并不多,而且官方文档更新的也不怎么及时,闷头踩坑的话有些得不偿失。
  • 信息具有实效性本文或者网上的其他文章或者官方文档皆不可全信一切以实践为准

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册 新浪微博登陆

x

新浪微博达人勋

122

积分

0

金钱

0

广播

Rank: 2

积分
122
发表于 2019-4-12 16:01:39 | 显示全部楼层
打酱油的人拉,回复下赚取积分

新浪微博达人勋

584

积分

0

金钱

0

广播

Rank: 4

积分
584
发表于 2019-4-25 13:34:02 | 显示全部楼层
支持,楼下的跟上哈~

新浪微博达人勋

1149

积分

275

金钱

0

广播

Rank: 6Rank: 6

积分
1149

社区QQ达人最佳新人

发表于 2019-5-17 02:16:30 | 显示全部楼层
元芳你怎么看?

新浪微博达人勋

1188

积分

286

金钱

0

广播

Rank: 6Rank: 6

积分
1188

社区QQ达人最佳新人

发表于 2019-5-18 17:08:09 | 显示全部楼层
路过 帮顶 嘿嘿

新浪微博达人勋

125

积分

4

金钱

0

广播

Rank: 2

积分
125
发表于 2019-7-23 11:42:46 | 显示全部楼层
围观 围观 沙发在哪里!!!

新浪微博达人勋

196

积分

28

金钱

0

广播

Rank: 2

积分
196
发表于 2019-8-1 06:45:49 | 显示全部楼层
顶起出售广告位

新浪微博达人勋

1172

积分

299

金钱

1

广播

Rank: 6Rank: 6

积分
1172

活跃会员热心会员推广达人社区QQ达人最佳新人

发表于 2019-8-4 23:57:44 | 显示全部楼层
路过 帮顶 嘿嘿

新浪微博达人勋

1180

积分

324

金钱

1

广播

Rank: 6Rank: 6

积分
1180

社区QQ达人最佳新人

发表于 2019-8-27 05:33:49 | 显示全部楼层
路过

新浪微博达人勋

1199

积分

305

金钱

0

广播

Rank: 6Rank: 6

积分
1199

社区QQ达人最佳新人活跃会员热心会员推广达人

发表于 2019-9-11 15:44:34 | 显示全部楼层
我也是坐沙发的
您需要登录后才可以回帖 登录 | 立即注册 新浪微博登陆

本版积分规则

小黑屋|手机版|Archiver|小程序教程网. ( 粤ICP备12089784号 )

GMT+8, 2020-7-3 20:43 , Processed in 0.358478 second(s), 42 queries .

Powered by Discuz X3.1

© 2001-2013 IOS教程网

快速回复 返回顶部 返回列表