订阅本栏目 RSS您所在的位置: 深山工作室 > uni-app > 正文

微信小程序发送给朋友与分享到朋友圈显示灰色的但是按钮分享可以使用

2021/1/31 23:01:10 字体: 浏览 3331


在做小程序分享时,在上传之前忘记测试分享功能,因为当时只使用了按钮分享功能

按钮分享代码
<button class="class_guanzhu" data-src="这个是分享图片地址" data-title="这个是分享标题" open-type="share">发给好友</button>
<button data-src="这个是分享图片地址" data-title="这个是分享标题" open-type="share">发到朋友圈</button>

但是点击小程序顶部的三点里面的分享
就发现发送给朋友与分享到朋友圈全是灰色不可以点击的。
这是因为你没有设置相关的配置。需要设置当前页面的



以下的代码是uni-app开发使用的,不是小程序开发工具使用的,请一定要注意。
//发送给朋友
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'
          })
      }
  }
}


请点击查看更多关于微信小程序发送给朋友与分享到朋友圈的代码
https://www.qwbm.com/new.asp?id=929


下以提供其它代码参考:
onLoad(){
wx.showShareMenu({
withShareTicket:true,
//设置下方的Menus菜单,才能够让发送给朋友与分享到朋友圈两个按钮可以点击
menus:["shareAppMessage","shareTimeline"]
})
},
//发送给朋友
onShareAppMessage(res) {
// 此处的distSource为分享者的部分信息,需要传递给其他人
let distSource = uni.getStorageSync('distSource');
if (distSource) {
return {
title: '深山工作室欢迎你',
type: 0,
path: '/pages/index/index',
summary: "",
imageUrl: "这个是分享图片地址"
}
}
},
//分享到朋友圈
onShareTimeline(res) {
let distSource = uni.getStorageSync('distSource');
if (distSource) {
return {
title: '深山工作室欢迎你',
type: 0,
query: 'id=' + distSource, //这个是参数
summary: "",
imageUrl: "这个是分享图片地址"
}
}
},


注意事项
分享给朋友圈功能是2020年7月份新增的功能,目前仅支持安卓,IOS不支持
目前是内测阶段,部分功能还是有问题的,例如分享到朋友圈功能,其中的query参数,这个参数在onLoad中是获取不到的,也就是说从此页面分享出去的,其他人进入此页面是拿不到分享者的信息的。这样就不能做分享者与用户之间的关联了。

相关阅读
Visa签证服务商建站解决方案
网站页面设计中的Css十大注意
旅行社手机网站模板4
JavaScript实现文本框提示效果
初学ASP动态网页制作常用错误处理
表格增加
QQ邮箱文件中转站点击下载效果
div+css中absolute标签与relative标签的巧妙运用
共有0条关于《微信小程序发送给朋友与分享到朋友圈显示灰色的但是按钮分享可以使用》的评论
发表评论
正在加载评论......
返回顶部发表评论
呢 称:
表 情:
内 容:
评论内容:不能超过 1000 字,需审核,请自觉遵守互联网相关政策法规。
验证码: 验证码 
网友评论声明,请自觉遵守互联网相关政策法规。

您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。

更多信息>>栏目类别选择
百度小程序开发
微信小程序开发
微信公众号开发
uni-app
asp函数库
ASP
DIV+CSS
HTML
更多>>同类信息
uni-app开发表单input组件的一些规则说明自己预留使用
uni-app:使用uni.downloadFile下载word或pdf文件并保存到手机
小程序中利用addPhoneContact将联系人的信息添加到手机通讯录支持保存联系人头像
微信小程序打开客服提示:该小程序提供的服务出现故障,请稍后重试
微信小程序客服会话只能过button让用户主动触发
uni-app开发微信小程序使用button的open-type为contact调用微信客服不能用view或者js调用
更多>>最新添加文章
呼伦贝尔市北天草原旅行社有限公司
四川悠旅地旅游有限公司
连云港五洲旅行社有限公司
邓州市途鸿旅行社
连云港华夏国际旅行社有限公司
重庆长航江山国际旅行社
松原市海航商务旅行社
广西亚太国际旅行社有限公司
更多>>随机抽取信息
吉林省文化国际旅行社
购买系统多久可以安装?
关于深山旅行社演示网站一些错误
asp利用XMLHTTP获取xml数据方法
网页制作中注意应用HTML标签的问题
键盘上shift键的奇妙用途