uniapp 微信小程序分享功能

微信小程序分享功能、传参、接收参数

1，分享功能
在页面上与methods同级写上onShareAppMessage()函数。

onShareAppMessage() {return{title: "xxx欢迎你",//分享标题path: "/pages/detail/detail",//页面 path ，必须是以 / 开头的完整路径。//分享图标，路径可以是本地文件路径、代码包文件路径或者网络图片路径。支持PNG及JPG。显示图片长宽比是 5:4，我这里直接用的百度图片imageUrl: "https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fnimg.ws.126.net%2F%3Furl%3Dhttp%3A%2F%2Fdingyue.ws.126.net%2F2021%2F0128%2F6cd17366j00qnmnle008uc000vk00xcm.jpg%26thumbnail%3D650x2147483647%26quality%3D80%26type%3Djpg&refer=http%3A%2F%2Fnimg.ws.126.net&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1643177153&t=0a54d622654f2169d76bdfbf25ebbed8",//接口调用成功的回调函数success(res){uni.showToast({title:'分享成功'})},//接口调用失败的回调函数fail(res){uni.showToast({title:'分享失败',icon:'none'})}}},

这个函数是触发分享给朋友的函数。
title、path、imgUrl为自定义的分享内容。更多参数可看官方文档onShareAppMessage
2,传参和接收参数
传参就是在path路径后面加参数

path: "/pages/detail/detail?code=qwertyu12345678",

接收参数可以在页面的onLoad生命周期里面接收
options就包含着参数

onLoad(options) {if（options.code）{this.params = options.code;}
},

还可以在入口文件内接收，即在app.vue页面用onLaunch()应用生命周期接收

onLaunch(options){id(options.code){let params = options.code;}
}

效果图

uniapp 微信小程序分享功能相关推荐

uni-app 微信小程序分享功能传参接收与调试
uni-app 微信小程序功能传参接收与调试当使用微信小程序进行分享好友功能时,怎样能够联调,查看是否接收到参数,并在被分享人点进来的时候逻辑处理是否正确. 1.分享功能实现分享给朋友 ...
uni-app 微信小程序分享功能河北银丹互联网科技有限公司
官方文档:https://uniapp.dcloud.io/api/plugins/share?id=onshareappmessage河北银丹互联网科技有限公司方式1:小程序右上角原生菜单自带的分 ...
uni-app 微信小程序分享功能
官方文档:https://uniapp.dcloud.io/api/plugins/share?id=onshareappmessage 方式1:小程序右上角原生菜单自带的分享按钮方式2:或者是在 ...
uni-app/微信小程序分享功能（开启右上角分享）@令狐张豪
<script>export default{data() {return{}},onShareAppMessage(e) {if (e.from === 'button') {//con ...
uni-app 微信小程序分享按钮
uni-app 微信小程序分享按钮官方文档说明在 manifest.json 的 App SDK 配置里,勾选微信消息及朋友圈,并填写相关 appkey,微信 appkey 在需要分享的页面填写: ...
微信小程序分享功能开发及调试方法
首先说一下使用方法如下,Button组件设置open-type="share"即可触发onShareAppMessage完成分享功能 <button class=" ...
uniapp 微信小程序分享海报
uniapp 微信小程序分享海报下面是一个Uniapp微信小程序分享海报的简单示例: 在Uniapp项目中创建一个新的页面,用于展示要分享的内容和生成海报.例如,我们可以在新页面中显示一张图片和一些 ...
详解 - 解决微信小程序分享功能图片比例问题 - 全局分享
前言: 我在我的博客小程序使用微信小程序分享功能图片不符合5:4问题 ,对其原理扫描下面二维码,可以体验哦准备在需要自定义分享的页面设置canvas 组件目录准备详解思路定义总函数 ...
uniapp 微信小程序分享给微信好友与分享到朋友圈功能
微信小程序分享使用方法: onLoad(){wx.showShareMenu({withShareTicket:true,//设置下方的Menus菜单,才能够让发送给朋友与分享到朋友圈两个按钮可以点 ...

uniapp 微信小程序分享功能

微信小程序分享功能、传参、接收参数

uniapp 微信小程序分享功能相关推荐

最新文章

热门文章