首页
Preview

Flutter Package 开发、发布、使用三部曲

前言:批改移动端在此次重构的时候,技术选型上我们团队选择了Flutter来进行本次移动端的重构,因为使用Flutter可以在UI的开发效率上充分节省人效,可以把更多的时间放在其他方面的研究上。但是在实际开发中,有部分的功能Flutter是不支持的,还需要native端来进行支持,而如何使native端支持的功能可以方便的、高效的服务于我们自己的同时又可以对外提供便利,在其他项目或者是其他团队在需要使用同样功能的时候可以不需要重复的造轮子,如Java的jar包,Android的aar包,Web的npm包, iOS的pod包等,而在Flutter中,Flutter也是支持使用由其他开发者贡献给Flutter和Dart生态系统的共享软件包,使我们可以快速构建应用程序,而无需从头开始开发所有应用程序,这就是我们今天要介绍的Package。

所以针对package的了解上就不能仅仅止步于会使用的层次,更需要了解如何开发一个属于自己的package以及如何将自己的package成功发布到pub仓库或者是私有仓库供他人使用。

01 package介绍

什么是Package

使用Package可以创建能轻松共享的模块化代码,而一个最小的Package包括:

  • 一个pubspec.yaml文件:声明了package的名称、版本、作者等的元数据文件。
  • 一个 lib 文件夹:包括包中公开的(public)代码,最少应有一个.dart文件。

Package类型:

  • Flutter Package(dart包):Flutter纯Dart插件工程,仅包含Dart层的实现,往往定义一些公共Widget
  • Flutter Plugin(插件包):一种专用的Dart包,其中包含用Dart代码编写的API,以及针对Android(使用Java或Kotlin)和针对iOS(使用OC或Swift)平台的特定实现

Plugin其实就是一个特殊的Package。Flutter Plugin提供Android或者iOS的底层封装,在Flutter层提供组件功能,使Flutter可以较方便的调取Native的模块。很多平台相关性或者对于Flutter实现起来比较复杂的部分,都可以封装成Plugin 。Flutter与native之间的通信原理此篇文章我们不深入讨论,通信原理可以参考下图: 640.webp

02 package 开发

我们了解到了Package是什么之后,那如何开发我们自己的package包呢?

创建一个包或者是插件一般有两种方式:

  • 可视化方式
  • 命令行方式

可视化方式

  • 打开Android Studio -> 选择Create New Flutter Project;

640.webp

  • 如果想要创建插件包 则选择Flutter Plugin;
  • 如果想要创建Dart包 则选择Flutter Package;

640.webp

  • 根据需要修改相关内容,然后点击Next;

640.webp

  • 根据需要修改package name以及选择package开发中需要的语言 (选择pulgin包才会有此步骤)

640.webp

  • 创建成功

命令行方式

  • 创建Dart包
flutter create --template=package dartPackageNam
  • 创建plugin包
flutter create --org com.example --template=plugin --platforms=android,ios -a kotlin -i swift pluginPackageName
参数:
    --org:指定你的组织,使用反向域名表示法
    --template: 指定是纯Dart包还是Plugin包
    --platforms: 代表指定插件支持的平台 可用的平台有:android、ios、web、linux、macos 和windows
    -a 指定Android平台所使用的语言 java、kotlin
    -i 指定iOS平台所支持的语言 objc、swift

Package包创建成功之后,查看工程下的文件:

纯Dart包 包含的文件:

  • LICENSE 文件  # 许可证文件。
  • test/flutter_package_first_test.dart文件  ## Package 的 单元测试 文件。
  • .gitignore 文件  ## 告诉 git 系统应该隐藏哪些文件或文件夹的一个隐藏文件。
  • pubspec.yaml 文件 ## pub 工具需要使用的,包含 package 依赖的 yaml 格式的文件。
  • README.md 文件  ## 起步文档,用于描述 package。
  • lib/flutter_package_first.dart 文件  ## package 的 Dart 实现代码
  • CHANGELOG.md 文件  ## 用于记录 package 的版本变更。

640.webp

Plugin包 包含的文件:

  • lib/flutter_plugin.dart 文件  ## Dart 插件 API 实现。
  • android/src/main/java/com/example/flutter_plugin/FlutterPlugin 文件  ## Android 平台原生插件 API 实现(使用 Kotlin 编程语言)。
  • ios/Classes/FlutterPlugin.m 文件  ## iOS 平台原生插件 API 实现(使用 Objective-C 编程语言)。
  • example/ 文件  ## 一个依赖于该插件并说明了如何使用它的 Flutter 应用。

640.webp

如果要编辑iOS目录下相关文件或者是Android目录下的相关文件 需要去特定的编辑器中打开各端的文件进行编辑

  • iOS端:

640.webp

  • Android端:

640.webp

03 package 发布

我们已经了解了package包是什么,以及如何制作不同的package包,那如何发布Package包呢?(集团pub仓库发布文档)

package发布位置可以选择:

  • pub.dev
  • 私有pub仓库(集团pub仓库)
  • git仓库

在发布package之前,要先检查这几个文件:pubspec.yaml、README.md、CHANGELOG.md 确保这几个文件完整。

  • pubspec.yaml配置文件的配置:
  1. name: xxxx  ## pub库名称
  2. version: 0.0.1   ## 当前插件版本 确保每次发布与之前的版本不一致
  3. description: xxxxxxxxx    ## pub库简介
  4. homepage:https://github.com/xxxx  ## pub库git地址
  5. publish_to:http://pub.100tal.com/    ## 私有pub库上传地址 如果不是私有pub仓库 不用配置
  6. author:xxxxxx@100tal.com   ## pub库作者
  • 检测配置文件:
flutter packages pub publish --dry-run
  • 发布
flutter packages pub publish

04 package 使用

package包发布成功之后,我们该如何在项目中使用呢?

首先是在pubSpec.yaml中添加依赖

  • 依赖pub.dev仓库的package包
#实例1 在该项目中,此插件指定版本为1.4.0
flutter_plugin: ^1.4.0
#实例2 在该项目中,此插件最低版本为1.2.3
flutter_plugin: ">=1.2.3"
#实例3 在该项目中,此插件最低支持2.0.0版本,但不支持3.0.0以上版本
flutter_plugin: ">=2.0.0 <3.0.0"
#实例4 在该项目中,此插件最高支持到1.2.3以下版本
flutter_plugin: "<1.2.3"
  • 依赖git仓库的package包
flutter_plugin:
git: url: https://github.com/xxxxxx/xxxxxx.git    #git仓库地址
path: xxxxx                                       #如果项目不是在git地址的根目录 则需要指定path
ref: ‘1.0.0'                                      #指定的版本 对应git仓库中的tag标签  也可以指定分支 ref: some-branch
  • 依赖私有pub仓库的package包
 xes_recorder:
    hosted:
        name: xes_recorder
        url: http://pub.100tal.com
    version: 0.0.1
  • 依赖本地package
 flutter_pub:
    path: ../    #可以是相对路径 也可以是绝对路径

05 发布过程中可能会遇到的问题记录

1)author 在最新版本进行‘flutter packages pub publish --dry-run’检测的时候 会报警告 需要移除掉才能检测通过。

2)执行发布命令的时候 会遇到需要登录以下地址去授权的情况 需要登录google账号 请使用chrome打开去验证。

640.webp

  • 验证通过-开始上传-上传成功去 pub.dev 或者自己的私有pub仓库 查看是否发布成功 。

640.webp

  • 验证成功-开始上传-如果超时未成功则需要绕过google授权重新上传。

3)跳过google验证方法;

  1. pub get;
  2. dart--snapshot=mypub.dart.snapshot bin/pu b.dart       #执行完这个命令会在pub项目根目录下生成一个mypub.dart.snapshot文件 ;

微信图片_20210401195058.jpg 4)把这个文件放到 ${flutterSDK Path}/bin/cache /dart-sdk/bin/snapshots/ 目录下;

5)然后用编辑器打开${flutterSDKPath}/bin/cache /da rt-sdk/bin/pub 文件;

6)把文件倒数第三行的:pub.dart.snapshot 替换为 mypub.dart.snapshot ;

7)保存-退出

8)重新执行发布命令

如果执行了上述方法,在项目中执行pub get的时候会有版本冲突的错误,需要将上述方法修改的pub文件中的 mypub.dart.snapshot 恢复改为pub.dart.snaps hot 。

原文: https://mp.weixin.qq.com/s/z7u5aTbJXAeEqc4fM0zAKA

版权声明:本文内容由TeHub注册用户自发贡献,版权归原作者所有,TeHub社区不拥有其著作权,亦不承担相应法律责任。 如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

点赞(0)
收藏(0)
weilai1
好未来作为一家科技驱动的教育企业,始终坚持“爱和科技让教育更美好”的使命。一直以来,好未来技术团队致力于教育科技技术的研究与创新。这里是好未来技术团队的对外窗口,每周推送精选技术文章、人才招聘等信息。

评论(0)

添加评论