React Native开发中自动打包脚本的实例代码

在日常的RN开发中,我们避免不了需要将我们编写的代码编译成安装包,然后生成二维码,供需要测试的人员扫描下载。但是对于非原生的开发人员来说,可能不知如何使用Xcode或者Android studio来导出ipa、apk安装包,为了解决非原生开发的同学们打安装包的痛苦,这里作者就提供一个shell脚本文件来实现一键式自动打包并生成安装二维码 (这里上传安装包生成二维码需要借助于三方平台fir.im)

打包脚本文件下载地址

https://github.com/guangqiang-liu/AutoPackageScript

iOS

脚本执行效果

使用脚本注意事项

•脚本配置环境变量中,is_workspace :如果是使用pod进行管理三方库就赋值为true,否则是false
•firim_token:fir_token请设置成自己的token,fir im_token如何获取请参考fir官网https://fir.im/
•scheme_name:请更换为自己项目的scheme名称
•info_plist_name:请更换为自己项目中的plist文件名称
•如果没有注册登录fir.im的同学们,请先去注册登录fir.im,相关操作请参照fir.im官方文档
•脚本文件夹放在项目的跟目录下即可
•除了is_workspace firim_token scheme_name info_plist_name 这四个变量需要改为自己的,其它的地方脚本不需要修改
•在打包之前请确保iOS调试证书有效
•fir.im 的token和注册登录流程是可有可无的,如果之前没有使用过fir.im的同学们也可以忽略fir.im相关的操作,因为fir.im

只是辅助将生成的ipa安装包文件上传到fir, 然后生成一个可以扫码安装的二维码而已,不使用fir.im 不影响生成ipa,只是不会生成安装二维码

特别注意(脚本存放路径):

如何使用脚本文件

•将下载下来的脚本文件夹整个拖进自己的iOS工程的项目根目录下
•打开终端,进入到脚本文件 autoPackageScript.sh 所在的目录
•执行脚本 sh autoPackageScript.sh
•等待打包生成ipa和二维码,这里默认打包后的文件会存放在桌面

核心脚本代码

#!/bin/sh
# autoPackageScript.sh
# LSBuyer
#
# Created by 刘光强 on 2017/6/3.
# Copyright © 2017年 Facebook. All rights reserved.
envionmentVariables() {
 # ==================== 工程配置环境变量 ==================== #
 echo "\033[37;45m************************* step1:初始化环境变量 🚀 🚀 🚀 ************************* \033[0m"
 sleep 0.5
 # 计时
 SECONDS=0
 # 工作空间 (例:若是用Cocopods管理的.xcworkspace项目,赋值true;用Xcode默认创建的.xcodeproj,赋值false)
 is_workspace="false"
 # 指定要打包编译的方式 : Release or Debug (默认是Release)
 build_configuration="Release"
 # fir账户的token, 这个token换成自己fir账号生成的token即可
 firim_token="1b91e3f54c6e6b106be7afdd13674a43"
 # 打包脚本文件夹路径
 script_path=$(pwd)
 # 指定项目的scheme名称(默认为one,需要再次赋值)
 scheme_name="one"
 # 工程中Target对应的配置plist文件名称, Xcode默认的配置文件为info.plist (需要再次赋值)
 info_plist_name="info"
 # 导出ipa所需要的对应的plist文件路径 (默认为EnterpriseExportOptionsPlist.plist)
 ExportOptionsPlistPath="$script_path/EnterpriseExportOptionsPlist.plist"
 # 返回上上级目录,进入项目工程根目录
 cd ..
 cd ..
 # 工程根目录
 project_dir=$(pwd)
 # 获取工程名称(LSBuyer)
 project_name=`find . -name *.xcodeproj | awk -F "[/.]" '{print $(NF-1)}'`
 # Dev,Pre,Pro三种环境
 echo "\033[31;1m请选择打包类型(输入序号,按回车即可) \033[0m"
 echo "\033[31;1m1. 测试 \033[0m"
 echo "\033[31;1m2. 预发 \033[0m"
 echo "\033[31;1m3. 生产 \033[0m"
 # 捕获用户键盘输入
 read packageType
 sleep 0.5
 method="$packageType"
 # 判断用户是否有输入
 if [ -n "$method" ] ; then
 if [ "$method" = "1" ] ; then
 ExportOptionsPlistPath="$script_path/EnterpriseExportOptionsPlist.plist"
 # 根据用户选择的打包类型来设置对应的scheme和plist文件
 scheme_name="one"
 info_plist_name="info"
 elif [ "$method" = "2" ] ; then
 ExportOptionsPlistPath="$script_path/EnterpriseExportOptionsPlist.plist"
 scheme_name="LSBuyerPre"
 info_plist_name="LSBuyerPre"
 elif [ "$method" = "3" ] ; then
 ExportOptionsPlistPath="$script_path/AppStoreExportOptionsPlist.plist"
 scheme_name="LSBuyer"
 info_plist_name="Info"
 else
 echo "\033[37;45m************************* 你是不是瞎,是不是瞎 😢 😢 😢 ************************* \033[0m"
 exit 1
 fi
 fi
 # 获取对应的plist文件
 info_plist_path="$project_dir/$project_name/$info_plist_name.plist"
 # 对应plist中的Bundle versions string, short
 bundle_short_version=`/usr/libexec/PlistBuddy -c "Print CFBundleShortVersionString" "$info_plist_path"`
 # 对应plist中的Bundle version
 bundle_version=`/usr/libexec/PlistBuddy -c "Print CFBundleVersion" "$info_plist_path"`
 # 指定输出ipa文件夹路径 (需要再次赋值)
 export_path=~/Desktop/$scheme_name-IPA
 # 指定输出xcarchive路径
 export_archive_path="$export_path/$scheme_name.xcarchive"
 # 删除旧.xcarchive文件
 rm -rf "$export_archive_path"
 # 指定输出ipa路径
 export_ipa_path="$export_path"
 # 指定输出ipa名称 : scheme_name + bundle_short_version (需要重新赋值)
 ipa_name="$scheme_name-v$bundle_short_version"
}
Xcodebuild() {
 echo "\033[37;45m************************* step2:开始构建项目 🚀 🚀 🚀 ************************* \033[0m"
 sleep 1
 if [ -d "$export_path" ]; then
 echo $export_path
 else
 mkdir $export_path
 fi
 # 判断编译的项目类型是workspace还是project
 if $is_workspace ; then
 # 编译前做clear操作
 xcodebuild clean -workspace ${project_name}.xcworkspace \
 -scheme ${scheme_name} \
 -configuration ${build_configuration}
 # archive操作
 xcodebuild archive -workspace ${project_name}.xcworkspace \
 -scheme ${scheme_name} \
 -configuration ${build_configuration} \
 -archivePath ${export_archive_path}
 else
 xcodebuild clean -project ${project_name}.xcodeproj \
 -scheme ${scheme_name} \
 -configuration ${build_configuration}
 xcodebuild archive -project ${project_name}.xcodeproj \
 -scheme ${scheme_name} \
 -configuration ${build_configuration} \
 -archivePath ${export_archive_path}
 fi
 # 检查是否构建成功
 # xcarchive 是一个文件夹不是一个文件所以使用 -d 判断
 if [ -d "$export_archive_path" ] ; then
 echo "\033[37;45m项目构建成功 🚀 🚀 🚀 \033[0m"
 else
 echo "\033[37;45m项目构建失败 😢 😢 😢 \033[0m"
 exit 1
 fi
}
ExportArchive() {
 echo "\033[37;43m************************* step3:开始导出ipa文件 🚀 🚀 🚀 ************************* \033[0m"
 sleep 0.5
 # 导出ipa
 xcodebuild -exportArchive \
 -archivePath ${export_archive_path} \
 -exportPath ${export_ipa_path} \
 -exportOptionsPlist ${ExportOptionsPlistPath}
 # 修改ipa文件名称
 mv $export_ipa_path/$scheme_name.ipa $export_ipa_path/$ipa_name.ipa
 # 检查文件是否存在
 if [ -f "$export_ipa_path/$ipa_name.ipa" ] ; then
 echo "\033[37;45m导出 ${ipa_name}.ipa 包成功 🎉 🎉 🎉 \033[0m"
 else
 echo "\033[37;45m导出 ${ipa_name}.ipa 包失败 😢 😢 😢 \033[0m"
 exit 1
 fi
 # 输出打包总用时
 echo "\033[37;46m总用时: ${SECONDS}s \033[0m"
 open $export_path
}
previewIPAInfo() {
 echo "\033[37;43m************************* step4:预览IPA信息 💩 💩 💩 ************************* \033[0m"
 fir info $export_ipa_path/$ipa_name.ipa
}
publishIPAToFir() {
 echo "\033[37;43m************************* step5:上传中 🚀 🚀 🚀 ************************* \033[0m"
 echo "\033[37;43m************************* step4:预览用户登录信息 💩 💩 💩 ************************* \033[0m"
 fir login "$firim_token"
 fir publish $export_ipa_path/$ipa_name.ipa -Q
 echo "\033[37;43m************************* step6:上传完成 🚀 🚀 🚀 ************************* \033[0m"
 # 输出总用时
 echo "\033[37;46m总用时: ${SECONDS}s 👄 👄 👄 \033[0m"
 open $export_path
}
envionmentVariables
Xcodebuild
ExportArchive
previewIPAInfo
publishIPAToFir

Android

执行脚本效果

注意事项

•环境配置项中的 firim_token:换成自己的token
•fir.im的注册与登录操作同iOS操作,详细参考fir.im官方文档 教程
•apk默认导出路径为:app/build/outputs/apk
•打包前请确保jks签名是否有效,如果有对生成 jks 签名文件不熟悉的同学,请查看作者对生成jks签名文件的讲解:
•脚本文件存放的路径,最好放在项目根目录下,也即是与 settings.gradle 文件同级目录
•fir.im 的token和注册登录流程是可有可无的,如果之前没有使用过fir.im的同学们也可以忽略fir.im相关的操作,因为fir.im只是辅助将生成的ipa安装包文件上传到fir, 然后生成一个可以扫码安装的二维码而已,不使用fir.im 不影响生成ipa,只是不会生成安装二维码

如何运行脚本

•将下载的脚本文件夹中的 autoPackage.sh 文件 拖到Android 项目的根目录下
•打开终端,进入到 autoPackage.sh 脚本文件所在的目录
•执行脚本 sh autoPackage.sh
•等待脚本执行,打包生成的apk文件与二维码统一存放在 /build/outputs/apk 路径下

核心脚本代码

#!/bin/sh
# autoPackage.sh
# CRM
#
# Created by 刘光强 on 2017/6/19.
# Copyright © 2017年 Facebook. All rights reserved.
# ******************** 安卓一键式打包并上传到fir生成二维码并直接扫描安装 ********************
# 预先定义对应的环境变量
envionmentVariables(){
# 打包时间初始值
SECONDS=0
# 当前的路径
pwd
#安卓项目工程路径
android_project_path=$(pwd)
# 安卓apk目录路径
apk_dir_path="$android_project_path/app/build/outputs/apk"
# apk 路径
apk_path="$apk_dir_path/app-dev-release.apk"
# fir账户的token,这个token换成自己fir账号生成的token即可
firim_token="1b91e3f54c6e6b106be7afdd13674a43"
}
apkBuild(){
# 删除老的apk
rm -rf $apk_path
cd "$android_project_path"
echo "\033[37;45m打包开始!!! 🎉 🎉 🎉 \033[0m"
sleep 1
# 执行安卓打包脚本
./gradlew assembleRelease
# 检查apk文件(app-LSW-release.apk)是否存在
if [ -f "$apk_path" ]; then
echo "$apk_path"
echo "\033[37;45m打包成功 🎉 🎉 🎉 \033[0m"
sleep 1
else
echo "\033[37;45m没有找到对应的apk文件 😢 😢 😢 \033[0m"
exit 1
fi
}
# 预览apk信息
previewIPAInfo(){
echo "\033[37;43m************************* step4:预览apk信息 💩 💩 💩 ************************* \033[0m"
fir info $apk_path
sleep 1
}
# 将apk目录下的app-LSW-release.apk 上传到fir
publishIPAToFir(){
open $apk_dir_path
echo "\033[37;43m************************* step5:上传中 🚀 🚀 🚀 ************************* \033[0m"
echo "\033[37;43m************************* step4:预览用户登录信息 💩 💩 💩 ************************* \033[0m"
fir login "$firim_token"
fir publish $apk_path -Q
echo "\033[37;43m************************* step6:上传完成 🚀 🚀 🚀 ************************* \033[0m"
# 输出总用时
echo "\033[37;46m总用时: ${SECONDS}s 👄 👄 👄 \033[0m"
open $apk_dir_path
}
envionmentVariables
apkBuild
previewIPAInfo
publishIPAToFir

总结

(0)

相关推荐

  • React Native开发中自动打包脚本的实例代码

    在日常的RN开发中,我们避免不了需要将我们编写的代码编译成安装包,然后生成二维码,供需要测试的人员扫描下载.但是对于非原生的开发人员来说,可能不知如何使用Xcode或者Android studio来导出ipa.apk安装包,为了解决非原生开发的同学们打安装包的痛苦,这里作者就提供一个shell脚本文件来实现一键式自动打包并生成安装二维码 (这里上传安装包生成二维码需要借助于三方平台fir.im) 打包脚本文件下载地址 https://github.com/guangqiang-liu/AutoP

  • React Native仿美团下拉菜单的实例代码

    本文介绍了React Native仿美团下拉菜单的实例代码,最近也在学习React Native,顺便分享给大家 在很多产品中都会涉及到下拉菜单选择功能,用的最好的当属美团了,其效果如下: 要实现上面的效果,在原生中比较好做,直接使用PopWindow组件即可.如果使用React Native开发上面的效果,需要注意几个问题: 1. 在下拉的时候有动画过度效果: 2.下拉菜单出现后点击菜单项,菜单项可选择,并触发对应的事件: 3.下拉菜单中的项目可以配置: 要实现弹框效果,我们马上回想到使用Mo

  • React Native项目中使用Lottie动画的方法

    Lottie是Airbnb开源的一个面向iOS.Android.React Native的动画库,能加载Adobe After Effects导出的动画,并且能让原生App像使用静态素材一样使用这些动画,完美实现炫酷的动画效果. 使用流程上,Lottie动画需要先使用Adobe After Effects做出原动画,然后再使用官方提供的Bodymovin插件把动画导出成Json文件,而这个Json文件就是Lottie需要解析的动画源文件. 在React Native项目中使用Lottie动画,需

  • VSCode 配置React Native开发环境的方法

    本文介绍了VSCode 配置React Native开发环境的方法,分享给大家,具体如下: 1.安装VSCode 2.安装插件 按F1 并输入 ext install 并回车, 或者使用 输入react-native安装React Native Tools 假定你已经在设备上安装了react native, 如果没有安装,请使用npm install -g react-native-cli安装 或者按照官方文档操作 新建一个RN工程 并使用VSCode打开 安装完成后 按F1可以看到命令里多了很

  • 教你快速搭建 React Native 开发环境

    React Native 官网地址:https://www.reactnative.cn/docs/environment-setup 开发平台 Windows 目标平台 Android 1.安装依赖 必须安装的依赖有 Node.JDK 和 Android Studio,Node 版本不得低于 14,React Native 需要 JDK 11,查看 JDK 版本的指令如下: javac -version 1-1.下载和安装 android studio 1-2.安装 Android SDK 目

  • Android与iOS包体优化及一键自动打包脚本

    目录 系统信息 介绍 安卓APK优化包体大小 一.原理与介绍 二.Flutter代码配置 三.Android代码配置 四.多渠道调试与打包指令 安卓一键打包脚本 一.简单介绍 二.项目路径结构 三.脚本内容 四.脚本使用步骤 苹果优化包体大小 一.常规优化(分发到 App Store 或者 打Ad hoc 测试包) 二.非常规优化 1.Flutter导出IPA(共4步) 2.第一次优化包体大小(共5步) 3.第二次优化包体大小(共6步) 4.一些说明 苹果一键打包脚本 一.简单介绍 二.项目路径

  • 详解React Native项目中启用Hermes引擎

    目录 引言 一.启用 Hermes 引擎 1.1 Android 1.2 iOS 二.Hermes 引擎使用 2.1 检查 Hermes 引擎是否启用 2.2 绑定Hermes 2.3 使用DevTools在Hermes上调试JS 引言 目前,最新版本的React Native(0.70.0及以上版本)已经默认开启了Hermes引擎.而Hermes则是专门针对React Native应用而优化的全新JavaScript引擎,启用Hermes引擎可以优化启动时间,减少内存占用以及空间占用. 一.启

  • React Native模块之Permissions权限申请的实例相机

    React Native模块之Permissions权限申请的实例详解 前言 对于移动开发,我们知道Android 6.0之后对于权限管理做了很大的升级,其类似于IOS的管理管理方式需要用手动授权是否允许使用当前权限, 在RN开发中同样存在这样一个模块. 处理方法 在RN中提供了一个PermissionsAndroid的模块, 可以访问Android M(也就是6.0)开始提供的权限模型.有一些权限写在AndroidManifest.xml就可以在安装时自动获得.但有一些"危险"的权限

  • React Native使用百度Echarts显示图表的示例代码

    Echarts是百度推出的免费开源的图表组件,功能丰富,涵盖各行业图表.相信很多同学在网页端都使用过.今天我就来介绍下在React Native中如何使用Echarts来显示各种图表. 首先需要在我们的React Native项目中安装native-echarts组件,该组件是兼容IOS和安卓双平台的. 安装 npm install native-echarts --save 安装完成后在node_modules文件夹下会多出一个文件夹叫native-echarts. 目录结构如下图所示: 基础

  • Python实现自动签到脚本的示例代码

    实训课期间忙里偷闲的学习了python的selenium包,唯一一点不好是要自己去查英文文档,明摆着欺负我这种英语不好的,想着用谷歌翻译一下,代码也给我翻译了,不知道是几个意思. 大二的时候就让我们做自动签到脚本,说用JS可以写一下,但是说着说着就给忘了,现在学了python后又想起来要写一个自动签到的脚本,不得不佩服python的强大,短短二十行左右的代码就实现了,虽然说脚本还需要手动操作去运行,以后还是可以慢慢优化的. 开发环境 : Windows10 + sublime(编辑器装好pyth

随机推荐