小程序分享给好友以及分享到朋友圈
前言:小程序分享给好友或者朋友圈仅需我们使用微信自带的API,分享到朋友圈的前提是需要我们允许分享给好友,其次才可以分享到朋友圈,功能简单话不多说直接上官方API链接和代码。
一、分享给好友
wx.onShareAppMessage(function callback) | 微信开放文档 (qq.com)
我们直接使用官方API:onShareAppMessage
onShareAppMessage: function(res) {if (res.from === 'button') {// 来自页面内转发按钮console.log(res);}return {title: '现在注册还送全场8折优惠劵,无消费门槛',imageUrl: 'https://guacheng.fanwan.net.cn/applet/tools/newSharePic.png',path: '/pages/startPage/startIndex?userInviteCode=' + this.userQRcode,}},
其中的参数需要我们使用return,title是分享给好友的标题,imageUrl是我们分享内容图片的链接,path是我们的分享点入的页面路径,其中path是可以带参数的。
这时我们分享给好友功能已经完成,如果需要通过页面的button按钮来进行分享给好友需求,则直接使用特定的button如下open-type="share"即可,样式可以自行覆盖编写:
<button type="default" open-type="share">分享给好友</button>
面对面扫码功能也不难,后台生成带参数的二维码后,我们可以使用微信开发者工具通过二维码编译,(我们需要注意的是扫码二维码的时候是直接进入我们线上发布的正式服的,所以就无法进行测试,因此我们可以在生成二维码的时候通过开发工具的二维码编译,就可以根据我们开发的代码进行编译了)
然后正常的在onload()生命周期中获取参数,小程序应用级别的生命周期的onLaunch()中也可以获取到
二、分享到朋友圈
Page(Object object) | 微信开放文档 (qq.com)
onShareTimeline: function(res){return {title: '现在注册还送全场8折优惠劵,无消费门槛', //字符串 自定义标题query: 'id=1', //页面携带参数imageUrl:'https://guacheng.fanwan.net.cn/applet/tools/newSharePic.png' //图片地址}
这里我们也是用官方API:onShareTimeline,但是需要注意分享到朋友圈需要我们先允许分享给好友,并且值得注意的是分享到朋友圈是不能自定义路径的,并且限制较多,不建议将交互复杂的界面进行分享,官方文档的说明亦是如此。
同时分享到朋友圈的功能不支持我们使用自定义按钮,只能通过点击小程序右上方的胶囊位(个人反正是没有找到能够直接分享到朋友圈的按钮实现方式) ,至于分享的界面也和小程序内部有所不同,详情见下图(找了一个拼多多的案例),点击右下角的前往小程序则会前往当前浏览的小程序界面,(例如浏览的商品详情页则直接跳转到详情页,对应的参数是支持我们带参的)
小程序分享给好友以及分享到朋友圈相关推荐
- 小程序动态class_微盛小程序“圈子动态”来了!仿朋友圈发布动态,引流拓客神器...
微盛小程序"圈子动态",是一款和微信朋友圈有着相似功能,支持用户动态发布.帖子分享.点赞.评论等,能够集合小程序用户于一个圈子,给他们提供分享商品.交流沟通的平台,帮助商家提高客户 ...
- 微信小程序制作海报保存到相册发朋友圈
这个功能应该分三步来做: 一.制作海报图片 二.保存图片到相册 三.手动发朋友圈再到相册中取图片 详细步骤: 一.制作海报 1.要制作能保存到相册的图片,我们需要一个canvas标签,在我们的wxml ...
- 小程序反编译 g is not defined_朋友圈转发超多的小句子:这十二句经典英文台词,你能读懂几句?...
朋友圈转发超多的小句子:这十二句经典英文台词,你能读懂几句? 一.Sometimes, love is like a tour. You stop in many places, but there ...
- 一个生日微信小程序 生日动画_生日当天发朋友圈的文案 生日快乐微信小句子...
1.承蒙时光不弃,终究又长大了一岁,感谢每个阶段不同的自己. 2.希望我以后的人生平安喜乐,得偿所愿. 3.又长大了一岁,要更勇敢,少发脾气,按时睡觉,不要乱想. 4.要长大,要乖,要不负众望,生日快 ...
- uniapp微信小程序和打包app的分享功能
小程序端和app端分享html: <!-- #ifdef APP-PLUS --> <view class="goodsMenu" @click="ap ...
- 微信小程序开发,设置小程序为可转发可分享朋友圈
微信小程序开发过程中,我们需要把小程序设置为用户可以自己转发给好友,也可以把小程序分享到朋友圈,需要按照以下步骤来设置. 1. 在page中需要定义方法 onShareAppMessage(res) ...
- 微信小程序Excel生成下载浏览分享
微信小程序Excel生成下载浏览分享 完整流程 遇到的小问题 完整流程 主要是为了实现小程序前端从后端下载excel文件并浏览和分享excel文件给其他用户 主要实现步骤:通过后端返回的字节流 : w ...
- 答题活动小程序抽奖概率实现方案分享
答题活动小程序抽奖概率实现方案分享 答题活动小程序抽奖概率实现方案分享 ~ 首先写这篇文章一方面为了消化今天学到的抽奖概率方案,另一方面呢,也为了梳理思路,做出权衡,希望在写完这篇文章的时候,能确定该 ...
- 微信小程序 — 二维码海报分享到好友功能
上一篇文章有微信里面生成二维码功能.微信小程序 - 生成二维码功能_棒怡情的博客-CSDN博客 下面把生成的二维码加上对应的文字,分享给微信好友功能. 第一步:把内容进行绘制生成图片.用到canvas ...
- 微信小程序二:获取手机号+分享给好友
一.获取手机号 微信小程序开发文档:获取手机号 | 微信开放文档 <button open-type="getPhoneNumber" bindgetphonenumber= ...
最新文章
- 如何创建和维护你自己的man手册
- G4Sui老师的pair project(197)
- 计算机突然蓝屏无法启动_为什么计算机无法立即启动?
- 新入行程序员须知的8件事
- JavaSE02、方法,递归迭代
- js Function.call
- Js打印object对象两种方法
- js+div+css下拉导航菜单完整代码
- 教你用手机代替各类门禁卡
- android 访问win10共享文件夹,win10系统用手机es文件浏览器访问共享文件的操作方法...
- 2024 递归Eason
- Win10、Win7定时开关机
- 【电脑使用技巧】1TB的硬盘只有931G 硬盘容量去哪儿了?
- HarmonyOS 2真的来了!能让不同设备组成“超级终端”
- 地方政府争夺试点,互联网巨头参与测试,央行数字货币指日可待
- Pushlet和Dwr的简单服务器推技术
- 钉钉第三方登录,多地址授权
- 【手机LR预设】黑金风格RICH移动Lightroom预设
- 跨域请求实现百度搜索和360搜索的智能提示
- OpenSees2.3.0 用vs2012编译