React-native 开发之: 安卓（android） app 打签名包

图标生成

1.生成图标资源( 不会偷懒的程序员,不是好程序员 )

• 1.打开 http://makeappicon.com/

• 2.上传 icon 资源

Paste_Image.png

• 3.输入邮箱地址,点击下载

Paste_Image.png

2.导入图片资源

• 1.解压并打开下载的 zip 文件,目录如下

Paste_Image.png

• 2.复制 android 目录下的所有文件到 react-native 项目的AwesomeProject\android\app\src\main\res资源目录下

Paste_Image.png

更改app 的名字

效果如图

Paste_Image.png

用 sublime（或者你自己喜欢的编辑器） 打开 AwesomeProject\android\app\src\main\res\values 目录下 的strings.xml文件,将文件下的 name=app_name节点的值改为自己的app名字 ,重新运行项目即可

<resources><string name="app_name">优选</string></resources>

• 如果你想现在就见到效果，直接 run > Run 'app' 即可，截图如下（大牛请直接跳过）

第一步

第二步

第三步

• 如果你想安装到手机，生成 apk（debug包）直接装手机上即可

Paste_Image.png

• apk生成在AwesomeProject\android\app\build\outputs\apk   目录下【注debug包安装之后运行需要开发服务器】

生成签名包

第一步

第二步

选择文件保存的位置并输入名字

Paste_Image.png

Paste_Image.png

我们要打正式包，所以选择release

生成的apk在 \android\app目录下 app-release.apk

！！！！！到这步好像生成了apk，是不是大功告成了？？？然后我试了之后发现并没有！！！！！！
那么怎么做？？

• 第一步  在hello\android\app\src\main 目录下新建 assets 文件夹【注意，文件夹名不能错】

• 第二步  在hello目录下运行以下命令

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

运行截图

生成结果

OK！！！！重新执行生成签名包 ，过程即可

作者：小枫学幽默
链接：https://www.jianshu.com/p/42d6e36e1445