欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

flutter中微信分享api使用

程序员文章站 2022-05-07 15:50:49
...
今天分享一下我们在项目中使用的分享组件,支持保存图片,复制H5链接,分享给微信好友以及朋友圈。
业务需求是代理人通过分享,将出单流程(H5)分享给好友,从而增强出单效率。
首先需要定义的是分享的对象,我们将一个分享对象拆分为5部分:分享标题,分享地址,分享保存图片,分享描述,以及支持分享的渠道(枚举值)。

flutter中微信分享api使用
然后是四种不同分享的公共方法,flutter中微信分享api使用
这边简单介绍下,虽然我们四种分享调用的分享方法不同,但是最底层的实现都是依赖于微信API实现的,所以我们是将该部分内容放在了一起,只是输出了不同的分享效果。
flutter中微信分享api使用
这边可以看到我们对于底层处理的不同方法,是依赖于自定义的shareInfo中传入了那些值来进行约定,比如图片的处理,就是shareInfo.img,这种约定的开发方法就需要团队中的同学共同遵守。
从图中发现各种判断中我们实现微信api的方式是不一样的,分别是文本复制,链接分享,图片保存。
这边简单说下微信分享提供api的属性意思:
flutter中微信分享api使用
webpage:分享链接
title:分享的标题
thumbnail:缩略图
description:描述
transaction:事务
scene:使用场景
最后介绍下链接复制与图片保存,
链接复制是通过调用手机系统底层实现:ClipboardData data = new ClipboardData(text: shareInfo.url);
Clipboard.setData(data);
图片保存,又分为文件类型保存与Uint8List类型保存,由于在业务上,保存页面中的部分内容属于应用比较多的场景,所以介绍下这部分内容。
flutter中微信分享api使用红线框出的区域是我们要保存的页面区域,只需要加上key,即可获取,黄框区域是我们处理的逻辑,将获取到的页面组件转换为Uint8List类型并调用分享方法,保存图片,进行分享。
最后是实现效果:
flutter中微信分享api使用

相关标签: 前端学习