设为首页收藏本站

react native【免费】VIP视频教程 rn开发者交流论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 4387|回复: 314

[视频教程] 11、手把手教React Native实战之调试与打包发布

  [复制链接]

401

主题

762

帖子

6951

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
6951
发表于 2016-6-16 10:52:56 | 显示全部楼层 |阅读模式
#11、手把手教React Native实战之调试与打包发布

http://localhost:8081/index.android.bundle?platform=android;当应用启动运行的时候,会自动拉取这个bundle文件,该文件里存放的是应用的全部逻辑代码,在目录中并不存在这个文件,事实上,这个地址只是一个请求地址,而非真正的静态资源文件,是通过包服务器packager通过动态分析index.android.js中的依赖,并对其进行合并得到的,而且该服务允许代码实时渲染。


加作者微信公众号(dongfangyao888)或扫描下面二维码
推送高清视频教程+语音解说+课堂笔记和源码


1.生成一个签名密钥

`keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000`

最后它会生成一个叫做my-release-key.keystore的密钥库文件

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在执行时显示空白。

Protocol 'http not supported or disabled in libcurl

Windows下安装使用curl命令:http://jingyan.baidu.com/article/a681b0dec4c67a3b1943467c.html

4.添加gradle的android keystore配置

打包的apk在未签名的情况下,在手机中(非root)是不允许安装的

在build.gradle文件中

  //签名
`signingConfigs{
    release {
        storeFile file("/my-release-key.keystore")
        storePassword "密码"
        keyAlias "keyAlias的名字"
        keyPassword "密码"
    }
}
buildTypes {
    release {
        minifyEnabled 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发布到各大应用市场(BUILD SUCCESSFUL)


##11、配套视频(下载地址)
【回复本帖才可见】
游客,如果您要查看本帖隐藏内容请回复



react native vip论坛免费发布【手把手教react native实战开发】视频教程,立志于打造全互联网最全面最详细最易懂的React Native
开发视频教程,Facebook已经在多项产品中使用了React Native,并且将持续地投入建设,让我们引领react native开发的潮流!
回复

使用道具 举报

0

主题

3

帖子

14

积分

新手上路

Rank: 1

积分
14
发表于 2016-6-16 11:36:34 | 显示全部楼层
好给力的东东啊!
回复 支持 反对

使用道具 举报

0

主题

3

帖子

14

积分

新手上路

Rank: 1

积分
14
发表于 2016-6-16 11:37:37 | 显示全部楼层
这表情 可以哦
回复 支持 反对

使用道具 举报

1

主题

84

帖子

203

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
203
发表于 2016-6-23 21:02:20 | 显示全部楼层
谢谢谢谢谢谢谢谢
回复 支持 反对

使用道具 举报

0

主题

11

帖子

30

积分

新手上路

Rank: 1

积分
30
发表于 2016-6-24 09:04:47 | 显示全部楼层
xxxxxxxxxxxxxxxxxxxxxx
回复 支持 反对

使用道具 举报

0

主题

25

帖子

100

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
100
发表于 2016-6-28 22:52:45 | 显示全部楼层
这真是太棒了。。。
回复 支持 反对

使用道具 举报

0

主题

225

帖子

474

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
474
发表于 2016-7-1 16:38:47 | 显示全部楼层
999999999999999999999999溜翻了!
回复 支持 反对

使用道具 举报

0

主题

162

帖子

400

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
400
发表于 2016-7-4 12:53:28 | 显示全部楼层
持续学习中
回复 支持 反对

使用道具 举报

0

主题

55

帖子

144

积分

注册会员

Rank: 2

积分
144
发表于 2016-7-6 10:59:28 | 显示全部楼层
学习学习
回复

使用道具 举报

0

主题

73

帖子

152

积分

RN高级VIP

Rank: 9Rank: 9Rank: 9

积分
152
发表于 2016-7-6 12:10:55 | 显示全部楼层
持续学习中~~~~
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|ReactNative Inc.    

GMT+8, 2018-9-23 20:51 , Processed in 0.139049 second(s), 24 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表