`
222xiaohuan
  • 浏览: 53179 次
  • 性别: Icon_minigender_2
  • 来自: 苏州
社区版块
存档分类
最新评论

react native 打包发布步骤

 
阅读更多

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打包IOS超详细步骤

    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详细打包步骤及上传开发者中心.docx

    React Native iOS 打包步骤及上传开发者中心详解 React Native 是一个基于 JavaScript 的移动应用框架,允许开发者使用 JavaScript 语言和 React 库来构建移动应用程序。在 iOS 平台上,React Native 项目需要经过...

    react native android 命令打包

    通过上述步骤,您可以成功地使用React Native命令行工具为Android项目打包并生成可用于发布的APK文件。在整个过程中,需要注意的是正确配置签名信息以及确保所有依赖项都已安装到位。此外,在实际操作中可能会遇到...

    React Native打包上传所需要用到的curl

    在React Native项目开发过程中,打包和发布应用是不可或缺的环节。这里我们将深入探讨如何利用curl命令行工具在React Native中进行打包操作,并对相关步骤进行详细解析。 `curl` 是一个用于传输数据的命令行工具,...

    Android和ReactNative混合开发Demo

    这涉及到在Android项目中引入React Native库,设置打包配置,创建React Native桥接模块,以及在Android Activity中加载React Native的JS Bundle。关键步骤包括: 1. 添加React Native依赖:在`build.gradle`文件中...

    reactnative自动化打包工具

    通过以上步骤,React Native开发者可以建立一个完整的自动化打包流程,从而提高开发效率,减少手动操作出错的可能性,并确保应用的稳定发布。熟悉并掌握这些知识点,对于从事React Native混合移动开发的工程师来说,...

    react native uwp app

    5. **发布应用**:完成开发后,打包应用并提交到Microsoft Store,供用户下载。 总的来说,React Native UWP提供了一种创新的方式来构建Windows 10应用,使得开发者能够在熟悉的JavaScript环境中开发出具有原生性能...

    react-ReactNative小书是一本关于ReactNative的入门向的开源书籍

    最后,书中会介绍如何打包和发布应用到App Store和Google Play。 10. **进阶话题** 书中可能涵盖React Native社区的热门话题,如React Navigation用于导航,React Native Paper和Material-UI用于UI设计,以及如何...

    IOS原生集成ReactNative

    7. **启动React Native打包服务器**:在终端中,进入你的React Native项目的根目录,运行`react-native start`。 8. **运行应用**:最后,你可以在Xcode中运行你的iOS应用,React Native的部分应该会正常加载。 ##...

    Android 项目中嵌入 ReactNative

    6. **设置JS打包服务器**:启动ReactNative的打包服务,可以使用`react-native run-android`命令,这会自动编译JS代码并启动服务器。 7. **桥接配置**:如果需要与原生代码交互(如调用Android API),需要在Java端...

    快速搭建ReactNative项目的一个starter

    对于生产环境,开发者还需要了解如何配置打包、签名和发布应用。对于Android,这涉及到生成APK文件;对于iOS,需要构建IPA并提交到App Store Connect。 总的来说,“快速搭建React Native项目的一个starter”是一个...

    react-native转react-web, react+redux, webpack打包

    标题 "react-native转react-web, react+redux, webpack打包" 描述了将React Native项目转换为Web应用,并结合React和Redux进行开发以及使用Webpack进行打包的过程。这是一个涉及到多个技术栈和流程的知识点集合,让...

    Learning React Native

    《Learning React Native》是针对初学者的一份指南,旨在帮助读者掌握React Native技术,并为微信小程序的开发打下坚实的基础。React Native是由Facebook推出的开源框架,它允许开发者使用JavaScript和React来构建...

    ReactNative转ReactWeb(webpack、react-web)

    ReactNative和ReactWeb是两种不同的技术栈,它们都是基于Facebook的React库,但分别用于原生移动应用开发和Web应用开发。将一个ReactNative项目转换为ReactWeb项目,需要进行一系列的技术调整和配置,以便在浏览器...

    云生活超市——React Native项目,React Native电商app,(项目配套:1、后台管理系统(Rea.zip

    11. **发布流程**:理解iOS和Android的应用发布流程,包括代码签名、打包、上传到App Store或Google Play等步骤。 12. **集成后台管理系统**:项目提到有配套的后台管理系统(Rea.zip),这通常包括用户管理、订单...

    Android项目中集成react native页面

    这通常涉及到配置CI工具(如Jenkins、Travis CI等)来执行JavaScript测试和打包React Native代码。 通过以上步骤,你就能成功地在Android项目中集成React Native页面,从而享受到JavaScript开发的便利性和原生应用...

    独立开发的基于ReactNative的天气应用

    在开发流程方面,ReactNative的开发通常包括以下几个步骤: 1. **环境配置**:安装Node.js,设置ReactNative命令行工具(RN CLI),并安装必要的依赖管理器如npm或yarn。 2. **创建新项目**:使用`react-native init...

    采用ReactNative开发的一个约会App

    8. **打包与发布(Packaging & Deployment)**:最后,项目需要打包成APK或IPA文件,发布到Google Play Store或Apple App Store。这涉及到配置签名、编译优化和性能调优等步骤。 通过深入研究这个项目,开发者不仅...

    React.Native in Action

    最后,还将探讨发布流程,包括编译、打包和发布到应用商店的步骤。 总的来说,《React.Native in Action》是一本全面覆盖React Native开发的书籍,适合有一定JavaScript和React基础的开发者阅读。通过学习本书,...

    React-LBS.zip_javascript_react native_react native lbs_react-nat

    10. **发布**:完成开发后,将应用打包发布到相应的应用商店。 通过以上步骤,我们可以创建一个功能完备的LBS应用,它不仅能获取和显示用户的位置,还能提供路线导航等增值服务。React Native的跨平台特性使得...

Global site tag (gtag.js) - Google Analytics