主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
今天简单讲解一下微信小程序的转账功能。 为什么需要简单解释一下呢?因为我们主要讲的是转发给朋友和群。 还有另一种分享到朋友圈的方式,但这种方式更复杂。 好吧,首先让我们澄清一下。 分享时刻的主要方式有两种。 一种是直接在后台生成海报图片,另一种是通过前端的画布生成海报。 以后有机会的话我会详细讲。 现在,我们回到正题,继续聊转会的朋友们。
首先介绍一下微信小程序的API:onShareAppMessage(options)
在Page上定义onShareAppMessage函数,用于设置页面的转发信息。
只有定义了此事件处理程序,右上角的菜单中才会出现“前进”按钮。
当用户单击前进按钮时调用。
该事件必须返回一个用于自定义传输内容的对象。
可选参数说明
参数类型说明 最低版本 fromString 转发的事件源。 按钮:页面内的传输按钮。 Menu:右上角传输菜单 1.2.4targetObject from 如果值为button,则目标为触发本次传输事件的按钮。 否则未定义 1.2.4
自定义传输字段
字段说明 默认值 最小版本 标题 转发标题 当前 Applet 名称 路径 转发路径 当前页面路径,以 /imageUrl 开头的完整路径 必须有。 自定义图片路径(可以是本地文件路径、代码包文件路径或网络图片路径)。 支持 PNG 和 JPG。 如果没有传递 imageUrl,将使用默认的屏幕截图。 显示图像的长宽比为5:41。 5.0 转账成功时的 Success 回调函数 1.1.0 转账不成功时的 Fail 回调函数 1.1.0 转账完成时的 Complete 回调函数(转账成功和失败均执行) 1.1.0 还有一个值是shareTickets,其中每一项都是一个shareTick,转账成功返回。et ,对应传输对象
这里先是API,然后是传输实现。
先看图:
首先在onLoad中设置wx.showShareMenu。
onLoad: function (e) { wx.showShareMenu({ // 请求小程序返回共享信息 withShareTicket: true }); },
接下来设置onShareAppMessage。
/* Forward*/ onShareAppMessage: function (ops) { if (ops.from === 'button') { // 页面中的[Forward]按钮 console.log(ops.target) } return { title : '转发 dom', path: `pages/index/index`, success: function (res) { // 转发成功 console.log("转发成功:" + JSON.stringify(res )) ; var shareTickets = res. shareTickets; // if (shareTickets.length == 0) { // 返回 false。 // 成功: function (res) { // console.log(res) //} //})}, FAIL: Function(res){//传输失败 console.log("repost:"+json.stringify(res));}}, <p},
描述wx.getShareInfo,可用于检索传输详细信息。
完整的JS代码如下。
//index.js//获取应用实例 const app = getApp() Page({ data : { Moet: 'Hello World', }, onLoad: function (e) { wx.showShareMenu({ // 请求返回共享信息的小程序 withShareTicket: true }); }, /* Forward* / onShareAppMessage: function (ops ) { if (ops.from === 'button') { //从页面控制台转发按钮 .log (ops.target) } return { title: '转发 dom', path: `pages /index/index`, success: function (res) { // 转发成功 console.log("转发成功:" + JSON.stringify( res)); // if (shareTickets.length = =( res) { // console.log (res) //} //})}, FAIL: Function (res) {// 转发失败 console.log("转发失败:"+json.stringify(res )); }},})
聪明的同学应该知道下一步就是wxml代码了。
{{motto}}
注意,如果点击分享按钮,按钮必须设置为open-type=,否则不起作用。
如果您觉得这篇文章好有用,请分享给您的朋友并点赞。 如果您有任何疑问,请在下方留言。
推荐教程:《微信小程序》
下载微信App
微信是一款支持通过手机网络发送语音消息、视频、照片和文字的移动通讯软件。 微信带来了全新的移动通信体验,您可以单独或群组聊天,还可以根据您的地理位置查找附近的人。 有需要的朋友,请快来保存您的下载体验吧!
这几篇文章你可能也喜欢:
- 微信小程序省市合作功能(微信小程序省市三级合作)
- 微信小程序用户登录和保持登录(微信小程序用户登录和保持登录的区别)
- 如何在电脑上将微信小程序设置为全屏?(如何在电脑上将微信小程序设置为全屏)
- 小程序支付及退款流程详解(通过小程序订购的商品如何退款)
- 微信小程序深色模式
本文由主机参考刊发,转载请注明:可以转发微信小程序给好友(微信小程序可以转发分享到朋友圈吗?) https://zhujicankao.com/123692.html
评论前必须登录!
注册