文档章节

react native android 打包

罗培海
 罗培海
发布于 2018/08/02 23:57
字数 692
阅读 469
收藏 0

1.生成离线bundle包

开发中了会知道RN项目的资源文件js css 字体图标 image是不在android or ios文件里面的, 离线包就是把 ReactNative 和你写的资源都打包放入 App .

首先在项目根目录创建文件夹: ./android/app/src/main/中创建文件夹assets

切换到项目根目录 运行指令

lph$ react-native bundle --entry-file index.js --platform android --dev false --bundle-output ./android/app/src/main/assets/index.android.bundle --assets-dest ./android/app/src/main/res/

注意: react-native bundle --entry-file index.js 是因为我的项目(react-native ^0.55.1)入口文件为 index.js 而 0.49以前是index.android.js 

2.生成签名文件

切换到 ./android/app/ 文件下 运行

$ keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000
您的名字与姓氏是什么?
  [罗]:  
您的组织单位名称是什么?
  [freelancers]:  
您的组织名称是什么?
  [freelancers]:  
您所在的城市或区域名称是什么?
  [嘉兴]:  
您所在的省/市/自治区名称是什么?
  [浙江]:  
该单位的双字母国家/地区代码是什么?
  [china]:  
CN=罗, OU=freelancers, O=freelancers, L=嘉兴, ST=浙江, C=china是否正确?
  [否]:  是 

将生成 my-release-key.keystore文件

3.配置打包时的签名

切换到./android 目录下 编辑gradle.properties 文件 添加以下内容

MYAPP_RELEASE_STORE_FILE=my-release-key.keystore
MYAPP_RELEASE_KEY_ALIAS=my-key-alias
MYAPP_RELEASE_STORE_PASSWORD=*****
MYAPP_RELEASE_KEY_PASSWORD=*****

4. 添加签名

修改 android/app/build.gradle 添加签名

...
android {
    ...
    defaultConfig { ... }
    signingConfigs {
        release {
            storeFile file(MYAPP_RELEASE_STORE_FILE)
            storePassword MYAPP_RELEASE_STORE_PASSWORD
            keyAlias MYAPP_RELEASE_KEY_ALIAS
            keyPassword MYAPP_RELEASE_KEY_PASSWORD
        }
    }
    buildTypes {
        release {
            ...
            signingConfig signingConfigs.release
        }
    }
}
...

5.发布前测试应用是否有问题

注意:如果在打包之前,手机上已存开发版本请先删除.

切换到项目根目录下 运行

$ react-native run-android --variant=release

报错 libpng error: Not a PNG file 内容如下

........
:app:generateDebugAssets
:app:mergeDebugAssets
:app:generateDebugResValues
:app:generateDebugResources
:app:mergeDebugResources
AAPT: libpng error: Not a PNG file
Error: java.util.concurrent.ExecutionException: com.android.ide.common.process.ProcessException: libpng error: Not a PNG file
:app:mergeDebugResources FAILED

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:mergeDebugResources'.
> Error: java.util.concurrent.ExecutionException: com.android.ide.common.process.ProcessException: libpng error: Not a PNG file

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output.

BUILD FAILED
....

解决方法打开 ./android/app/build.gradle文件

android {

    ......

aaptOptions {         cruncherEnabled = false     }

 

}

回到根目录 继续运行指令继续报错

/android/app/build/intermediates/res/merged/release/drawable-xhdpi/node_modules_teaset_icons_success.png: error: Duplicate file.

解决方法:

删除所有/android/app/src/main/res/drawable-xxx文件 

回到根目录 继续运行指令,不报错

$ react-native run-android --variant=release

6.生成apk

根目录下 运行指令

cd android && ./gradlew assembleRelease

生成的apk位置:android/app/build/outputs/apk

安装apk 

$ cd android/app/build/outputs/apk && adb install app-release.apk

可以直接找到安装包发送给队友

© 著作权归作者所有

罗培海
粉丝 5
博文 41
码字总数 20620
作品 0
嘉兴
私信 提问
React Native 混合开发(Android篇)

在React Native的应用场景中,有时候一个APP只有部分页面是由React Native实现的,比如:我们常用的携程App,它的首页下的很多模块都是由React Native实现的,这种开发模式被称为混合开发。 ...

SuShine
07/05
41
0
React Native搭建开发环境/link原生依赖问题

环境搭建 一、 安装依赖 必须安装的依赖有:Node、Python2 以及 JDK 、React Native 命令行工具和 Android Studio。 1. 官网下载安装Node(Node 的版本必须高于 8.3) 2. 官网下载安装Pytho...

簡單STL
04/21
0
0
React-native 文件选择器react-native-file-selector的使用

最后是错误解决办法,本文只说明安装方法,具体使用查看https://github.com/prscX/react-native-file-selector 1、npm install react-native-file-selector --save 2、最好不要自动 link --r...

望-惘-尣
2018/08/29
1K
1
从Android到React Native开发(四、打包流程解析和发布为Maven库)

1、从Android到React Native开发(一、入门) 2、从Android到React Native开发(二、通信与模块实现) 3、从Android到React Native开发(三、自定义原生控件支持)  作为失踪人口,本篇是对...

恋猫月亮
2018/06/13
0
0
RN拆包工具:Rabbit-bundler

rabbit-bundler是为了解决RN产出的bundler包文件过大的打包工具;可以按需将模块按照基础&业务生成两个文件。 思路 基于RN官方的打包工具使用unbundle platform android已经可以拆包,不过是...

乘着风
2018/06/17
0
0

没有更多内容

加载失败,请刷新页面

加载更多

好程序员Java教程分享Zookeeper基本原理与运用场景

好程序员Java教程分享Zookeeper基本原理与运用场景一、什么是Zookeeper? zookeeper是一个分布式的一致性协调服务。 换句话说,也可以把zookeeper看成一个小型的分布式文件系统。但是和FastD...

好程序员官网
27分钟前
6
0
mysql表情符

1 修改表字段为utf8md4 ALTER table property_info MODIFY `address` varchar(255) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL 2 MySQL数据库服务器配置文件mysqld.cn......

干死it
47分钟前
4
0
正则表达式的基本语法

本文摘自LTP.NET知识库。 正则表达式的形式一般如下: /love/ 其中位于“/”定界符之间的部分就是将要在目标对象中进行匹配的模式。 用户只要把希望查找匹配对象的模式内容放入“/”定界符之...

木庄
49分钟前
6
0
java 框架有哪些?

十大常用框架: 一、SpringMVC 二、Spring 三、Mybatis 四、Dubbo 五、Maven 六、RabbitMQ 七、Log4j 八、Ehcache 九、Redis 十、Shiro 延展阅读: 一、SpringMVC Spring Web MVC是一种基于J...

java框架开发者
49分钟前
10
0
细谈Mysql事务

文章原创于公众号:程序猿周先森。本平台不定时更新,喜欢我的文章,欢迎关注我的微信公众号。 上一篇着重谈到了MySQL锁的概念,里面谈到了事务的概念,其实大部分开发者对于事务肯定不陌生,...

程序猿周先森
58分钟前
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部