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

转载 IT人故事会 2020/3/24 4:01:27

在小程序上无法分享朋友圈,只能通过发送指定用户和指定的用户群来进行扩散,必须掌握分享功能至关重要!源码: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

http://img2.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"
    }
  },

http://img2.sycdn.imooc.com/5e7817380001f34312400471.jpg

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

  • 第一种方式:

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

http://img4.sycdn.imooc.com/5e7817380001f05f12400220.jpg

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

http://img3.sycdn.imooc.com/5e78173800012b6c08440569.jpg

http://img2.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

http://img2.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{
         
        }
      }
    })
  },

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

image.png

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

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


点击查看更多内容
随时随地学软件编程-关注百度小程序和微信小程序
关于找一找教程网

本站文章仅代表作者观点,不代表本站立场,所有文章非营利性免费分享。
本站提供了软件编程、网站开发技术、服务器运维、人工智能等等IT技术文章,希望广大程序员努力学习,让我们用科技改变世界。
[「小程序JAVA实战」小程序的分享和下载功能(69)]http://www.zyiz.net/tech/detail-120967.html

上一篇:小程序支付(小程序端+JAVA后端)

下一篇:【学习日记】微信小程序仿朋友圈发布商品信息及图片

赞(0)

共有 条评论 网友评论

验证码: 看不清楚?
    扫一扫关注最新编程教程