功能需求:为了实现在app页面,通过分享链接给微信好友,让微信好友通过链接打开对应微信小程序。
准备工作:在微信开放平台绑定要打开的小程序,并在微信公众平台获取小程序的原始id和appid,让ui设计一个相关的5:4的png图片,且小于20kb(否则分享不出去)。


接下来是uniapp相关一些配置,首先是在模块设置下配置相关的share内容,然后在SDK配置添加MiniProgram配置,也就是填写分享的小程序的appid

"share" : {
"weixin" : {
"appid" : "************",
"UniversalLinks" : "*************",
"MiniProgram" : {
"appid" : "**************"
}
}
}
接下来就是在页面调用函数执行相关的分享api
uni.share({
provider: 'weixin', // 分享服务提供商(即weixin|qq|sinaweibo)
scene: "WXSceneSession", //分享到聊天界面
type: 5, //分享形式 5:小程序
imageUrl: '这个图片使用开头描述的小于20kb的图片', //官方规定分享图比例是5:4,其它尺寸可能显示不全。
title: '分享标题',
// 分享打开小程序特有begin
miniProgram: {
id: '这个id就是上面准备的小程序原始id', //微信小程序原始id
path: '这个地址填小程序的地址,如:/pages/home',
type: '根据自己小程序的状态填写,可在体验版先进行测试', //微信小程序版本类型,可取值: 0-正式版; 1-测试版; 2-体验版。 默认值为0。
webUrl: '这个链接可以选填(目前没测试出来访问到这个地址的版本)' //兼容低版本的网页链接
},
// 分享打开小程序特有end
success: ret => {
console.log(JSON.stringify(ret));
},
fail: (err) => {
console.log(err, 'err')
}
});
之后可以通过打包自定义基座进行测试!
1141

被折叠的 条评论
为什么被折叠?



