uniapp 微信分享

南列莫斯基廖某

已于 2022-08-08 20:16:37 修改

阅读量1w

点赞数 4

CC 4.0 BY-SA版权

文章标签：微信前端

于 2022-08-08 20:16:23 首次发布

本文链接：https://blog.csdn.net/lxgyydsgod/article/details/126234984

本文介绍了uniapp中实现微信分享的步骤，包括前置条件、如何开启分享到聊天、朋友圈和微信收藏。开发者只需利用uniapp内置的微信分享API，结合manifest.json配置，就能轻松实现微信分享功能。注意，未填写appid时，分享内容将显示为HBuilder，如需自定义来源需在微信平台注册appid。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

微信分享是uniapp开发中常见的需求，大部分的app或者小程序都会具备微信分享的功能，但微信分享效果并不难实现，因为uniapp本身自带了一个微信分享的api，我们只需要调用微信分享的api即可实现

前置条件

要完成微信分享首先得打开微信分享的功能，打开manifest.json文件，点击app模块配置，找到微信分享并选中即可

注意：appid不是必填项，如果appid为空时分享出去的内容来源会显示为HBuilder，如果需要显示的内容来源是自身的app则需自行在各微信平台注册appid，填写注册的appid，打包后生效。

分享到聊天界面

<template>
	<view>
		<button @click="share">点我微信分享</button>
	</view>
</template>
<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			share() {
				uni.share({
					provider: "weixin",
					scene: "WXSceneSession",
					type: 0,
					href: "https://cn.bing.com/images/search?q=%e5%a5%b6%e8%8c%b6&form=HDRSC2&