onShareAppMessage 使用uniapp小程序分享好友,朋友圈功能

这篇具有很好参考价值的文章主要介绍了onShareAppMessage 使用uniapp小程序分享好友,朋友圈功能。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

1、分享到好友,可以使用button,绑定open-type="share" 就可以调onShareAppMessage方法

注意:onShareAppMessage和methods、onLoad等同级

onShareAppMessage(res) {
	if (res.from === 'button') { // 来自页面内分享按钮
				console.log(res.target)
	}
	return {
		title: '邀请识别', //分享的名称
		path: 'pages/informationId/index?id=' + this.id + '&userId=' + this.inviteId,
		mpId: 'wxc500f84b30be87a6' //此处配置微信小程序的AppId
	}
},

这个项目要求就是传当前页面过去,用户好友再页面也可以进行操作,不需要登陆账号,所以传了用户id过去,可以调取相同后台数据

2、分享到朋友圈文章来源地址https://www.toymoban.com/news/detail-639539.html

onLoad(options) {
       uni.showShareMenu({
		    withShareTicket: true,
			//设置下方的Menus菜单,才能够让发送给朋友与分享到朋友圈两个按钮可以点击
			menus: ["shareAppMessage", "shareTimeline"]
		})
},

到了这里,关于onShareAppMessage 使用uniapp小程序分享好友,朋友圈功能的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uniapp(HBuilder X)实现微信小程序转发好友和分享朋友圈(携带多个参数)

    1.转发好友 2.分享朋友圈 需要注意的一些地方: 分享和转发内部不得有嵌套方法返回,也就是不可异步,否则在执行的时候,只会执行当前页面,自定义标题等都不会生效 转发代码块的存放级别与生命周期同级,分享代码块需要放进方法中(methods),不然不会生效 分享的参数携

    2024年02月16日
    浏览(43)
  • uniapp小程序分享功能onShareAppMessage函数传参数

    1、使用onShareAppMessage函数。在页面的js文件中定义了 onShareAppMessage 函数时,页面可以表示该页面可以转发。可以在函数中设置页面转发的信息。 (1)只有定义了该函数,小程序右上角的菜单中才会有转发按钮 (2)用户点击转发按钮的时候回调用该函数 (3)该函数内需要

    2024年02月11日
    浏览(28)
  • 【uniapp小程序】分享功能onShareAppMessage函数传参数

    小程序中分享功能需要在button组件中添加open-type:“share”,当点击button的时候就会调用onShareAppMessage函数。如果需要将按钮的参数传入给函数,使用 :data-属性=值 1、使用onShareAppMessage函数。在页面的js文件中定义了 onShareAppMessage 函数时,页面可以表示该页面可以转发。可以在

    2024年02月16日
    浏览(26)
  • uniapp小程序中onShareAppMessage实现带参数的分享功能

    小程序中分享功能需要在button组件中添加open-type:“share”,当点击button的时候就会调用onShareAppMessage函数。 1、自定义按钮实现分享,在页面中使用按钮来实现分享功能 2、js文件中分享的方法 ps:分享的中用的imageUrl是静态地址,如上面,方法如下 3、获取分享的参数 进入分享

    2024年02月05日
    浏览(48)
  • uniapp小程序中onShareAppMessage(OBJECT)实现带参数的分享功能

    小程序中用户点击分享后,在 js 中定义 onShareAppMessage 处理函数(和 onLoad 等生命周期函数同级),设置该页面的分享信息。 用户点击分享按钮的时候会调用。这个分享按钮可能是小程序右上角原生菜单自带的分享按钮,也可能是开发者在页面中放置的分享按钮( button open-

    2024年04月12日
    浏览(21)
  • 微信小程序嵌套的H5使用小程序分享(分享微信好友或朋友圈)

    嵌套在微信小程序中的H5想要使用小程序自带分享功能,分享H5的页面给微信好友或朋友圈 H5中可使用wx.miniProgram.postMessage向小程序的webview发送消息,会触发组件的message事件,在小程序webview页面onShareAppMessage,onShareTimeline中进行使用。

    2024年02月13日
    浏览(37)
  • uni-app微信小程序分享微信好友与分享到朋友圈功能【vue3+ts+uni-app+vite】

    微信小程序开发结束之后,点击右上角三个点显示: 1、创建share.ts文件 2、全局使用, 在 main.ts 里面 添加全局的 mixin 这样配置结束之后整个小程序所有页面点击右上角转发分享都走的这个文件,如果需要单个页面可以转发,可以看第三点 3、在需要的页面进行调用就行啦 a.

    2024年02月14日
    浏览(38)
  • uniapp 微信小程序分享、分享朋友圈功能

    页内自定义分享按钮 当页面js上没有添加事件“onShareAppMessage”,右上角‘…’不会出现“转发”事件。 如果有事件,但是没有定义事件内容的话,转发的卡片则是当前页面的截屏信息。 官方文档:https://uniapp.dcloud.io/api/plugins/share?id=onshareappmessage 方式1:小程序右上角原生菜

    2024年02月16日
    浏览(36)
  • 小程序分享给好友以及分享到朋友圈

    前言:小程序分享给好友或者朋友圈仅需我们使用微信自带的API,分享到朋友圈的前提是需要我们允许分享给好友,其次才可以分享到朋友圈,功能简单话不多说直接上官方API链接和代码。  一、分享给好友 wx.onShareAppMessage(function callback) | 微信开放文档 (qq.com) 我们直接使用

    2023年04月08日
    浏览(26)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包