Fluwx:微信SDK在Flutter上的实现

简介: 前言随着 Flutter越来越火热,我相信越来越多的小伙伴都跃跃欲试。但是一个很重要的问题是,很多第三方SDK,如微信SDK,都无法在Flutter上直接使用。

前言

随着 Flutter越来越火热,我相信越来越多的小伙伴都跃跃欲试。但是一个很重要的问题是,很多第三方
SDK,如微信SDK,都无法在Flutter上直接使用。所以,我这几天开发了一个微信SDK的插件,希望能够一定程度上帮助到大家。

Fluwx要做什么

  • 分享
  • 登录
  • 支付

这是Fluwx的目标。现在Fluwx仍在开发阶段,android分享部分已经完成,ios部分还在持续开发。如果你想也成为Fluwx的开发者,可以给我留言。

需要准备的

使用Fluwx之前,强烈建议先阅读微信SDK官方文档
这有助于你使用FluwxFluwx的api字段名称基本和官方的字段名称是一致的。

引入

pubspec.yaml文件中添加如下代码:

dependencies:
  fluwx: ^0.0.1

初始化

Fluwx.registerApp(RegisterModel(appId: "your app id", doOnAndroid: true, doOnIOS: true));
  • appId:在微信平台申请的appId。
  • doOnAndroid:是否在android平台上执行此操作。
  • doOnIOS:是否在平台上执行此操作。
    每一个字段都是非必须的,但是如果不传appId或doOnAndroid: false或者doOnIOS: false,请务必在对应平台手动注册WXApi,以保证
    Fluwx正常工作。
    注册完成后,请在对应平台添加如下代码:
    在Android上:
FluwxShareHandler.setWXApi(wxapi)

在iOS上:

isWeChatRegistered = YES;

你也可以取消注册你的app。

Fluwx.unregisterApp(RegisterModel(doOnAndroid: true, doOnIOS: true));
注意:尽管可以通过Fluwx完成微信注册,但一些操作依然需要在对应平台进行设置,如配置iOS的URLSchema等。

开始分享

以分享文本和网址为例:

  var fluwx = Fluwx();
  fluwx.share(WeChatShareImageModel(image: "imagePath",thumbnail: "thumbanailPath"));
  fluwx.share(
              WeChatShareWebPageModel(
              webPage: "https://github.com/JarvanMo/fluwx",
              title: "Fluwx",
              thumbnail: "http://d.hiphotos.baidu.com/image/h%3D300/sign=1057e22c6ed9f2d33f1122ef99ee8a53/3bf33a87e950352aadfff8c55f43fbf2b3118b65.jpg",
              )).then((result){
               },
               onError: (msg){
               });

fluwx.share(WeChatShareModel)目前仅支持系统内WeChatShareModel的子类,不支持自定义。
所有字段名字和官方文档基本是一致的。

图片处理

图片仅支持pngjpg
目前所有需要图片的地方支持网络图片及assets图片。</br>
使用assets图片需要添加assets://。</br>
也可以在assets图片添加?package=package_name以读取指定包的图片。</br>
未来可能支持file://。</br>
如果不指定schema或者schema错误,将会被处理为网络图片,请谨慎。</br>

注意

所有涉及缩略的最好给Fluwx一个合格的图片(小于32k,小程序小于120k),否则Fluwx将会对图片进行处理,这样做的结果可能并不是你所预期的,如缩略图被裁剪。
项目传送门

目录
相关文章
|
1月前
|
IDE 开发工具
鸿蒙Flutter实战:11-使用 Flutter SDK 3.22.0
本文介绍了如何使用 Flutter SDK 3.22.0 搭建鸿蒙开发环境。首先安装 Flutter SDK 3.22.0,并通过 FVM 管理多个版本。接着配置项目,使用 `fvm use custom_3.22.0` 设置自定义 SDK 版本。添加鸿蒙平台支持并进行项目签名,最后通过 `fvm flutter run` 运行项目。详细步骤包括安装、项目配置、签名和运行,确保开发环境顺利搭建。
133 7
鸿蒙Flutter实战:11-使用 Flutter SDK 3.22.0
|
2月前
|
JSON 前端开发 API
使用微信JS-SDK调用发票接口的完整开发指南
本文介绍了如何使用微信JS-SDK的`chooseInvoiceTitle`接口来调用微信的发票功能。通过微信发票接口,用户可以选择开具个人或单位发票,并获取相关发票信息,如抬头、税号、公司地址等。在文中,详细描述了JS-SDK的初始化、发票接口的调用方式,并提供了完整的代码示例。文章还介绍了如何处理返回的发票信息,帮助开发者快速集成微信发票功能。
95 2
|
2月前
|
移动开发 安全 API
微信H5支付--微信JS-SDK支付--点金计划
本文详细介绍了微信H5支付和JS-SDK支付的原理、配置和开发流程,涵盖了H5支付在移动端浏览器外唤起微信支付的细节,以及JS-SDK支付在微信内置浏览器中完成支付的相关注意事项。文章还针对微信支付常见问题,提供了解决方案和代码示例。最后,文章深入解析了微信支付点金计划,包括商家小票的自定义开发、API接口以及支付成功后的页面展示逻辑,为开发者提供了完整的开发参考。
109 0
微信H5支付--微信JS-SDK支付--点金计划
|
4月前
|
Dart 开发工具 Android开发
Android Studio导入Flutter项目提示Dart SDK is not configured
Android Studio导入Flutter项目提示Dart SDK is not configured
408 4
|
4月前
|
开发工具 Android开发
Flutter: Android SDK not found at this location,Android Studio not found at xxx
Flutter: Android SDK not found at this location,Android Studio not found at xxx
169 2
|
4月前
|
缓存 JavaScript 前端开发
微信 JS-SDK Demo “分享信息设置” API 及数字签名生成方法(NodeJS版本)
微信 JS-SDK Demo “分享信息设置” API 及数字签名生成方法(NodeJS版本)更新时间(2020-10-29)
|
5月前
|
PHP 开发工具
tp5+微信公众号服务器配置时使用官方sdk还是token验证失败
tp5+微信公众号服务器配置时使用官方sdk还是token验证失败
46 0
|
6月前
|
API 开发工具
企业微信SDK接口API调用-触发推送企业微信微信好友
企业微信SDK接口API调用-触发推送企业微信微信好友
|
6月前
|
Java API 开发工具
企业微信api,企业微信sdk接口java调用源码
企业微信api,企业微信sdk接口java调用源码
|
2月前
|
Android开发 iOS开发 容器
鸿蒙harmonyos next flutter混合开发之开发FFI plugin
鸿蒙harmonyos next flutter混合开发之开发FFI plugin

热门文章

最新文章