uni-app微信小程序分享微信好友与分享到朋友圈功能
微信小程序的本地真机测试也是有效的,或者上传的体验版也是可以正常使用的,不一定非要正式版才可以使用。
这个是按钮的分享,就是点击一下按钮就可以分享出去
<button class="class_guanzhu" data-src="这个是分享图片地址" data-title="这个是分享标题" open-type="share">发给好友</button>
<button data-src="这个是分享图片地址" data-title="这个是分享标题" open-type="share">发到朋友圈</button>
用uni-app开发的微信小程序要调用分享功能
以下是点击小程序边上三个点点时调用的代码
将每一个页面的分享功能弄成组件调用。
1、创建一个js文件(share.js)
export default{
data(){
return {
//设置默认的分享参数
sharedata:{
title:'ALAPI',
path:'/pages/index/index',
imageUrl:'',
desc:'',
content:''
}
}
},
//发送给朋友
onShareAppMessage(res) {
return {
title:this.sharedata.title,
path:this.sharedata.path,
imageUrl:this.sharedata.imageUrl,
desc:this.sharedata.desc,
content:this.sharedata.content,
success(res){
uni.showToast({
title:'分享成功'
})
},
fail(res){
uni.showToast({
title:'分享失败',
icon:'none'
})
}
}
},
//uniapp微信小程序分享页面到微信朋友圈
onShareTimeline(res) {
return {
title:this.sharedata.title,
query:'',
imageUrl:this.sharedata.imageurl,
success(res){
uni.showToast({
title:'分享成功'
})
},
fail(res){
uni.showToast({
title:'分享失败',
icon:'none'
})
}
}
}
}
2、全局使用, 在 main.js 里面 添加全局的 mixin
import share from '@/components/....你的路径.../share.js' //自定义分享功能
Vue.mixin(share)
3、在需要的页面进行调用就行啦
a. 这个是第一种调用方式,用下面这段,总觉得有些麻烦后期不方便扩展与处理
export default {
data(){
return {
//设置默认的分享参数
sharedata:{
title:'ALAPI',
path:'/pages/index/index',
imageUrl:'',
desc:'',
content:''
}
}
}
b.另外一种调用方式
//页面分享使用
function pub_show_share(zhege, l_listdata, xml1,fx_title,fx_path, fx_imageurl, fx_desc, fx_content,xml8) {
if (fx_title){zhege.sharedata.title = '' + fx_title;}
if (fx_path){zhege.sharedata.path = '' + fx_path;}
if (fx_imageurl){zhege.sharedata.imageurl = '' + fx_imageurl;}
if (fx_desc){zhege.sharedata.desc = '' + fx_desc;}
if (fx_content){zhege.sharedata.content = '' + fx_content;}
}
this.$qwbmjs.pub_show_share(_self, '', '','信息资讯','', '', '', '',''); //我现在用这种方式,最省事,就一句话处理
- 相关阅读
- 深山留言板css安装教程
- 用Javascript仿flash焦点图片效果支持IE与火狐
- 重要声明:关于某些人冒充本网站。
- 通过XMLHTTP检查网站能否打开
- asp利用fso中的二进制数据流方式读取任意文件,并且在网页上下载保存文件
- window.location.href跳转无反应不跳转解决
- 放心会计
- 深山留言板(激情圣诞集合五套模板)v4.4
- 共有0条关于《uni-app微信小程序分享微信好友与分享到朋友圈功能》的评论
- 发表评论
正在加载评论......
返回顶部发表评论
网友评论声明,请自觉遵守互联网相关政策法规。
您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。
- 更多>>同类信息
- uni-app开发表单input组件的一些规则说明自己预留使用
- uni-app:使用uni.downloadFile下载word或pdf文件并保存到手机
- 小程序中利用addPhoneContact将联系人的信息添加到手机通讯录支持保存联系人头像
- 微信小程序打开客服提示:该小程序提供的服务出现故障,请稍后重试
- 微信小程序客服会话只能过button让用户主动触发
- uni-app开发微信小程序使用button的open-type为contact调用微信客服不能用view或者js调用
- 更多>>最新添加文章
- dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
- Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
- 抖音直播音挂载小雪花 懂车帝小程序
- javascript获取浏览器指纹可以用来做投票
- 火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
- 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
- python通过代码修改pip下载源让下载库飞起
- python里面requests.post返回的res.text还有其它的吗