一、分享给微信好友 要实现分享给微信好友的功能,我们需要借助uniapp提供的onShareAppMessage生命周期钩子函数。该函数会在用户点击右上角分享按钮时被调用,我们可以在其中设置分享的标题、路径等信息。 下面是一个简单的示例代码: export default { onShareAppMessage() { return { title: '分享给微信好友', path:...
简介: uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接 一、在开发微信小程序的时候,发现【发送给朋友】、【分享到朋友圈】、【复制链接】功能,灰色不可用。 很常见的功能,但是这几个功能,并不是你项目建起来了就有的。 1.【发送给朋友】使用 onShare...
path:'/pages/index/index',//点击分享链接之后进入的页面路径 imageUrl:'/static/logo.png',//分享发送的链接图片地址 success() { // 分享完成,请注意此时不一定是成功分享 uni.showToast({ title:"分享成功", duration: 3500, icon:"success" }); }, fail() { // 分享失败 uni.showToast({ title:...
//1.配置发送给朋友 onShareAppMessage() { return { title: '分享时的标题,一般是小程序名', //分享的标题 path: 'pages/index', //点击分享链接之后进入的页面路径 imageUrl: '/static/index.png' //分享发送的链接图片地址 }; }, //2.配置分享到朋友圈 onShareTimeline(){ return{ title: '分享...
微信分享大家见怪不怪了!就是再APP点击分享,然后唤起微信,分享当前页面到朋友圈或者分享给朋友。 所以,我开发了这样的一个工具。 动图demo 分享后 就是一个带有标题、描述文字、LOGO、分享来源的一个小卡片。 开发 这个App是使用uni-app框架开发的。
需要先设置按钮为分享按钮 分享 vue2 分享 initMenu () { uni.showShareMenu({ withShareTicket:true, //设置下方的Menus菜单,才能够让发送给朋友与分享到朋友圈两个按钮可以点击 menus:['shareAppMessage','shareTimeline'] }) }, //发送给朋友 onShareAppMessage(res) { // 此处的distSource为...
uniapp 微信小程序分享到朋友、分享到朋友圈 //分享到朋友圈onShareTimeline() {return{ title:'鸣火', path:"pages/tabbar/tabbar?share=微信会把分享到朋友圈的参数去掉,别想了!", imageUrl:"../../static/logo.png", }; },//发送给朋友onShareAppMessage() {return{...
uni.share 需要分享的页面调用uni.share进行分享功能操作,官网文档上有详细介绍。 //分享到微信聊天,图文分享uni.share({provider:"weixin",scene:"WXSceneSession",type:0,href:"http://uniapp.dcloud.io/",//这里写打开app的urlschemestitle:"uni-app分享",summary:"我正在使用HBuilderX开发uni-app,赶紧跟...
添加生命周期函数就生效,可以自定义 onLoad(){}, /* * uniapp微信小程序分享页面到微信好友 */ onShareAppMessage() {}, /* * uniapp微信小程序分享页面到微信朋友圈 */ onShareTimeline() {}, 1. 2. 3. 4. 5. 6. 7. 8. 9. 10.
uni.share({ provider: "weixin", scene: "WXSceneSession", type: 0, href: url, title: title, summary: miaoshu, imageUrl: imgurl, success: function (res) { console.log(JSON.stringify(res)); uni.showToast({ title: '已分享', duration: 2000 }); }, fail: function (err) { var errr...