React-Native 使用Android Studio打包发布

第一步创建签名文件

React-Native 使用Android Studio打包发布_第1张图片
Creat
React-Native 使用Android Studio打包发布_第2张图片

第二部填写签名信息

React-Native 使用Android Studio打包发布_第3张图片
点击OK进入下一步
React-Native 使用Android Studio打包发布_第4张图片
生成Release APK包
React-Native 使用Android Studio打包发布_第5张图片

OK,到此我们已经生成APK。 一安装APK运行发现APK直接BOOM。
为什么?????
因为平时DEBUG模式下链接的是我们本地的服务器拉去的JS文件,此时的APK包并没有将JSBundle打入APK。

接下来,我们将JS资源等一起打入APK。

第一步:创建assets

进入项目主目录 执行命令
mkdir -p android/app/src/main/assets

React-Native 使用Android Studio打包发布_第6张图片
此刻我们将在main目录下生成assets文件夹,用于存储index.android.bundle

  • index.android.bundle是什么???
    用于存储JS的本地文件,我们打的离线包将从其中读取资源等。

第二步:生成index.android.bundle文件

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 Studio打包发布_第7张图片
OK! 文件生成,我们在重新执行一次Android Studio的打包流行,安装APK 即可运行离线包。

你可能感兴趣的:(React)