react-native 自动化构建过程(ipa包)

原理图

react-native 自动化构建过程(ipa包)_第1张图片
image.png

准备工作
1.安装xcode
2.安装cocospod
3.react-native源文件(git获取源码)
4.安装npm包管理工具
5.安装react-native-cli

npm install -g react-native-cli

步骤分解如下:

1.环境切换(CI)

react-native源文件 目录结构如下


1594482-8dd302c68ad2c3b2.png
image.png

a.根据不同的环境使用不同的配置文件(src/config/config.js)


1594482-c9e50fb4d9fa6def.png
image.png

生成发布ipa包

a.安装依赖

1594482-999c1a383969a56b.png
使用命令行 进入根目录
cd /Users/kz/Documents/myProjects/kmyd-app
npm install

等待安装完成后,执行链接任务

react-native link

进入到ios根目录

cd ios
1594482-c33b0c57d893436c.png
image.png

证书目录


react-native 自动化构建过程(ipa包)_第2张图片
image.png

安装依赖

pod install

清理工程
xcodebuild clean -workspace -scheme -configuration 无workspace

xcodebuild clean -workspace kmyd.xcworkspace  -scheme  kmyd -configuration Release

接下来生成archive包
xcodebuild archive -workspace 项目名称.xcworkspace -scheme 项目名称 -configuration Release -archivePath archive包存储路径 CODE_SIGN_IDENTITY=证书 PROVISIONING_PROFILE=描述文件UUID

xcodebuild archive -workspace kmyd.xcworkspace -scheme kmyd -configuration Release -archivePath archive/release.ipa 
 CODE_SIGN_IDENTITY=./certificate/release.p12 PROVISIONING_PROFILE=./certificate/release.mobileprovision

react-native 自动化构建过程(ipa包)_第3张图片
image.png

执行完命令后,此时生成一个archive包 release.ipa.xcarchive

生成ipa文件
xcodebuild -exportArchive -archivePath archive包文件路径 -exportPath 导出到指定文件目录 -exportOptionsPlist 配置文件路径

xcodebuild -exportArchive -archivePath archive/release.ipa.xcarchive  -exportPath archive/release -exportOptionsPlist kmyd/Info.plist
react-native 自动化构建过程(ipa包)_第4张图片
exportOptionsPlist kmyd/Info.plist
react-native 自动化构建过程(ipa包)_第5张图片
image.png
react-native 自动化构建过程(ipa包)_第6张图片
image.png

ios 重签名

a.准备ipa文件 和.mobileprovision (in House)


react-native 自动化构建过程(ipa包)_第7张图片
image.png

2.获取mobileprovision文件里面的信息embedded.plist

security cms -D -i release.mobileprovision > embedded.plist
react-native 自动化构建过程(ipa包)_第8张图片
image.png

3.导出entitlements.plist

/usr/libexec/PlistBuddy -x -c "Print:Entitlements" embedded.plist> entitlements.plist

react-native 自动化构建过程(ipa包)_第9张图片
image.png

4.解压ipa包

unzip kmyd.ipa
react-native 自动化构建过程(ipa包)_第10张图片
image.png
react-native 自动化构建过程(ipa包)_第11张图片
image.png
react-native 自动化构建过程(ipa包)_第12张图片
image.png

5.删除旧签名

rm -rf Payload/鲲美云店.app/_CodeSignature/

react-native 自动化构建过程(ipa包)_第13张图片
已删除

{==================动态库=====================

//如果有动态库,需要一个一个删除旧签名,并且添加新的签名

a1.删除

rm -rf Payload/鲲美云店.app/Frameworks/xxx.framework/_CodeSignature

a2.重新签名

codesign -f -s "你的证书的名称" Payload/鲲美云店.app/Frameworks/xxx.framework/

==================动态库=====================

}

6.替换配置文件

cp release.mobileprovision Payload/鲲美云店.app/embedded.mobileprovision

react-native 自动化构建过程(ipa包)_第14张图片
image.png

7.签名

react-native 自动化构建过程(ipa包)_第15张图片
image.png

codesign -f -s "iPhone Distribution: Kunchi Trading Development (Shanghai) Co., Ltd. (6DJSTWRAAQ)" --entitlements entitlements.plist Payload/鲲美云店.app

react-native 自动化构建过程(ipa包)_第16张图片
已生成新的签名包

8.打包成ipa

zip -r new_kmyd.ipa Payload/

new_kmyd自己随意生成新的ipa包的名字。


react-native 自动化构建过程(ipa包)_第17张图片
image.png

参考文献
重签名
自动构建流程
fastlane
https://www.ctolib.com/topics-137029.html

你可能感兴趣的:(react-native 自动化构建过程(ipa包))