前言

微信分享是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&first=1&tsc=ImageHoverTitle",    // 分享跳转的链接title: "微信分享",    // 分享标题summary: "微信分享示例",    // 分享内容文字imageUrl: "https://tse4-mm.cn.bing.net/th/id/OIP-C.4dMFZeNZTSghjY1RpuOqlgHaLH?w=182&h=273&c=7&r=0&o=5&dpr=1.25&pid=1.7",    //分享封面图片success: function(res) {// 此处是调起微信分享成功的回调},fail: function(err) {// 此处是调起微信分享失败的回调}});}}}
</script><style></style>

分享到朋友圈

<template><view><button @click="share">点我微信分享</button></view>
</template>
<script>export default {data() {return {}},methods: {share() {uni.share({provider: "weixin",scene: "WXSceneTimeline",type: 0,href: "https://cn.bing.com/images/search?q=%e5%a5%b6%e8%8c%b6&form=HDRSC2&first=1&tsc=ImageHoverTitle",    // 分享跳转的链接title: "微信分享",    // 分享标题imageUrl: "https://tse4-mm.cn.bing.net/th/id/OIP-C.4dMFZeNZTSghjY1RpuOqlgHaLH?w=182&h=273&c=7&r=0&o=5&dpr=1.25&pid=1.7",    //分享封面图片success: function(res) {// 此处是调起微信分享成功的回调},fail: function(err) {// 此处是调起微信分享失败的回调}});}}}
</script><style></style>

分享到微信收藏

<template><view><button @click="share">点我微信分享</button></view>
</template>
<script>export default {data() {return {}},methods: {share() {uni.share({provider: "weixin",scene: "WXSceneFavorite",type: 0,href: "https://cn.bing.com/images/search?q=%e5%a5%b6%e8%8c%b6&form=HDRSC2&first=1&tsc=ImageHoverTitle",    // 分享跳转的链接title: "微信分享",    // 分享标题imageUrl: "https://tse4-mm.cn.bing.net/th/id/OIP-C.4dMFZeNZTSghjY1RpuOqlgHaLH?w=182&h=273&c=7&r=0&o=5&dpr=1.25&pid=1.7",    //分享封面图片success: function(res) {// 此处是调起微信分享成功的回调},fail: function(err) {// 此处是调起微信分享失败的回调}});}}}
</script><style></style>

以上就是微信分享的基本用法了，关于微信分享更多的信息可以前往uniapp 微信分享查看

uniapp 微信分享相关推荐

uniapp 微信分享（ios）
ios分享首先项目的打开manifest.json,找到App模块配置,勾选微信分享会弹出一个Android和ios的配置项, ios分享需要的是一个UniversalLinks链接 1.进入苹果开 ...
uniapp 微信分享（安卓）
安卓分享: 首先项目的打开manifest.json,找到App模块配置,勾选微信分享会弹出一个Android和ios的配置项先说Android的appid获取: 1.登录微信开放平台 2.进入管 ...
uni-app使用vue3、ts小程序如何微信分享到朋友和朋友圈
本文章向大家介绍uniapp 微信小程序实现微信分享,主要包括uniapp 微信小程序实现微信分享使用实例.应用技巧.基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下. 实际使 ...
uniapp如何分享文件到微信文件分享
前言微信分享是一个很重要的社交功能,uniapp封装了uni.share(OBJECT)分享功能,可以分享纯文 / 纯图 / 图文 / 视频 / 音乐 / 小程序 ,但是唯独没有文件分享的选项,无 ...
uni-app 微信小程序分享按钮
uni-app 微信小程序分享按钮官方文档说明在 manifest.json 的 App SDK 配置里,勾选微信消息及朋友圈,并填写相关 appkey,微信 appkey 在需要分享的页面填写: ...
uni-app 微信小程序分享功能传参接收与调试
uni-app 微信小程序功能传参接收与调试当使用微信小程序进行分享好友功能时,怎样能够联调,查看是否接收到参数,并在被分享人点进来的时候逻辑处理是否正确. 1.分享功能实现分享给朋友 ...
uniapp 微信小程序分享海报
uniapp 微信小程序分享海报下面是一个Uniapp微信小程序分享海报的简单示例: 在Uniapp项目中创建一个新的页面,用于展示要分享的内容和生成海报.例如,我们可以在新页面中显示一张图片和一些 ...
uniapp微信小程序和打包app的分享功能
小程序端和app端分享html:  <view class="goodsMenu" @click="ap ...
uniapp项目中使用canvas生成海报并保存、微信分享、发送至朋友圈
uniapp项目中使用canvas生成海报并保存.微信分享.发送至朋友圈 1.html <canvas canvas-id="poster&qu ...
uniApp 自定义分享到微信、朋友圈
uniapp写app之自定义分享到微信和朋友圈新建组件share-posters 在项目中index.html文件中引入jWeixin 在父组件中使用新建组件share-posters uniap ...

uniapp 微信分享

前言

前置条件

分享到聊天界面

分享到朋友圈

分享到微信收藏

uniapp 微信分享相关推荐

最新文章

热门文章