小程序分享功能

示例代码-微信端


  wx.onShareAppMessage(() => {
    return {
      title: '转发标题',
      imageUrl: '' // 图片 URL
    }
  })

示例代码-uniapp端

在methods中 定义 onShareAppMessage 函数,小程序右上角三个点中就会出现转发,分享的功能。

methods: {
   onShareAppMessage() {
	    return {
			title: this.companyName,//转发标题
			path: '/pages/index/shopMap', //路径,传递参数到指定页面。
			imageUrl:this.logo,//转发显示图片的链接
			}
		},
   }

onShareAppMessage参数

属性 类型 说明 最低版本
title string 转发标题,不传则默认使用当前小游戏的昵称。
imageUrl string 转发显示图片的链接,可以是网络图片路径或本地图片文件路径或相对代码包根目录的图片文件路径。显示图片长宽比是 5:4
query string 查询字符串,必须是 key1=val1&key2=val2 的格式。从这条转发消息进入后,可通过 wx.getLaunchOptionsSync() 或 wx.onShow() 获取启动参数中的 query。
imageUrlId string 审核通过的图片 ID,详见 使用审核通过的转发图片 2.4.3
promise promise 如果该参数存在,则其它的参数将会以 resolve 结果为准,如果三秒内不 resolve,分享会使用上面传入的默认参数 2.12.0
toCurrentGroup boolean 是否转发到当前群。该参数只对从群工具栏打开的场景下生效,默认转发到当前群,填入 false 时可转发到其他会话。 2.12.2
path string 独立分包路径。详见 小游戏独立分包指南 2.12.2

onShareAppMessage

通过按钮方式分享,注:open-type="share"属性只能通过button按钮使用

由于只能通过按钮标签来使用open-type="share",如果需要用标签 如:view 。我们可以通过取巧的方式来实现此功能,button标签覆盖在原有的基础之上


分享按钮——传参

在button上,自定义传参,格式如下:

: data-属性名 = "  参数 " 

使用参数:


onShareAppMessage(e) { //设置形参
	let item = e.target.dataset.name // 形参后的.target.dataset.name  加上属性名name
	return {
		title: item.companyName,
		path: '/pages/index/shopMap',
		imageUrl:item.logo,
		}
	},

你可能感兴趣的:(小程序)