您当前的位置:首页 > 电脑百科 > 程序开发 > 移动端 > 小程序

微信小程序分享功能

时间:2022-08-04 15:42:58  来源:  作者:zw源

由于小程序的分享(微信、头条平台),需要监听页面的onShareAppMessage生命周期,小程序需要在页面声明了此生命周期,点击右上角的"胶囊"才会有分享功能,

而一般情况下,我们希望每个页面都可以分享,那就需要每个页面都写一遍这个生命周期,是很繁琐的。

基于以上,开源字节基于uview通过mixin的形式,给每一个页面注入了onShareAppMessage生命周期,让您简单引入,无需任何后续操作,即可让每一个页面都有分享功能(仅针对小程序)。

 

基本使用

需要注意的是,小程序(uni)没有提供类似"getNavigationBarTitle"这样的接口,所以我们无法获取当前页面导航栏的标题,换言之,我们想要每个页面个性化的分享标题,需要手动设置,否则默认为小程序的名称

首先在main.js中引入对应的文件

let mpShare = require('uview-ui/libs/mixin/mpShare.js');Vue.mixin(mpShare)

通过this.$u.mpShare定义分享信息

// 分享自定义标题与图片let shareTitle = ''if(room.type == '整租'){shareTitle = this.village.name + " " + this.room.houseNum + this.room.houseHall + this.room.toiletNum + " " + this.room.decoration+ " ¥" + this.room.price+"/月"}else{shareTitle = this.village.name + " " + room.roomType + " " + this.room.decoration+  " ¥" + this.room.price+"/月"}this.$u.mpShare = {title:  shareTitle, // 默认为小程序名称,可自定义// 支持PNG及JPG,默认为当前页面的截图imageUrl: this.room.faceUrl, }

开源字节追求用更简单的逻辑,更少的代码实现更复杂的功能。以上代码在开源字节的租房小程序中都已开源上线,可前往仓库获取源码

如若转载,请注明出处:开源字节
https://sourcebyte.cn/article/210.html



Tags:微信小程序   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
由于小程序的分享(微信、头条平台),需要监听页面的onShareAppMessage生命周期,小程序需要在页面声明了此生命周期,点击右上角的"胶囊"才会有分享功能,而一般情况下,我们希望每个...【详细内容】
2022-08-04  Tags: 微信小程序  点击:(0)  评论:(0)  加入收藏
第一步,在utils文件夹里新建一个filter.wxs文件 var replaceStar = function (index) { var a switch (index) { case '1': a = '出生时' break; case '...【详细内容】
2022-07-28  Tags: 微信小程序  点击:(14)  评论:(0)  加入收藏
一、微信小程序迁移是什么?“小程序迁移”是指微信公众平台提供的,协助小程序帐号开发者将其小程序项下业务交由其他开发者的小程序承接、运营的功能和服务。迁移完成后,小程序...【详细内容】
2022-07-21  Tags: 微信小程序  点击:(24)  评论:(0)  加入收藏
随着微信小程序的运营场景不断丰富,不少openinstall客户希望通过小程序拓展App落地页下载场景。但由于微信小程序本身的限制,企业主体的小程序必须配置业务域名,才能在web-view...【详细内容】
2022-07-01  Tags: 微信小程序  点击:(158)  评论:(0)  加入收藏
随着手机App越来越大,非常占用存储空间,于是我想到了小程序,轻量级、免安装,在微信上就能使用,非常方便!下面就给大家分享6个宝藏级的微信小程序,免费又实用,工作生活都用得到。 01*...【详细内容】
2022-06-23  Tags: 微信小程序  点击:(79)  评论:(0)  加入收藏
示例简介本文介绍使用ec-canvas实现小程序图表功能,支持切换更新数据并在IOS顺畅使用。Tips:本文只介绍柱形图,其它图形类似,具体可查看GitHub上的ecomfe/echarts-for-weixin项...【详细内容】
2022-06-22  Tags: 微信小程序  点击:(79)  评论:(0)  加入收藏
大家每天都在使用微信,其实微信上还有很多好用的小程序。今天就给大家分享10个令人爱不释手的微信小程序,个个好用不要钱,请你低调使用! 1.番茄闹钟平时学习工作很难集中精力,不...【详细内容】
2022-05-31  Tags: 微信小程序  点击:(34)  评论:(0)  加入收藏
1. 前言微信小程序开发平台,提供一类 API,可以让开发者获取到微信登录用户的个人数据。这类 API 统称为开放接口。Tip:微信小程序开发平台,会把微信登录用户的个人信息分为明文...【详细内容】
2022-05-17  Tags: 微信小程序  点击:(95)  评论:(0)  加入收藏
微信小程序因为轻便、无需安装受到很多人喜欢,今天就给大家分享6个令人赞不绝口的微信小程序,免费且实用,请低调使用哦! 1.文字转语音助手软件当领导发过来一份视频让你在下班前...【详细内容】
2022-05-12  Tags: 微信小程序  点击:(74)  评论:(0)  加入收藏
微信我们每天都在用,我更喜欢上面的小程序,轻量化、免安装,打开就能使用。下面我就给大家分享9个令人叹为观止的微信小程序,个个好用不要钱,建议大家低调使用。 01*手机弹幕亮点:...【详细内容】
2022-04-28  Tags: 微信小程序  点击:(59)  评论:(0)  加入收藏
▌简易百科推荐
由于小程序的分享(微信、头条平台),需要监听页面的onShareAppMessage生命周期,小程序需要在页面声明了此生命周期,点击右上角的"胶囊"才会有分享功能,而一般情况下,我们希望每个...【详细内容】
2022-08-04  zw源    Tags:微信小程序   点击:(0)  评论:(0)  加入收藏
一、接口介绍据文章类别、关键词等筛选条件,查询微信精选或最新发布的文章、阅读点数、评论、正文、以及微信权威、高流量的公众号等数据,支持分页查询。二、接入点功能 微信...【详细内容】
2022-08-03  万维易源    Tags:API接口   点击:(4)  评论:(0)  加入收藏
第一步,在utils文件夹里新建一个filter.wxs文件 var replaceStar = function (index) { var a switch (index) { case '1': a = '出生时' break; case '...【详细内容】
2022-07-28  马克-1949    Tags:filter   点击:(14)  评论:(0)  加入收藏
一、微信小程序迁移是什么?“小程序迁移”是指微信公众平台提供的,协助小程序帐号开发者将其小程序项下业务交由其他开发者的小程序承接、运营的功能和服务。迁移完成后,小程序...【详细内容】
2022-07-21  维可解    Tags:微信小程序   点击:(24)  评论:(0)  加入收藏
随着微信小程序的运营场景不断丰富,不少openinstall客户希望通过小程序拓展App落地页下载场景。但由于微信小程序本身的限制,企业主体的小程序必须配置业务域名,才能在web-view...【详细内容】
2022-07-01  openinstall    Tags:微信小程序   点击:(158)  评论:(0)  加入收藏
示例简介本文介绍使用ec-canvas实现小程序图表功能,支持切换更新数据并在IOS顺畅使用。Tips:本文只介绍柱形图,其它图形类似,具体可查看GitHub上的ecomfe/echarts-for-weixin项...【详细内容】
2022-06-22  东少笔记    Tags:echarts   点击:(79)  评论:(0)  加入收藏
搭建知识付费型小程序,商家设置资源自动交付,资源是商品,购买成功之后系统自动发货,顾客查询订单详情就能获取资源。 动图演示的是用轻栈「链接」制作的知识付费商城使用效果,它...【详细内容】
2022-06-09  轻栈    Tags:小程序   点击:(51)  评论:(0)  加入收藏
最近有人私信我小程序怎么做,报价是多少之类的话题。首先明确一点,我肯定是不会接普通的私活,帮老板做经营性质的小程序,我想要做的是合作共赢的方式,具体细节有时间可以重开一篇...【详细内容】
2022-05-23  泽哥爱晓钊    Tags:小程序   点击:(145)  评论:(0)  加入收藏
1. 前言微信小程序开发平台,提供一类 API,可以让开发者获取到微信登录用户的个人数据。这类 API 统称为开放接口。Tip:微信小程序开发平台,会把微信登录用户的个人信息分为明文...【详细内容】
2022-05-17  那只斑马还没有睡    Tags:微信小程序   点击:(95)  评论:(0)  加入收藏
可以这样说,现在使用微信的人,大部分都使用过微信小程序,如今很多行业都开发了自己的微信小程序,微信小程序开发的费用相信大家都听到过不同,有几百也有几千甚至有上万的,价格差距...【详细内容】
2022-04-28  北京合合app开发-姜    Tags:小程序开发   点击:(74)  评论:(0)  加入收藏
站内最新
站内热门
站内头条