1.生产一个签名密钥
keytool -genkey -v -keystore my-release-key.keystore -alise
my-key-alias -keyalg RSA -keysize 2048 -validity 10000
keytool -genkey -v -keystore my-release-key.keystore -alias
my-key-alias -keyalg RSA -keysize 2048 -validity 10000
2.找到路径/android/app/src/main,并在该目录下新建assets文件夹
3. 在工程目录下将index.android.bundle下载并保存到assets资源文件夹中
curl -k "http://localhost:8081/index.android.bundle" > android/app/src/main/
assets/index.android.bundle
这句命令是重点,如果assets目录中不存在该文件,则打包到apk在执行时显示空白
或通过如下命令生成bundle文件
react-native bundle --platform android --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/ --dev false
4,添加gradle的android keystore配置
在build.gradle文件中
//签名
signingConfigs{
release{
storeFile file("/my-release-key.keystore")
storePassword "密码"
keyAlias "keyAlias的名字"
keyPassword "密码"
}
}
buildTypes{
release{
minifyEnable false
proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
signingConfig signingConfigs.release //添加这句话引用签名配置
}
}
5,启用Proguard代码混淆来缩小apk文件大小
Proguard是一个java字节码混淆压缩工具,它可以移除掉React Native java(和它的依赖库中)
没有被使用到的部分,最终有效减少apk大小。
重要:启用Proguard之后,必须全面测试应用。Proguard有时需要为你引入的每个原生库做一些额外的配置。
参见app/proguard-rules.pro文件。
def enableProguardInReleaseBuilds = true
6,在/android/目录中执行gradle assembleRelease命令,打包后的文件在/android/app/build/outputs/apk目录中,
例如app-release.apk.如果打包碰到问题,可以先执行gradle clean清理一下。
安装gradle工具(版本和android\gradle\wrapper下到一致),并配置环境变量,配置GRADLE_HOME到gradle根目录当中,
然后把%GRADLE_HOME%/bin(linux或mac是$GRADLE_HOME/bin)加到PATH的环境变量。
配置完之后,运行gradle -v,检查一下是否安装无误。
7,将apk发布到各大应用市场。
相关推荐
react-native bundle --entry-file index.js //entry-file,ios或者android入口的js名称,比如index.js --platform ios //platform ,平台名称(ios或者android) --dev false //设置为false时会对JavaScript代码进行...
React Native iOS 打包步骤及上传开发者中心详解 React Native 是一个基于 JavaScript 的移动应用框架,允许开发者使用 JavaScript 语言和 React 库来构建移动应用程序。在 iOS 平台上,React Native 项目需要经过...
通过上述步骤,您可以成功地使用React Native命令行工具为Android项目打包并生成可用于发布的APK文件。在整个过程中,需要注意的是正确配置签名信息以及确保所有依赖项都已安装到位。此外,在实际操作中可能会遇到...
在React Native项目开发过程中,打包和发布应用是不可或缺的环节。这里我们将深入探讨如何利用curl命令行工具在React Native中进行打包操作,并对相关步骤进行详细解析。 `curl` 是一个用于传输数据的命令行工具,...
这涉及到在Android项目中引入React Native库,设置打包配置,创建React Native桥接模块,以及在Android Activity中加载React Native的JS Bundle。关键步骤包括: 1. 添加React Native依赖:在`build.gradle`文件中...
通过以上步骤,React Native开发者可以建立一个完整的自动化打包流程,从而提高开发效率,减少手动操作出错的可能性,并确保应用的稳定发布。熟悉并掌握这些知识点,对于从事React Native混合移动开发的工程师来说,...
5. **发布应用**:完成开发后,打包应用并提交到Microsoft Store,供用户下载。 总的来说,React Native UWP提供了一种创新的方式来构建Windows 10应用,使得开发者能够在熟悉的JavaScript环境中开发出具有原生性能...
最后,书中会介绍如何打包和发布应用到App Store和Google Play。 10. **进阶话题** 书中可能涵盖React Native社区的热门话题,如React Navigation用于导航,React Native Paper和Material-UI用于UI设计,以及如何...
7. **启动React Native打包服务器**:在终端中,进入你的React Native项目的根目录,运行`react-native start`。 8. **运行应用**:最后,你可以在Xcode中运行你的iOS应用,React Native的部分应该会正常加载。 ##...
6. **设置JS打包服务器**:启动ReactNative的打包服务,可以使用`react-native run-android`命令,这会自动编译JS代码并启动服务器。 7. **桥接配置**:如果需要与原生代码交互(如调用Android API),需要在Java端...
对于生产环境,开发者还需要了解如何配置打包、签名和发布应用。对于Android,这涉及到生成APK文件;对于iOS,需要构建IPA并提交到App Store Connect。 总的来说,“快速搭建React Native项目的一个starter”是一个...
标题 "react-native转react-web, react+redux, webpack打包" 描述了将React Native项目转换为Web应用,并结合React和Redux进行开发以及使用Webpack进行打包的过程。这是一个涉及到多个技术栈和流程的知识点集合,让...
《Learning React Native》是针对初学者的一份指南,旨在帮助读者掌握React Native技术,并为微信小程序的开发打下坚实的基础。React Native是由Facebook推出的开源框架,它允许开发者使用JavaScript和React来构建...
ReactNative和ReactWeb是两种不同的技术栈,它们都是基于Facebook的React库,但分别用于原生移动应用开发和Web应用开发。将一个ReactNative项目转换为ReactWeb项目,需要进行一系列的技术调整和配置,以便在浏览器...
11. **发布流程**:理解iOS和Android的应用发布流程,包括代码签名、打包、上传到App Store或Google Play等步骤。 12. **集成后台管理系统**:项目提到有配套的后台管理系统(Rea.zip),这通常包括用户管理、订单...
这通常涉及到配置CI工具(如Jenkins、Travis CI等)来执行JavaScript测试和打包React Native代码。 通过以上步骤,你就能成功地在Android项目中集成React Native页面,从而享受到JavaScript开发的便利性和原生应用...
在开发流程方面,ReactNative的开发通常包括以下几个步骤: 1. **环境配置**:安装Node.js,设置ReactNative命令行工具(RN CLI),并安装必要的依赖管理器如npm或yarn。 2. **创建新项目**:使用`react-native init...
8. **打包与发布(Packaging & Deployment)**:最后,项目需要打包成APK或IPA文件,发布到Google Play Store或Apple App Store。这涉及到配置签名、编译优化和性能调优等步骤。 通过深入研究这个项目,开发者不仅...
最后,还将探讨发布流程,包括编译、打包和发布到应用商店的步骤。 总的来说,《React.Native in Action》是一本全面覆盖React Native开发的书籍,适合有一定JavaScript和React基础的开发者阅读。通过学习本书,...
10. **发布**:完成开发后,将应用打包发布到相应的应用商店。 通过以上步骤,我们可以创建一个功能完备的LBS应用,它不仅能获取和显示用户的位置,还能提供路线导航等增值服务。React Native的跨平台特性使得...