uni-app 微信QQ小程序转发分享配置教程

uni-app 微信QQ小程序转发分享配置教程,首先该教程只对应小程序起作用,在开源“星茫多端小程序”的时候写了一个分享主页和文章详情,优化后打算就脱离出来也做一个小教程

uni-app 微信QQ小程序转发分享配置教程-度崩网-几度崩溃

平台差异说明

支持:微信小程序,支付宝小程序,百度小程序,头条小程序

不支持:5+app , h5

我们在官网查看onShareAppMessage 得知他有3个参数 一个是title标题,path页面路径,img分享封面图片,官方代码

  1. export default {
  2. onShareAppMessage(res) {
  3. if (res.from === 'button') {// 来自页面内分享按钮
  4. console.log(res.target)
  5. }
  6. return {
  7. title: '自定义分享标题',
  8. path: '/pages/test/test?id=123',
  9. imageUrl:''
  10. }
  11. }
  12. }

我们现在开始修改它

1.发起请求

首先我们发起一个文章详情页请求,随后我们要保存下请求的标题(title),文章id(psouid),文章封面(timg)

  1. onLoad() {
  2. uni.request({
  3. url: 'https://www.frbkw.com/wp-json/wp/v2/posts/2026',
  4. success:(res) =>{
  5. this.title = res.data.title.rendered;
  6. this.timg = res.data.meta.thumbnail;
  7. this.psouid = res.data.id;
  8. }
  9. }
  10. })
  11. },

2.保存参数

标题(title),文章id(psouid),文章封面(timg)

  1. data() {
  2. return {
  3. title:'',
  4. timg:'',
  5. psouid:''
  6. }
  7. },

3.收工

在methods外面写onShareAppMessage,

  1. onShareAppMessage(res) {
  2. let that = this;
  3. if (res.from === 'button') {// 来自页面内分享按钮
  4. console.log(res.target)
  5. }
  6. return {
  7. title: that.title,
  8. path: '/pages/data/data?id=' + that.psouid,
  9. imageUrl:that.timg
  10. }
  11. },

整理来说没有太大的技术含量,只是把保存一个参数,在页面转发分享的时候赋值,效果截图,

uni-app 微信QQ小程序转发分享配置教程-度崩网-几度崩溃

 

若需要相关案例,请关注 微信公众号“枫瑞博客网” 回复 “uni星茫” 下载开源小程序pages/data/data界面

uni-app 微信QQ小程序转发分享配置教程-度崩网-几度崩溃

本文转自枫瑞博客

Uniapp

uni-app 新手微信小程序登入获取用户信息

2019-11-27 17:49:27

Uniapp

uni-app下载文件永久保存uni.downloadFile和uni.saveFile

2019-11-27 17:51:48

本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策。若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
⚠️
本站所发布的一切源码、模板、应用等文章仅限用于学习和研究目的;不得将上述内容用于商业或者非法用途,否则,一切后果请用户自负。本站信息来自网络,版权争议与本站无关。您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。如果您喜欢该程序,请支持正版,购买注册,得到更好的正版服务。如有侵权。本站内容适用于DMCA政策
若您的权利被侵害,请与我们联系处理,站长 QQ: 84087680 或 点击右侧 私信:盾给网 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
欢迎您,新朋友,感谢参与互动!
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
私信列表
搜索