微信小程序，发送给朋友和分享到朋友圈的方法总结

于 2024-03-20 15:12:36 发布
阅读量422 收藏 1
点赞数 7
分类专栏： uniapp 文章标签： 前端 uniapp
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/maliao5/article/details/136716701
版权

第一种，微信小程序右上角里面的分享两个按钮

文件中的

那一页要分享，就加上

第二种，以下设置分享当前页面

但是并没有改变发行的信息内容

用第一种就可以了。

爱吃玉米的螃蟹
关注
  • 7
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
如何为微信小程序添加社交分享功能
吃不胖.
02-27 218
本文将使用微信小程序开发框架来实现社交分享功能，包括设置页面分享标题、描述、图片、路径等内容，并通过微信API接口进行分享。可以根据实际需求来定制分享的内容和样式，以及处理分享成功和失败的情况。事件会在用户点击分享按钮时触发，返回一个分享内容的对象。四、展示分享按钮 为了方便用户进行分享，可以在页面中添加一个按钮，并在按钮的。文件中，通过调用微信小程序提供的API来实现分享功能。五、自定义分享按钮 如果你想要自定义分享按钮的样式，可以通过使用。六、得到分享结果 如果你想要得到分享的结果，可以在。
微信小程序生成海报分享朋友圈的实现方法
11-29
项目需求写完有一段时间了，但是还是想回过来总结一下，一是对项目的回顾优化等，二是对坑的地方做个记录，避免以后遇到类似的问题。 需求 利用微信强大的社交能力通过小程序达到裂变的目的，拉取新用户。 生成的海报如下 需求分析 1、利用小程序官方提供的api可以直接分享转发到微信群打开小程序 2、利用小程序生成海报保存图片到相册分享到朋友圈，用户长按识别二维码关注公众号或者打开小程序来达到裂变的目的 实现方案 一、分析如何实现 相信大家应该都会有类似的迷惑，就是如何按照产品设计的那样绘制成海报，其实当时我也是不知道如何下手，认真想了下得通过canvas绘制成图片，这样用户保存这个图片到相册，就可以
微信小程序点击生成朋友圈分享图(遇到的坑)
11-20
上个月boss交给我个微信小程序的活，告诉我只需要负责前端页面这块，问我多久做完，于是我不知天高地厚的说 一礼拜就能完工，哈哈哈，果然，现实总是那么无情的来打脸了。。。磨磨蹭蹭一共用了将近3个礼拜才算完事。 今天就来总结下遇到的各种坑好了~~~ 由于做的是仿照包你说的小程序，这里就借用包你说的截图好啦 （这个做出来是模拟器跟真机上都会显示生成的图片的，鬼知道是为啥。。） 唔，不废话了，直接上代码好啦 A:wxml(一定要加上image标签，如果你没有加的话，那么即使图片生成了，在页面上也是不会显示的，问过大神之后我才知道我之前一直没弄出来是因为我没加image标签) <view hidde
微信小程序通过保存图片分享到朋友圈功能
12-11
说明 首先说明一点，小程序内是不能直接分享到朋友圈的。所以只能通过生成图片，携带小程序二维码，保存到手机相册，让用户自己选择发到朋友圈。然后可以通过在小程序中识别二维码来进入小程序的指定页面。参考市面上支持分享的应用，基本都是这种实现方式。 准备阶段 1.通过服务器获取小程序码 这里可以参考下微信的官方文档，给后台指定的参数和路径等信息，让后台生成指定的小程序码。然后调用wx.getImageInfo将后台生成的小程序码保存起来。 注意一定要仔细看下微信的文档，如果生成小程序码的路径正式服务器不存在，将会生成失败。这点也很蛋疼，很不方便调试。 wx.getImageInfo({ src:
微信小程序实现分享到朋友圈功能
12-01
截止到2017年11月18号，微信小程序官方还尚未开放直接分享到朋友圈的能力，但是劳动人民的智慧是伟大的，现在普遍的做法是，生成一张带有小程序码的图片，保存到用户相册，用户自行发布图片到朋友圈 我的套路： 请求后端API生成小程序码（生成小程序码需要access token，后端生成比较方便） canvas绘制文字和图片到画布 当用户点击分享到朋友圈时，给用户展示画布，画布转成图片，并将图片保存到相册 onShow: function () { var that = this; //1. 请求后端API生成小程序码 that.getQr(); //2. canv
微信小程序分享功能总结
qianduan2001_5的博客
06-26 3141
2, 调用API wx.showShareMenu({menus: []}) 开启分享功能,可设置分享好友还是分享朋友圈 shareAppMessage指微信好友分享 shareTimeline 指的是微信朋友圈分享 ,, 点击右上角菜单分享 注意 分享需要开启分享好友功能。1, 在js文件中实现onShareAppMessage函数,即可点击右上角菜单分享给微信好友 (页面中默认已实现)在js文件中实现onShareTimeline函数,即可点击右上角菜单分享到微信朋友圈 (需要自己添加)
小程序实现分享的三种方法
kangkang212916的博客
06-26 9687
2, 调用API wx.showShareMenu({menus: []}) 开启分享功能,可设置分享好友还是分享朋友圈 shareAppMessage指微信好友分享 shareTimeline 指的是微信朋友圈分享 ,, 点击右上角菜单分享。1, 在js文件中实现onShareAppMessage函数,即可点击右上角菜单分享给微信好友 (页面中默认已实现)在js文件中实现onShareTimeline函数,即可点击右上角菜单分享到微信朋友圈 (需要自己添加)
微信小程序的转发分享功能
热门推荐
richest_qi的博客
07-19 1万+
然后，onShareAppMessage(Objectobject)最后，onShareAppMessage(Objectobject)可以返回一个对象，用来自定义转发内容。，点击按钮，生成了当前页的快照，发送后，别人亦可访问当前页。首先，只有定义了onShareAppMessage()，页面右上角菜单才会显示“转发”按钮。......
设置小程序页面分享功能
weixin_64493170的博客
10-12 4711
微信小程序分享按钮灰色，实现分享功能
微信小程序分享到微信，公众号h5分享到微信，微信小程序跳转h5页面
m0_50789201的博客
06-15 1981
有些细节上还会有点欠缺，后续会不断完善补充。
微信小程序分享页面代码
m0_57790713的博客
07-23 2509
当用户点击分享按钮或通过右上角菜单分享时，会触发`onShareAppMessage`方法，返回相应的分享参数，并显示分享菜单供用户选择分享方式。2. 在你需要触发分享的页面的相关事件（例如点击按钮）中，调用`wx.showShareMenu`方法来显示分享菜单。"enableShareAppMessage": true, // 开启分享功能。"navigationBarTitleText": "小程序标题"// 在需要触发分享的事件中调用showShareMenu方法。"title": "分享标题",
微信小程序 分享的两种方式：菜单级和按钮级
zxcvb0825的博客
12-06 1161
在使用微信小程序的时候，我们可能会设计到一些视频的一些分享等，那么视频分享也分为两种方式,例如下图，当我们点击的时候，进行一个转发分享的一个操作那么在原先代码的基础上，我们需要在原先代码的基础上button按钮上设置open-type=“share”添加完open-type="share"后会触发一个onShareAppMessage事件，我们可以根据这个事件来对视频转发进行一个操作。但是如果没有写这个事件的话，虽然可以弹出分享的框，但是并不会对此进行任何的一个操作。写这个事件，当我点击发送的时候。
小程序实现分享功能
weixin_73676038的博客
06-28 2565
2, 调用API wx.showShareMenu({menus: []}) 开启分享功能,可设置分享好友还是分享朋友圈 shareAppMessage指微信好友分享 shareTimeline 指的是微信朋友圈分享 ,, 点击右上角菜单分享。1, 在js文件中实现onShareAppMessage函数,即可点击右上角菜单分享给微信好友 (页面中默认已实现)在js文件中实现onShareTimeline函数,即可点击右上角菜单分享到微信朋友圈 (需要自己添加)
小程序分享功能
just_xiaowei的博客
07-21 310
【代码】小程序分享功能。
小程序之web-view中的页面分享
st646889325的博客
10-10 2231
它的返回值就是对应的分享信息，这个时候我们拿到了对应的webview里面的url之后就可以做一些自己需要的操作了。由于整个小程序只有一个web-view，导致了所有页面的切换都是在一个原生页面下进行的，所以如果需要进行回退，最好是新增一个web-view的页面，用到专门处理分享的链接。由于整个小程序都是用web-view嵌入的，这个时候，如果单纯的进行页面分享，只会导致不管在web-view的哪个页面进行分享，都会在点击后进入首页。首先是开启小程序的页面分享功能。
【微信小程序】全局分享和页面分享
weixin_44899940的博客
09-01 2511
【微信小程序】全局分享和页面分享
uniapp微信小程序如何实现每个页面都可以点击右上角分享朋友圈和好友？
最新发布
weixin_42711805的博客
01-11 882
这样小程序每个页面就能点击右上角分享按钮给朋友圈或者好友了。这样小程序每个页面就能点击右上角分享按钮给朋友圈或者好友了。
微信小程序分享商品详情页面
weixin_59380960的博客
03-07 1430
首先必须要有一个button标签 <button open-type='share'><text style="color: #ee0a25;flex: 1;" class="icon-fenxiangtianchong iconfont"></text></button> 效果 js代码 /** * 用户点击右上角分享 */ onShareAppMessage: function (res) { if (res..
用vue2 开发微信小程序分享给朋友和朋友圈的功能 怎么实现
07-15
在Vue2中开发微信小程序，实现分享给朋友和朋友圈的功能，你可以按照以下步骤进行操作： 1. 在微信开发者工具中创建一个新的小程序项目。 2. 在Vue项目中安装 `@dcloudio/uni-ui` 插件，该插件是一个基于Vue的组件库，提供了微信小程序原生组件的封装。 ```bash npm install @dcloudio/uni-ui ``` 3. 在Vue项目中创建一个分享组件，可以使用 `open-type` 属性来实现分享功能。示例代码如下： ```html <template> <uni-button @click="shareToFriend">分享给朋友</uni-button> <uni-button @click="shareToTimeline">分享到朋友圈</uni-button> </template> <script> export default { methods: { shareToFriend() { uni.share({ provider: 'weixin', scene: 'WXSceneSession', type: 0, title: '分享标题', imageUrl: '分享图片链接', success(res) { console.log('分享给朋友成功', res) }, fail(err) { console.log('分享给朋友失败', err) } }) }, shareToTimeline() { uni.share({ provider: 'weixin', scene: 'WXSenceTimeline', type: 0, title: '分享标题', imageUrl: '分享图片链接', success(res) { console.log('分享到朋友圈成功', res) }, fail(err) { console.log('分享到朋友圈失败', err) } }) } } } </script> ``` 4. 在微信开发者工具中将项目编译为小程序，并在小程序中使用该分享组件。 请注意，以上代码是基于uni-app框架来实现的，uni-app是一个多端开发框架，可以同时开发多个平台的应用，包括微信小程序。在Vue2中直接开发微信小程序的方式较为复杂，推荐使用uni-app来简化开发流程。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值