资讯专栏INFORMATION COLUMN

小程序分享功能

idisfkj / 1839人阅读

摘要:因为小程序中多个页面都会使用分享,需要我们把分享功能,多带带写在一个公用的文件中。

因为小程序中多个页面都会使用分享,需要我们把分享功能,多带带写在一个公用的文件中。util.js 文件中。
//分享功能

const shareEvent = (option, obj) => {
  let shareObj = {
    title: obj.title,
    path: obj.path,
    imgUrl: obj.imgUrl,
    success(res){
      // 转发成功之后的回调
    if (res.errMsg == "shareAppMessage:ok") {}
    }, 
    fail(res){
       // 转发失败之后的回调
    if (res.errMsg == "shareAppMessage:fail cancel") {
    // 用户取消转发
     } else if (res.errMsg == "shareAppMessage:fail") {
     // 转发失败,其中 detail message 为详细失败信息
    }
    },
    complete(){
        // 转发结束之后的回调(转发成不成功都会执行)
    }
  };
  if (option.from === "button") {
    // 来自页面内转发按钮
    console.log(option.target)
  }
  return shareObj;
}

在使用分享的页面中引入util.js

const util = require("./utils/util.js");

/**

用户点击右上角分享

*/

onShareAppMessage: function(option){
    console.log(option);
    let obj = {
      title: "我的老窝",
      path: "pages/index/index",
      imageUrl: ""
    };
    return util.shareEvent(option, obj);
  }

备注:记得要在调用的时候使用,return。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/97200.html

相关文章

  • 微信程序教学第四章第三节(含视频):程序中级实战教程:详情-功能完善

    摘要:详情功能完善本文配套视频地址开始前请把分支中的目录导入微信开发工具这一节中,我们把详情的其他功能完善起来下一篇分享返回列表。 详情 - 功能完善 本文配套视频地址:https://v.qq.com/x/page/f0555... 开始前请把 ch4-3 分支中的 code/ 目录导入微信开发工具 这一节中,我们把详情的其他功能完善起来:下一篇、 分享、 返回列表。 Step 1....

    phodal 评论0 收藏0
  • 微信程序教学第四章第三节(含视频):程序中级实战教程:详情-功能完善

    摘要:详情功能完善本文配套视频地址开始前请把分支中的目录导入微信开发工具这一节中,我们把详情的其他功能完善起来下一篇分享返回列表。 详情 - 功能完善 本文配套视频地址:https://v.qq.com/x/page/f0555... 开始前请把 ch4-3 分支中的 code/ 目录导入微信开发工具 这一节中,我们把详情的其他功能完善起来:下一篇、 分享、 返回列表。 Step 1....

    cocopeak 评论0 收藏0
  • 微信程序教学第四章第三节(含视频):程序中级实战教程:详情-功能完善

    摘要:详情功能完善本文配套视频地址开始前请把分支中的目录导入微信开发工具这一节中,我们把详情的其他功能完善起来下一篇分享返回列表。 详情 - 功能完善 本文配套视频地址:https://v.qq.com/x/page/f0555... 开始前请把 ch4-3 分支中的 code/ 目录导入微信开发工具 这一节中,我们把详情的其他功能完善起来:下一篇、 分享、 返回列表。 Step 1....

    fizz 评论0 收藏0
  • 网页程序迁移至微信程序web-view详解

    摘要:网页引入网页发起支付由后台返回,主要是需要统一下单平台的微信支付页面支付参数错误,请稍后重试支付成功支付失败支付错误分享功能小程序直接分享的所在的页面,如果需要加上页面参数,那我们就需要处理一下了。 小程序现在越来越流行,但是公司的很多项目都是用网页写的,小程序语法不兼容原生网页,使得旧有项目迁移至小程序代价很高; 小程序之前开放了webview功能,可以说是网页应用的一大福音了,但...

    junbaor 评论0 收藏0
  • 网页程序迁移至微信程序web-view详解

    摘要:网页引入网页发起支付由后台返回,主要是需要统一下单平台的微信支付页面支付参数错误,请稍后重试支付成功支付失败支付错误分享功能小程序直接分享的所在的页面,如果需要加上页面参数,那我们就需要处理一下了。 小程序现在越来越流行,但是公司的很多项目都是用网页写的,小程序语法不兼容原生网页,使得旧有项目迁移至小程序代价很高; 小程序之前开放了webview功能,可以说是网页应用的一大福音了,但...

    AlphaGooo 评论0 收藏0
  • 微信程序教学第三章第四节(含视频):程序中级实战教程:下拉更新、分享、阅读标识

    摘要:下拉更新分享阅读标识本文配套视频地址开始前请把分支中的目录导入微信开发工具这一篇中,我们把列表这块的剩余功能做完下拉更新分享阅读标识。 下拉更新、分享、阅读标识 本文配套视频地址:https://v.qq.com/x/page/h0554... 开始前请把 ch3-4 分支中的 code/ 目录导入微信开发工具 这一篇中,我们把列表这块的剩余功能做完:下拉更新、分享、阅读标识。 ...

    caoym 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<