React-native 开发之: 安卓(android) app 打签名包

图标生成

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

  • 1.打开 http://makeappicon.com/
  • 2.上传 icon 资源
React-native 开发之: 安卓(android) app 打签名包_第1张图片
Paste_Image.png
  • 3.输入邮箱地址,点击下载
React-native 开发之: 安卓(android) app 打签名包_第2张图片
Paste_Image.png

2.导入图片资源

  • 1.解压并打开下载的 zip 文件,目录如下
React-native 开发之: 安卓(android) app 打签名包_第3张图片
Paste_Image.png
  • 2.复制 android 目录下的所有文件到 react-native 项目的AwesomeProject\android\app\src\main\res资源目录下
React-native 开发之: 安卓(android) app 打签名包_第4张图片
Paste_Image.png

更改app 的名字

效果如图

React-native 开发之: 安卓(android) app 打签名包_第5张图片
Paste_Image.png

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


优选

  • 如果你想现在就见到效果,直接 run > Run 'app' 即可,截图如下(大牛请直接跳过)
React-native 开发之: 安卓(android) app 打签名包_第6张图片
第一步
React-native 开发之: 安卓(android) app 打签名包_第7张图片
第二步
React-native 开发之: 安卓(android) app 打签名包_第8张图片
第三步
  • 如果你想安装到手机,生成 apk(debug包)直接装手机上即可
React-native 开发之: 安卓(android) app 打签名包_第9张图片
Paste_Image.png
  • apk生成在AwesomeProject\android\app\build\outputs\apk 目录下【注debug包安装之后运行需要开发服务器】

生成签名包

React-native 开发之: 安卓(android) app 打签名包_第10张图片
第一步
React-native 开发之: 安卓(android) app 打签名包_第11张图片
第二步
React-native 开发之: 安卓(android) app 打签名包_第12张图片
选择文件保存的位置并输入名字
React-native 开发之: 安卓(android) app 打签名包_第13张图片
Paste_Image.png
React-native 开发之: 安卓(android) app 打签名包_第14张图片
Paste_Image.png
React-native 开发之: 安卓(android) app 打签名包_第15张图片
我们要打正式包,所以选择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/
React-native 开发之: 安卓(android) app 打签名包_第16张图片
运行截图
React-native 开发之: 安卓(android) app 打签名包_第17张图片
生成结果

OK!!!!重新执行生成签名包 ,过程即可

你可能感兴趣的:(React-native 开发之: 安卓(android) app 打签名包)