uniapp(安卓 | 苹果) - 最新实现安卓、苹果app端将资源分享到微信、朋友圈、转发给好友、QQ、手机本地app应用，App平台端如何调用手机系统原生分享功能，图片音频视频文字文件文档在线分享

已于 2024-09-12 15:57:01 修改
阅读量1.6k 收藏 4
点赞数 9
分类专栏： 前端组件与功能(开箱即用) 文章标签： uni-app android安卓手机系统分享 ios苹果手机系统分享 调用本机系统原生分享面板菜单 没有appid该如何分享到微信 微信朋友圈 微信好友 转发分享 文字视频音频文档文件分享到微信
于 2024-07-25 23:46:46 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_50545213/article/details/140702037
版权

效果图

在uniapp(手机app端) 安卓Android、苹果ios系统中，调用手机系统原生 “分享菜单” 包括微信分享、转发到朋友圈、转发给好友、qq好友、各种已安装app对应的操作服务等，微信appid可有可无，有微信appid可以做更多功能，没有的话也可以正常分享，把你页面中的任意一段文字文本、音频文件、在线视频、文件文档、office word excel ppt 等进行分享功能，打开本机系统自带的分享菜单，由用户自己选择分享到什么app。

uniapp Vue3和Vue2都能用，详细示例代码，新手小白快速搞定。

说明及示例代码

了解本专栏 订阅专栏 解锁全文
街尾杂货店&
关注
专栏目录
订阅专栏
uniapp(安卓苹果app端) - 微信小程序分享提示报错“由于不支持的分享类型无法分享到微信“，“由于应用和小程序未绑定在同意微信开放平台账号，无法分享到微信“解决办法，uniapp小程序分享失败
高级前端工程师
07-26 4053
uni-app，安卓app，苹果app，手机app端，苹果ios，安卓Android，移动端app，分享，微信分享，微信朋友圈，微信好友，转发，vue2，vue3，App端调用手机的系统分享，微信小程序，分享功能，原生app分享小程序到微信，可分享到微信、朋友圈等，报错，uniapp分享报错由于不支持的分享类型无法分享到微信，未审核应用，uniApp安卓苹果app报错由于应用和小程序未绑定在同意微信开放平台账号，无法分享到微信，微信appid，已经配置了，还是报错，无法解决，一直提示，APP_ID错误，打包
微信公众平台 - 微信内置浏览器 WeixinJSBridge.invoke(‘xxx‘) API 报错：system:access_denied（常见于微信支付、分享朋友圈/转发好友等功能）解决方案
王佳斌
02-11 3985
微信支付提示System:access_denied，调用微信支付 返回:system:access_denied 为什么，安卓版微信支付偶尔出现system:access_denied，微信公众号开发分享出现system:access_denied，system:access_denied如何解决？微信WeixinJSBridge.invoke(‘xxx‘) API调用后出现报错，微信内部H5 WeixinJSBridge.invoke system:access_denied，使用微信jssdk时报ac
【微信小程序】-uni-app开发-安卓/IOS分享txt文件给好友
qq_43813351的博客
05-08 538
解释：在调用wx.FileSystemManager.saveFile()方法的时候，传入的参数不是临时文件路径，或者是目标路径无访问权限（usr目录）。：方法用错了，下面介绍另一种简单的小程序分享文件给好友的方法。
【uni-app+vue3】分享功能，App端调用手机的系统分享，可分享到微信、QQ、朋友圈等，已实现
花椒和蕊的博客
10-20 2434
【uni-app+vue3】分享功能，App端调用手机的系统分享，可分享到微信、QQ、朋友圈等，已实现
uniapp - APP分享到微信，通过h5页面跳转至对应的app页面
Jocelyn_书
08-02 2670
从app分享到微信再到微信网页跳转至app对应页面，其中需要注意的是在微信开放平台和微信公众平台的相关配置，看配置是否成功可以在微信开发者工具里测试，把debug模式打开，就可以看到对应的日志反应是否是配置成功了的。还有各个环节的传递参数，记得存取好。uni-app中使用wx-open-launch-app-CSDN博客。
uni-app 启用微信分享给好友和分享到朋友圈功能
qq_41691068的博客
06-19 538
uni-app 启用微信分享给好友和分享到朋友圈功能。
uniapp ios分享
qq_39363821的博客
10-08 262
uniapp ios 分享
微信内置浏览器 用 JS 调用微信APP分享到微信朋友圈
kimizhou_blog的专栏
05-17 2万+
昨天开始搞分享到微信朋友圈，要求直接调用微信APP的分享到朋友圈。。。    1：首先你需要完成微信的六大前期准备工作，这也是最烦人的。请仔细阅读微信的APP文档：    文档地址：https://mp.weixin.qq.com/wiki/11/74ad127cc054f6b80759c40f77ec03db.html          1.1  绑定域名 这种东西，需要注册，
手机浏览器唤起微信分享(JS)
01-18
在网上看了很多，都说APP能唤起微信，手机网页实现不了。也找了很多都不能直接唤起微信。 总结出来一个可以直接唤起微信的。适应手机qq浏览器和uc浏览器。 下面上代码，把这些直接放到要转发的页面里就可以了： html...
uniapp app分享页面到微信的功能方法
lyz246859的博客
06-27 706
如上图所示：app主体代码就是这样了，查看相应配置就可以，同时需要新建一个匹配的存放h5页面的项目，在app中填入H5页面的链接就可以了，是不是很简单呢。最近开发uniapp app项目时，有分享页面的功能需求，因此，给大家分享一下，在uniapp环境里，是如何分享页面到微信H5页面的。
uniapp安卓与IOS微信与QQ分享功能
最新发布
每一篇博客都是对自己技术的沉淀
08-09 1469
分享弹框组件代码： <template> <view> <!-- uView的popup弹框组件封装 --> <u-popup class="bPopup" :customStyle="customStyle" :zIndex="zIndex" :show="ushow" @close="close" @open="open" :closeable="false" :closeOnClickOverlay="true"
UniApp中实现微信分享功能：步骤详解与最佳实践
hzether的博客
02-22 8922
通过获取签名信息、配置微信JSSDK、设置分享数据和测试分享功能等步骤，您可以轻松地将链接分享到微信好友，并显示标题和缩略图。特别是在中国，微信作为最大的社交平台，其分享功能对于应用的推广和用户互动至关重要。在H5页面中触发分享操作，观察微信是否弹出分享界面，并检查分享的标题、链接和缩略图是否正确显示。需要注意的是，由于微信分享的签名信息有一定的有效期（通常为2小时），因此在设置分享之前需要检查签名是否过期。函数中，使用获取到的签名信息配置微信JSSDK，并设置分享的标题、链接、缩略图等内容。
uniapp——ios端和android端微信分享,通过打开appStore和应用宝商店下载
weixin_57265841的博客
05-11 3858
uniapp——ios端和android端微信分享,通过打开appStore和应用宝商店下载
使用uniapp开发安卓端，分享功能最佳实践
m0_56076428的博客
05-09 556
网上搜索uniapp实现分享功能，出现最多的是，uni.share(OBJECT) 这个api的教程，如果是适配安卓端建议使用uni.shareWithSystem(OBJECT)这个API，uni.share实现分享功能需要申请各个平台的密钥比较麻烦，uni.shareWithSystem(OBJECT)是调用安卓系统的分享组件,不需要额外申请其他平台的密钥、
uniapp分享实现
m0_67388537的博客
07-20 8899
在 manifest.json 的 App SDK 配置里，勾选微信消息及朋友圈，并填写 appid，如需在iOS平台使用还需要配置通用链接。如果手机端未安装QQ、微博，调用时会启动这些平台的wap页面分享，如果已安装相应客户端，会启动它们的客户端分享。可以得到配置的结果列表，注意这里返回的是manifest配置的，与手机端是否安装微信、QQ、微博无关。可以分享到微信、QQ、微博，每个社交平台被称为分享服务提供商，即provider。微信小程序分享不支持调用api分享，只支持用户手动点击分享。
uni-app实现Android分享到微信朋友圈和微信好友
weixin_37178391的博客
05-25 942
uni-app实现Android分享到微信朋友圈和微信好友 这个App是使用uni-app框架开发的。 没了解过可以取访问：https://uniapp.dcloud.io/ 了解一下！ uni-app是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。 创建项目 1、先下载开发工具HBuilderX 2、创建项目 3、选择uni-app 4、创建完成后就会有一个模板了。 代码 5、打开pages/index/index.vue，拷
uniapp android与ios app的文件分享功能
weixin_42373679的博客
02-02 1555
uniapp 任意类型的文件分享功能
APP分享到微信的流程（以及二次分享样式问题）
热门推荐
LYL_520的博客
04-26 4万+
如果要完成微信分享，还是有需要去微信官方开发文档看一下的。附上地址：微信开发平台微信公众平台开发文档自己老年记忆力过段时间肯定会忘记如何去实现这个功能，所以记录一下。因为自己不是写客户端的（Android、ios），所以前端代码并不能详细记录在这里，可以参考微信开发平台中的说明。后端服务是在客户端提供给我们一个接口的前提下进行开发的。接口如下：/** * 分享 * type:1:仅分享到通讯2...
uniapp 微信分享（ios）
A_Brave的博客
07-26 1707
ios分享 首先项目的打开manifest.json，找到App模块配置，勾选微信分享会弹出一个Android和ios的配置项， ios分享需要的是一个UniversalLinks链接 1.进入苹果开发者后台,点击Certificates, IDs & Profiles 2.如果之前创建过id，就直接点击进去可以修改，如果没有就点击新建一个id，勾选Associated Domains 注意：如果你之前生成过打包用的profile文件，修改之后打包需要在Profiles里面重新下载一个.mo
unniapp阻止事件冒泡
12-30
在uniapp中，可以使用`@click.stop`来阻止事件冒泡。但是有时候可能会发现`@click.stop`并没有生效，这可能是因为事件绑定的位置不正确导致的。确保`@click.stop`是在需要阻止冒泡的元素上正确绑定的。 以下是一个示例代码，演示了如何在uniapp中阻止事件冒泡： ```html <template> <view @click.stop="handleClick"> <button @click="handleButtonClick">按钮</button> </view> </template> <script> export default { methods: { handleClick() { console.log('父节点点击事件'); }, handleButtonClick(event) { event.stopPropagation(); console.log('子节点点击事件'); } } } </script> ``` 在上面的代码中，`@click.stop`被绑定在父节点上，用于阻止事件冒泡。而在子节点的点击事件处理函数中，使用`event.stopPropagation()`来阻止事件继续向上冒泡。 这样，当点击按钮时，只会触发子节点的点击事件，而不会触发父节点的点击事件。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

街尾杂货店&

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值