flutter 阿里 号码认证_【实践】Flutter基于Jenkins的持续集成

最新推荐文章于 2024-06-15 09:41:00 发布
最新推荐文章于 2024-06-15 09:41:00 发布
阅读量189 收藏
点赞数
文章标签： flutter 阿里 号码认证 flutter打包的app有多大

前段时间公司重构了一个flutter项目，自动化打包用的是Jenkins，在这过程中页遇到了一些坑，借此写一篇文章来，让大家少走些弯路。
先看一下打包完成的效果图：

bc4a31c00e954907fc5816cb5b98e23b.png

image.png

我实现的效果是打包成功后显示工程名+打包模式+分支名，并显示fir扫码安装的地址，这些都是通过插件来完成的，下面会详细介绍到。
在打包之前首先要做一些环境配置的工作，比如：

  • iOS需要单独配一台Mac来进行打包，因为需要Xcode，Docker是没有Xcode环境

  • android最好也放在这台Mac上打包，因为你要用Docker的话会遇到文件读写权限的问题

  • 搭建Flutter开发环境

  • 确保本地能打包成功，本地打包请参考iOS，Android

Jenkins环境配置

1. 安装 JRE环境

Jenkins 运行依赖于java环境 ，没有安装的请去官网自行下载安装

2. 安装 Jenkins

千万别用官网下载的pkg包进行安装，它会默认将 Jenkins安装在/Users/Shared目录下，在打包的时候会遇到权限问题, 所以强烈建议大家用brew来安装Jenkins.

  1. 安装Jenkins

    brew install jenkins

  2. 命令行启动Jenkins

    java -jar /usr/local/Cellar/jenkins/${你的Jenkins版本}/libexec/jenkins.war --httpPort=8080
    或
    Jenkins

  3. 打开浏览器,输入 localhost:8080 就可看到Jenkins的web界面

  4. Jenkins开机启动

    命令行安装的jenkins不自备开机启动功能，每次重启后都要命令行执行启动，非常麻烦，使用以下步骤可以在每次开机后自动拉起一个jenkins的命令行。

    1. 创建开机启动脚本 jenkinsBoot.sh

    2. 加入启动jenkins代码

      d5f11a5f80266290ef250be0a49022b7.png

      image.png

    3. 设置脚本权限

      sudo chmod 777 xxxx/jenkinsBoot.sh

    4. 设置脚本打开方式

      ec34c548ca8f3f139c489d3d4a5d148d.png

      image.png

    5. 设置脚本引用，使脚本可执行chmod +x xxxx/jenkinsBoot.sh

    6. 加入用户的登录项

      3b22539dc7ea8f5b6aa4e5924afad223.png

      image.png

    7. 重新启动计算机，会发现自动执行了jenkinsBoot.sh这个脚本。

3. Jenkins配置

第一次打开Jenkins时需要解锁Jenkins，你看到的页面是这样的

e36c35e0445b3d042a87f8205e9ae102.png

image.png

进入红色字体路径下将密码拷贝到输入框，点击continue

然后点击左侧一个模块进入下载页面，时间可能会很久，耐心等待

817e826b1969a2c22e2c6bf06b25fb51.png

image.png

dcee5c56447538f58108e82d71a4f449.png

image.png

自定义设置用户名及密码，点击保存并完成按钮，进入下图页面。

905d3407dd7656aa62f1bdb072378b67.png

image.png

安装插件flutter打包所需要的插件，点击系统管理->插件设置

  1. Keychains and Provisioning Profiles Management(iOS证书管理)

  2. Xcode integration(iOS专用)

  3. Gradle plugin(Android专用)

  4. description setter plugin(根据构建日志文件的RegEx，设置每个构建的描述。比如fir的上传地址)

4. 项目工程配置

iOS

  1. 新建项目

1e991c357192b903eb60082c59496a44.png

image.png

  1. 项目构建配置

58478700bcd69ee7a64ef2632aa461d3.png

image.png

打包类型(注意：AdHoc需要在你项目中配置configuration，自行google)

216bea72347c0c314c5e99e0b2cdf04f.png

image.png

打包分支

24a7789e8dbf29a2aec93e6b945ec082.png

image.png

源代码管理

52db1687c6a4ff4e9d879f6ace152d7f.png

image.png

SSH私钥添加

dec9ec25c1db776feaf2f50ff33124b2.png

image.png

证书和描述文件配置

37e6d3eacb5e88a5d79117154e59f04b.png

image.png

1afccc1ffb38f7d1a9c2edd0f94d1d1c.png

image.png

iOS证书和描述文件首先要在系统管理->Keychains and Provisioning Profiles Management中设置和上传后才能在你的项目中选择添加，iOS证书和描述文件的制作我就不多说了，自行Google

ce2a12a4d3601149a68aca5c536d6c59.png

image.png

这里的login.keychain文件可能需要自己copy到桌面并改下文件后缀，因为它是隐藏文件

a1873bbb22da08996950b016d39af0d8.png

image.png

这里的描述文件都要上传，其实路径就可以写/Users/xxxx/Library/MobileDevice/Provisioning Profiles路径，这是Xcode保存描述文件的路径，上传的时候也可以去这个路径下去上传

a77c3b2ade3076ed6b6687dfb7ac8d9a.png

image.png

一切准备好后就可以在项目配置中选择证书和描述文件了，这时我们第一次add keychain可能不能去选择Code Signing Identity，需要我们保存一下后就能选择了

c8773b56feaa9fdc75a971bd6c0fc7d3.png

image.png

9cbe4599da2ec66511f95313ea6e8e6a.png

image.png

在这里我们使用shell脚本来构建，以便我们构建完成能够上传到fir上。

6133363d17a3659978925402f2c0c303.png

脚本代码

security set-key-partition-list -S apple-tool:,apple: -s -k "开机密码" ~/Library/Keychains/login.keychain-db
#假设脚本放置在与项目相同的路径下
project_path=$(pwd)
# flutter环境变量设置
export PUB_HOSTED_URL=https://pub.flutter-io.cn
export FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
export PATH=/Users/yongjianhe/flutter/bin:$PATH
flutter build ios
cd $project_path/ios
#取当前时间字符串添加到文件结尾
now=$(date +"%Y_%m_%d_%H:%M")
#指定项目的scheme名称
scheme="Runner"
#指定要打包的配置名
configuration=${BUILD_TYPE}
#指定打包所使用的输出方式，目前支持app-store, package, ad-hoc, enterprise, development, 和developer-id，即xcodebuild的method参数
if [ $BUILD_TYPE == "Release" ]
then
   export_method="app-store"
elif [ $BUILD_TYPE == "AdHoc" ]
then
   export_method="ad-hoc"
else
   export_method="development"
fi
#指定项目地址
workspace_path="${project_path}/ios/Runner.xcodeproj"
#指定输出路径
rm -rf "${project_path}/ipa"
mkdir -p "${project_path}/ipa"
output_path="${project_path}/ipa"
#指定输出归档文件地址
archive_path="$output_path/zaihui_crm_${export_method}_${now}.xcarchive"
#指定输出ipa地址
ipa_path="$output_path/zaihui_crm_${BUILD_TYPE}_${BUILD_BRANCH}_${BUILD_REPOSITORY}_${now}.ipa"
#指定输出ipa名称
ipa_name="zaihui_crm_${BUILD_TYPE}_${BUILD_BRANCH}_${now}.ipa"
commit_msg="$1"
#输出设定的变量值
echo "===workspace path: ${workspace_path}==="
echo "===archive path: ${archive_path}==="
echo "===ipa path: ${ipa_path}==="
echo "===export method: ${export_method}==="
echo "===commit msg: $1==="
#先清空前一次build
fastlane gym --scheme ${scheme} --clean --configuration ${configuration} --archive_path ${archive_path} --export_method ${export_method} --output_directory ${output_path} --output_name ${ipa_name}
#上传到fir
if [ ${export_method} != "app-store" ]
then
fir publish ${ipa_path} -T "fir API token" -c $commit_msg
fi

因为我使用的是fastlane指令打包的，所以打包的电脑需要安装fastlane

这里有个地方需要注意的点就是当出现打包失败是由于运行flutter脚本错误造成的时候，这个原因可能是你当前的flutter版本运行flutter build iOS时，在Generated.xcconfig中并没有生成FLUTTER_BUILD_MODE参数，这个是运行flutter脚本所需要的参数，不过没事，你只需要在你的工程文件再添加一个脚本就行了。

039fc8a6fbf202ed481d5e3e30b944e9.png

image.png

最后还要在你的工程中设置描述文件(制作相应环境的描述文件，下载并打开，debug对应开发证书，adhoc和release对应生产证书)，到了这里大家可能有个疑问，就是前面我都上传了证书了，为什么这里还要填写，原因是前面上传的证书只是为了保存Code Signing Identity以便在login.keychain去访问他，而不是去保存它，我想描述文件也同样如此，所以我们需要设置描述文件的路径

c61daf37a7eee6f55fbfb676f1700781.png

image.png

构建名称设置工程名+打包模式+分支名

a22259f44274109fba4870bb37566b25.png

image.png

最后一步，在编译历史中成功显示fir地址，先要设置Html显示

807ce7bdede484902d4b2cc7080ccf5e.png

WechatIMG4650.jpeg

4bb2587f5a43bcc2c63380473b53ac36.png

image.png

这时候你就能打出iOS包了并显示了

Android

安卓打包相对于iOS来说就简单很多了

  1. 新建项目

    c20035ea1f0087e67d77ad1c9deb755a.png

    image.png

  2. 项目构建配置

    21849e5bcf427a04905d88f54ca2700b.png

    image.png

    0f37d5aaca3e1cfab20069dfd010e8b9.png

    image.png

    d7fbb0b78ad287979b680fbb7a86a953.png

    image.png

    89d17094061b05c649d8b14a3f0baaeb.png

    image.png

    9a604f94a8755db01b635cd402118b8f.png

    image.png

作者：xqqlv
链接：https://www.jianshu.com/p/6a3a5e625769

weixin_39942037
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
本机号码一键登录！推荐 Flutter 极光认证插件
coding01
01-14 9672
本机号码一键登录基本成为各个 APP 的标配了。 传统的手机验证码登录方式： 输入手机号； 前端判断手机号是否有效； 后台判断手机号是否有效； 借助第三方下发手机验证码； 前端有一个倒计时，防止验证码过期输入； 手机收到验证码； 复制粘贴输入验证码校验； 将信息发给后台接口，验证手机号和验证码是否正确，然后才是注册和登录流程，下发认证 Auth 信息。 这一套流程下来足够费劲了。而上述的...
flutter_windows_3.3.3-stable.zip
10-05
10. **持续集成(CI)/持续部署(CD)**：Flutter支持各种CI/CD工具，如Jenkins、GitHub Actions等，可以帮助团队实现自动化测试和部署，提高开发流程的效率。 总的来说，"flutter_windows_3.3.3-stable.zip"是一个让...
阿里云通信发布全新号码认证服务, 重新定义手机号码认证的方式
weixin_33979363的博客
12-12 449
摘要：12月12日，阿里云通信宣布号码认证服务正式商用，将重新定义手机号码认证的方式。因移动应用实名制的政策要求，手机号码认证在移动APP的注册、登录等场景用的越来越多。而对于开发者来说，能完成手机号码认证的选择并不多，一般是借助短信、语音的基础通信通道，自己实现短信验证码或语音验证码来实现。此次，阿里云通信针对移动应用开发者对号码认证的强诉求，推出的号码认证服务可以解决APP在注册、登录和安全校...
**打造流畅用户体验：Flutter的阿里云一键登录插件——Ali_Auth**
最新发布
gitblog_00044的博客
06-15 314
打造流畅用户体验：Flutter的阿里云一键登录插件——Ali_Auth 项目地址:https://gitcode.com/CodeGather/flutter_ali_auth 在这个数字时代，用户对于应用的体验要求日益升高，尤其是一步到位的便捷与安全。阿里云号码认证服务中的一键登录插件(Ali_Auth)，正是基于这样的需求诞生，旨在提供无缝且高效的登录解决方案。让我们一探究竟，为何这不仅是开...
flutter 阿里 号码认证_Flutter 学习资料及笔记总结
weixin_39733948的博客
10-21 206
也许是程序员天生的鄙视链作祟，后端出身的自己一直认为前端/客户端就是一个“画皮”的事，因此一直不愿意投资时间系统地学习前端技术栈。一般都是实在不得不做前端的时候，在 github 找个功能需求差不多的代码库，修改一下上线。开发速度倒是很快，但是出来的效果总是被评价为“程序员审美”。一直在寻找一个性价比高的方案，希望能够真正 Write once, run anywhere. 对于桌面客户端，尝试过...
flutter 阿里 号码认证_阿里大牛又一波骚操作,安卓UI开发新技能-Jetpack Compose，绝了...
weixin_39682477的博客
10-27 126
Jetpack Compose是什么?Jetpack Compose 是安卓用于构建UI的一种新方式,采用代码而非xml文件方式，写法与Flutter非常相似。官方主页：https://developer.android.google.cn/jetpack/compose官方Demo：https://github.com/android/compose-samples/tree/master/Je...
flutter 阿里 号码认证_我对Flutter的第一次失望
weixin_39597318的博客
10-21 287
老孟导读：此文翻译自：https://medium.com/@suragch/my-first-disappointment-with-flutter-5f6967ba78bf 我喜欢Flutter。我喜欢开发一次并让代码在Android和iOS上运行。我喜欢节省多少时间。我喜欢现在成为一名Web开发人员，而无需做任何额外的工作。我喜欢hot reload。我喜欢通过将小部件组合到布局中来快速...
flutter_gank
02-06
`flutter_gank`是一个基于Flutter框架开发的应用程序，它集成了Android和Dart技术，旨在提供一个平台，用于分享和收集高质量的技术干货（Gank.io的数据）。`flutter_gank`利用了Redux状态管理库来处理应用的状态，...
flutter_dev_kit_api
03-15
8. **持续集成/持续部署(CI/CD)**：如果项目包含自动化构建和部署流程，了解Jenkins、Travis CI、CircleCI或其他CI/CD工具的使用方法将有所帮助。 9. **测试**：Flutter提供了丰富的测试框架，包括单元测试、集成...
flutter_contests:我参加扑扑比赛的作品
03-17
12. **持续集成/持续部署(CI/CD)**：为了自动化测试和部署流程，开发者可能使用了如Travis CI或Jenkins这样的工具，确保代码的质量和快速迭代。 通过flutter_contests项目，我们可以看到一个完整的移动应用开发过程...
flutter后台管理框架
06-02
10. **持续集成/持续部署(CI/CD)**：为了加速开发流程，框架可能支持与 Jenkins、GitLab CI/CD 等工具的集成，实现自动化构建和部署。 通过掌握这些知识点，开发者可以充分利用 Flutter 后台管理框架的优势，提高...
IOSKeychain:此Flutter插件可在iOS上提供钥匙串访问
03-09
IOS钥匙扣 此Flutter插件可在iOS上提供钥匙串访问 入门 dependencies : ios_keychain : git : url : git://github.com/ahmeteminkara/ios_keychain.git import 'package:ios_keychain/ios_keychain.dart' ; 使用 String value = await IOSKeychain . read ( _key ) ; bool status = await IOSKeychain . write ( _key , "DATA" ) ; bool status = await IOSKeychain . update ( _key , "NEW DATA" ) ; bool status = await IO
Flutter多分支打包持续化集成
流星雨的博客
01-10 1307
Flutter自动打包脚本，支持分支切换
flutter持续集成travis-ci,coveralls
weixin_34310369的博客
06-09 165
目前 flutter_swiper已经集成了travis-ci,coveralls这两个持续集成工具，下面介绍下怎么在flutter项目中进行持续集成。 集成travis-ci 所谓持续集成，是让一个系统自动的对项目进行单元测试、编译、发布的环节，那么在这个过程中总结一下也就那么几个事情： 1、安装环境 在flutter中安装环境也就是...
推荐：Flutter OTP Authentication - 简易高效的移动验证组件
gitblog_00070的博客
05-28 322
推荐：Flutter OTP Authentication - 简易高效的移动验证组件 项目地址:https://gitcode.com/weblineindia/Flutter-OTP-Authentication 在一个安全的数字世界中，验证用户身份至关重要。这就是为什么我们向您推荐这个名为“Flutter OTP Authentication”的开源项目，它是一款基于Flutter框架的一次...
ali_auth flutter 一键登录
zqwily的博客
08-23 745
【代码】ali_auth flutter 一键登录。
Flutter插件一野狗云身份认证
咖啡花园
11-16 7277
Flutter插件一野狗云身份认证使用野狗身份认证（Wilddog Auth）的Flutter插件。野狗云身份认证即Auth，用于帮助企业和开发者将野狗快速接入应用的身份认证系统，一次身份认证打通野狗所有产品。还可以用于增强已有帐户体系和简化新应用中账号系统的开发。开发者使用Auth能让新应用避开从0开始的帐户系统开发，轻松搞定用户注册登录、用户信息存储。同时野狗采用行业标准的JWT格式对传输数据进
Flutter持续化集成上的演进之路
weixin_33967071的博客
12-16 200
作者：腾讯 - 小德（koudleren 任晓帅） 存在的问题 为了使用Flutter，刚开始的时候为了快速上线，采用将Flutter和Native代码混合开发的模式，具体的工程目录如下： 可以明显的看到工程目录很乱，android目录下有多个代码目录，lib目录下是dart代码，images目录下是Flutter所用到的图片等资源，而且竟然还包含了iOS的代码。如此混乱的目录给我们带来了四个问...
flutter 阿里 号码认证_Flutter 到底香不香？看完这几个开源项目再做决定
weixin_39588104的博客
10-21 131
Flutter 自 2015 年推出以来，凭借着其极高的开发交付效率，优秀的多平台能力，以及强大的 UI 表现力，受到了许多开发者们的推崇。虽然 Flutter 的确仍旧存在一些问题，但依然是不少开发者们在跨平台开发时的第一选择。今天 Gitee 为开发者们推荐的就是几款优秀的 Flutter 开源项目，希望不论是接触 Flutter 的新人，还是使用了很久的老炮，都会有所收获。项目作者：me...
flutter flutter_zoomable_image
07-29
import 'package:flutter_zoomable_image/flutter_zoomable_image.dart'; void main() { runApp(MyApp()); } class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值