为了账号安全,请及时绑定邮箱和手机立即绑定

「小程序JAVA实战」小程序的分享和下载功能(69)

在小程序上无法分享朋友圈,只能通过发送指定用户和指定的用户群来进行扩散,必须掌握分享功能至关重要!源码:https://github.com/limingios/wxProgram.git 中No.15和springboot

官方介绍

https://developers.weixin.qq.com/miniprogram/dev/framework/app-service/page.html#%E9%A1%B5%E9%9D%A2%E4%BA%8B%E4%BB%B6%E5%A4%84%E7%90%86%E5%87%BD%E6%95%B0

https://img1.sycdn.imooc.com//5e7817370001d1b112400504.jpg

小程序分享代码

videoInfo.js

onShareAppMessage: function (res) {    var me = this;    var videoInfo = me.data.videoInfo;    return {      title: '短视频内容分析',      path: "pages/videoinfo/videoinfo?videoInfo=" + JSON.stringify(videoInfo),      imageUrl: "https://developers.weixin.qq.com/miniprogram/introduction/image/a.png?t=18090718"
    }
  },

https://img1.sycdn.imooc.com//5e7817380001f34312400471.jpg

实现小程序转发有二种方式,一种是用户点击右上角转发,一种是在html文件中通过button实现转发功能

  • 第一种方式:

在官方文档中搜索转发出现:

https://img1.sycdn.imooc.com//5e7817380001f05f12400220.jpg

点击链接会找到实例的代码:

https://img1.sycdn.imooc.com//5e78173800012b6c08440569.jpg

https://img1.sycdn.imooc.com//5e7817380001554807520463.jpg

这样就实现了转发功能了,这个里面的path一定要填路径,不然你转发给好友,好友点击会出现找不到页面的问题

第二中方法:

用户点击button触发转发事件,实现转发功能:

<button plain='true' open-type='share'></button>

放到wxml文件中,点击这个就可以实现转发了转发功能就是这么简单,其实只要多看微信的开发文档,这些功能还是很容易就实现的

小程序下载视频代码

  • 官方介绍

https://developers.weixin.qq.com/miniprogram/dev/api/network/download/wx.downloadFile.html

https://img1.sycdn.imooc.com//5e78173900014ab612400569.jpg

videoInfo

 shareMe:function(){    var me = this;    var user = app.getGlobalUserInfo();
    wx.showActionSheet({      itemList: ["下载到本地","举报用户","分享到好友"],      success:function(res){        if (res.tapIndex==0){          // 下载
          wx.showLoading({            title: '下载中...',
          })
          wx.downloadFile({            url: app.serverUrl + me.data.videoInfo.videoPath,            success: function (res) {              // 只要服务器有响应数据,就会把响应内容写入文件并进入 success 回调,业务需要自行判断是否下载到了想要的内容
              if (res.statusCode === 200) {                console.log(res.tempFilePath);

                wx.saveVideoToPhotosAlbum({                  filePath: res.tempFilePath,                  success: function (res) {                    console.log(res.errMsg)
                    wx.hideLoading();
                  }
                })
              }
            }
          })

        } else if (res.tapIndex==1){          // 举报
          var videoInfo = JSON.stringify(me.data.videoInfo);          var realUrl = '../videoInfo/videoInfo#videoInfo@' + videoInfo;          if (user == null || user == undefined || user == '') {
            wx.navigateTo({              url: '../userLogin/userLogin?realUrl=' + realUrl,
            })
          } else {            var publishUserId = me.data.videoInfo.userId;            var videoId = me.data.videoInfo.id;            var currentUserId = user.id;
            wx.navigateTo({              url: '../report/report?videoId=' + videoId + "&publishUserId=" + publishUserId
            })
          }

        } else{
         
        }
      }
    })
  },

https://img1.sycdn.imooc.com//5e7817390001542212400520.jpg

image.png

下载需要2次调用api,第一次下载使用api来进行下载,然后使用保存在视频的目录的插件,2次完成视频的下载。

PS:分享和下载小程序在开发中非常的常见。了解文档的api,基本也很方便的实现对应的功能。


点击查看更多内容
TA 点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
全栈工程师
手记
粉丝
1.7万
获赞与收藏
1318

关注作者,订阅最新文章

阅读免费教程

  • 推荐
  • 评论
  • 收藏
  • 共同学习,写下你的评论
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消