uniapp各种小程序分享 share - 主要流程 - 微信、抖音、快手、qq

参考

小程序环境

分享 | uni-app官网uni-app,uniCloud,serverless,分享,uni.share(OBJECT),分享到微信聊天界面示例代码,分享到微信朋友圈示例代码,uni.share 在App端各社交平台分享配置说明,uni.shareWithSystem(OBJECT),plus.share.sendWithhttps://uniapp.dcloud.net.cn/api/plugins/share.html#onshareappmessageAPP环境

https://uniapp.dcloud.net.cn/api/plugins/share.html#share
 

例子

<template>
	<view>
		
		<!-- #ifdef MP -->
		<button open-type="share" :plain="true">
			点击小程序分享
		</button>
		<!-- #endif -->
		
		<!-- #ifdef APP -->
		APP环境参考 https://uniapp.dcloud.net.cn/api/plugins/share.html#share
		<!-- #endif -->
		
		<!-- #ifdef H5 -->
		H5环境需自行百度
		<!-- #endif -->
		
	</view>
</template>

<style></style>

<script setup>
	// 基础
	import { reactive, ref, onMounted } from 'vue'
	import { onShareAppMessage } from '@dcloudio/uni-app'
	
	// 页面监视 - 分享 - 小程序专用
	// 参考 https://uniapp.dcloud.net.cn/api/plugins/share.html#onshareappmessage
	onShareAppMessage((res) => {
		console.log('>> 分享 > ', JSON.stringify(res))
		
		// 返回分享信息
		return {
			title: '分享标题XXX',
			// 页面 path ，必须是以 / 开头的完整路径。注意：京东小程序，开头不要加'/'
			path: '/pages/product/detail/?id=1688',
			// 分享图标
			imageUrl: 'https://xx.com/demo.jpg'
		}
	})
	
</script>