资讯专栏INFORMATION COLUMN

前端页面实现分享

littlelightss / 3157人阅读

摘要:首先,有自己的配置,可以直接调起右上角的自带分享,,转成微信或手百小程序都可用。其次,如果页面内想通过按钮调用分享功能的话,的组件可以将,这个值转为微信小程序和手百小程序都适用。

最近在做小程序项目,选用的京东的taro框架,一套代码可编译多个环境,不需要一个环境写一套代码,用着还不错。现在分享已经成为一个日常操作,下面就来简单说下我最近调研的分享功能。

首先,taro有自己的配置,可以直接调起右上角的自带分享,onShareAppMessage(object),转成微信或手百小程序都可用。

其次,如果页面内想通过按钮调用分享功能的话,taro的组件button可以将open-type="share",这个type值转为微信小程序和手百小程序都适用。

再次,如果想在h5页面上调起分享,有一款成熟的插件——nativeshare,但是适用该插件时一定要注意,⚠️只有h5环境下可用,所以引入之前要先判断下运行环境,否则在小程序直接报错。

最后,手百小程序提供了自己支持分享的API,swan.openShare(), 可以直接调起分享面板。

好了,暂时就到这里了,大家如果有更好的方法,可以互相交流学习~

demo源码链接:https://github.com/Dliling/ta...

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

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

相关文章

  • 微信开发-自定义分享卡片-node.js实现

    摘要:本篇主要讲述,如何在微信中打开自家的页面,在然后在用户分享的时候,能由我们自定义分享出去后,展示的页面卡片中的页面标题页面描述页面图片和分享链接。 本篇主要讲述,如何在微信中打开自家的页面,在然后在用户分享的时候,能由我们自定义分享出去后,展示的页面卡片中的页面标题、页面描述、页面图片和分享链接。 此功能,具体的来说,是: 在微信打开自家的页面 点击右上角微信的功能按钮,出现功能菜单...

    Object 评论0 收藏0
  • 个人分享--web前端学习资源分享

    摘要:前言月份开始出没社区,现在差不多月了,按照工作的说法,就是差不多过了三个月的试用期,准备转正了一般来说,差不多到了转正的时候,会进行总结或者分享会议那么今天我就把看过的一些学习资源主要是博客,博文推荐分享给大家。 1.前言 6月份开始出没社区,现在差不多9月了,按照工作的说法,就是差不多过了三个月的试用期,准备转正了!一般来说,差不多到了转正的时候,会进行总结或者分享会议!那么今天我就...

    sherlock221 评论0 收藏0

发表评论

0条评论

littlelightss

|高级讲师

TA的文章

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