Flutter 进阶:基于 fastlane 的项目自动化部署

一、需求来源

项目中遇到多版本并行开发的场景,随着打包次数的增多感觉越来越浪费时间。因为公司之前没有 Andriod 相关的自动化构建流程工具,每次都是打完包然后打开目录 /build/app/outputs/flutter-apk 拖拽 apk 到 teambition 文件目录中,测试从此下载完成整个安装流程。随基于fastlane 给 android 实现自动化构建流程,即方便开发又方便测试,提高整团队个工作效率,项目越大收益越大。因为做原生开发时 iOS 已经开发好了,基于此基础半天时间搞定。

效果如下:

二、目录结构

go 复制代码
```dart
├── fastlane
│   ├── Fastfile (主文件)
│   ├── Pluginfile (插件)
│   ├── README.md
│   ├── actions (自定义动作)
│   │   ├── dingdingtalk_robot.rb(让钉钉机器人发消息)
│   │   ├── dingslack_robot.rb(让slack机器人发消息)
│   │   ├── git_last_log_dic.rb(获取 git 最后一次提交信息,例如哈希值)
│   │   ├── markdown_desc.rb(获取最后一次log值的 markdown 描述)
│   │   └── yaml_from_path.rb(flutter 的 pubspec.yaml 内容解析)
│   ├── metadata
│   │   └── app_icon.jpg
│   └── report.xml
```dart

三、使用步骤

  1. 配置 .env 文件变量

    dart 复制代码
    app_name 应用名称
    
    IpaDir_Development  = "/Users/*/yl/ipa_development"
    IpaDir_AppStore     = "/Users/*/yl/ipa_appStore"
    两个文件路径需要逐级创建文件夹,直接在 Users目录下是没有权限的,脚本会执行
    
    // Firim 下载链接
    Firim_Shortcut_Link = "http://d.firim.top/*"
    // Pgyer 下载链接
    Pgyer_Shortcut_Link = "https://www.pgyer.com/*"
    // 钉钉机器人 webhook
    Dingtalk_Url        = "*"
    // Slack机器人 webhook
    Slack_Url           = "*"
    // app 图标,机器人发消息会用到
    App_Icon_Local
    ```dart

2.安装 Pluginfile 中的插件

go 复制代码
```
fastlane install_plugins
```
  1. 运行命令(打包,上传蒲公英,钉钉机器人发消息一条龙)

    fastlane develop

四、总结

1、因为代码是我已经调试好,大家直接使用即可,能提高自己效率很酷,能提高整个团队效率是超酷。
2、如果需要进一步定制,大家需要学习一点 ruby 和 shell 基础知识,git 相关命令有一个 git pro 的电子书可参考,非常详细。
3、本文主要是安卓的源码展示,iOS 的代码也是现成的,整个效果和本文相似,仅是一些平台细节的区别,看源码即可。

android-fastlane

ios-fastlane

相关推荐
程序员爱钓鱼3 分钟前
Go语言泛型-泛型约束与实践
前端·后端·go
前端小巷子5 分钟前
web从输入网址到页面加载完成
前端·面试·浏览器
江城开朗的豌豆6 分钟前
Vue路由动态生成秘籍:让你的链接'活'起来!
前端·javascript·vue.js
晓得迷路了6 分钟前
栗子前端技术周刊第 88 期 - Apache ECharts 6.0 beta、Deno 2.4、Astro 5.11...
前端·javascript·echarts
江城开朗的豌豆11 分钟前
在写vue公用组件的时候,怎么提高可配置性
前端·javascript·vue.js
江城开朗的豌豆12 分钟前
Vue路由跳转的N种姿势,总有一种适合你!
前端·javascript·vue.js
江城开朗的豌豆13 分钟前
Vue路由玩法大揭秘:三种路由模式你Pick谁?
前端·javascript·vue.js
江城开朗的豌豆13 分钟前
Vue路由守卫全攻略:给页面访问装上'安检门'
前端·javascript·vue.js
小磊哥er20 分钟前
【前端工程化】前端组件模版构建那些事
前端
前端 贾公子21 分钟前
monorepo + Turborepo --- 开发应用程序
java·前端·javascript