uni-app分享小程序卡片给微信好友-Toy模板网

这篇具有很好参考价值的文章主要介绍了uni-app分享小程序卡片给微信好友。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、前言

最近有这样一个需求，使用APP将一个小程序的页面分享给微信好友，起初一脸问号，APP分享小程序的页面，两个不相干的东西怎么关联分享？于是乎抱着实现不了的心态在网上看帖子，最后终于在uni-app文档和微信官方文档找到了答案。

二、准备

1、登录微信开放平台，保证你的APP和小程序在同一开放平台账号下

2、在uni-app的manifest.json模块配置中勾选Share(分享)

uni-app分享小程序卡片给微信好友

这里需要注意的是，这里的appid并不是你要分享的微信小程序的appid ，而是在微信开放平台创建的移动应用的appid（下图红框）。 uni-app分享小程序卡片给微信好友

如果需要苹果设备也支持分享，须配置Universal Links链接，配置方法移步uni-app文档

三、代码

uni.share({
    provider: 'weixin',
    scene: "WXSceneSession",
    type: 5,
    imageUrl: 'https://bjetxgzv.cdn.bspapp.com/VKCEYUGU-uni-app-doc/962fc340-4f2c-11eb-bdc1-8bd33eb6adaa.png',
    title: '欢迎体验uniapp',
    miniProgram: {
        id: 'gh_abcdefg',
        path: 'pages/index/index',
        type: 0,
        webUrl: 'http://uniapp.dcloud.io'
    },
	success: ret => {
		console.log('success', ret);
	},
	fail: err => {
		console.log('error', err);
	}
});

需要特别注意的是，miniProgram里的id不是小程序的appid，而是小程序的原始id！而且webUrl字段不能为空，否则会导致分享失败，随便放个链接就好。

依照上边的步骤，就实现app分享小程序卡片给微信好友啦，更详细的字段含义及分享内容移步uni-app文档文章来源地址https://www.toymoban.com/news/detail-513048.html

到了这里，关于uni-app分享小程序卡片给微信好友的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！