Flutter包(package)的开发和发布以及使用
一、前言
在开发的时候,总会遇到一些琐碎的工作,但又不得不做的事情,比如基础组件的开发,定制类的组件并且多地方使用的,还有业务相同,只是数据不同的业务组件,这些基本都要封装一层,便于多个使用调用,但是如果遇到多个app,就会觉得这些琐事的工作都是重复工作,没有意义,连Comand+CV的时间都不想花费,所以就需要组件化,模块化,然后开发成插件/包。这样在需要使用的app直接引用插件即可。这边记录下开发包的过程。插件后续记录,其实开发包和插件流程是一样的。
二、需求
把基础组件,常用的工具类,样式,网络请求等开发成包,项目中引用。
三、包的开发
1.创建一个包项目
![在这里插入图片描述](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/85e8dd6dd4f049b181ec224d7c227067~tplv-k3u1fbpfcp-zoom-1.image)
二、实现功能(注:主要的功能源码都在src文件夹下)
![在这里插入图片描述](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/688ee8dd4bc6464c98a7a57104dd22ce~tplv-k3u1fbpfcp-zoom-1.image)
这边对于纯 Dart 包,只需在主lib/<package name>.dart文件内或lib目录中的文件中添加功能即可 。要测试软件包,请在test目录中添加unit tests (opens new window)。下面我们看看如何组织 Package 包的代码。
![在这里插入图片描述](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/0ee809fb0b6849eaa9daac4f03bdf72d~tplv-k3u1fbpfcp-zoom-1.image)
开发包其实简单,主要把自己想要的功能逻辑写好即可,主要是发布,踩的坑比较多。
四、包的发布
1、检查 如果功能都开发完了,检查以下四个文件是否完整,以确保其内容的完整性和正确性。
1)**README.md** 主要是写组件的内容,这样别人清楚的知道这个组件干嘛的。![在这里插入图片描述](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/51e2a1923baa45d9bea0f82a87f69071~tplv-k3u1fbpfcp-zoom-1.image)
2)**CHANGELOG.md** 版本更新说明,说明每个版本都更新了什么。
![在这里插入图片描述](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/6a8ba6788b414d86b176f860b37c7bae~tplv-k3u1fbpfcp-zoom-1.image)
3)**pubspec.yaml** (引用插件,版本号和主页,没有写主页好像发布不上去,会提示你要加个主页)
![在这里插入图片描述](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/25db0412ab57433389f3487165bde623~tplv-k3u1fbpfcp-zoom-1.image)
4)**LICENSE** (许可证文件,有的话需要写)
![在这里插入图片描述](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/957c31915ab64feabc52df7044d39430~tplv-k3u1fbpfcp-zoom-1.image)
2、校验: 运行 dry-run 命令以查看是否都准备好了
```r
flutter packages pub publish --dry-run
```
![在这里插入图片描述](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/69a62f5f0cab4ef692d12b00ee522052~tplv-k3u1fbpfcp-zoom-1.image)
![在这里插入图片描述](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/2728f7c84c344a38b8cb8b6e97612187~tplv-k3u1fbpfcp-zoom-1.image)
没有警告说明是好的。
下面就可以发布。
3、发布:(其实最主要的是这边,因为开始估计都会失败,我觉得发布最难搞)
```html
flutter packages pub publish
```
第一步:会提示输入 y
![在这里插入图片描述](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/1cd9d54bda2343f080ffc3f273bd0aab~tplv-k3u1fbpfcp-zoom-1.image)
第二步:点击链接校验,需要登录谷歌账号校验下。
![在这里插入图片描述](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/912804453d58465db838bbec857db1b6~tplv-k3u1fbpfcp-zoom-1.image)
这样就是校验成功了
![在这里插入图片描述](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/55b397943696493da20c4275d3236ee3~tplv-k3u1fbpfcp-zoom-1.image)
第三步:等待发布成功。会收到邮件。
备注:坑
1、如果发布失败,一直等待,需要翻墙。下图就是代理没开。记得开代理
![在这里插入图片描述](https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/427bab1ffdc14a41a16dc7b28264a810~tplv-k3u1fbpfcp-zoom-1.image)
2、如果 `flutter packages pub publish` 命令不行, 使用 `flutter packages pub publish -v`
3、配置文件.bash_profile 把注释,
```html
#export PUB_HOSTED_URL=https://pub.flutter-io.cn
#export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
```
记得 source ~/.bash_profile 让环境变量生效
最后发布:可以让终端代理生效。
这个是我发布的组件包:[https://pub.dev/packages/flutter_basis_widget](https://pub.dev/packages/flutter_basis_widget)
五、包的使用
自己的包发布完成了,就使用引用自己的插件包即可,和引用插件一样