美文网首页Flutter
Flutter包(package)的开发和发布以及使用

Flutter包(package)的开发和发布以及使用

作者: 建古 | 来源:发表于2021-06-18 22:19 被阅读0次

    一、前言

    在开发的时候,总会遇到一些琐碎的工作,但又不得不做的事情,比如基础组件的开发,定制类的组件并且多地方使用的,还有业务相同,只是数据不同的业务组件,这些基本都要封装一层,便于多个使用调用,但是如果遇到多个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)

    五、包的使用

    自己的包发布完成了,就使用引用自己的插件包即可,和引用插件一样

    相关文章

      网友评论

        本文标题:Flutter包(package)的开发和发布以及使用

        本文链接:https://www.haomeiwen.com/subject/fcheqttx.html