美文网首页
react-naive android模拟器调试 、命令行打包a

react-naive android模拟器调试 、命令行打包a

作者: 杨空空 | 来源:发表于2018-01-24 14:39 被阅读31次

一、模拟器调试

1. 查看设备列表

adb devices

2.连接设备

adb connect 127.0.0.1:62001 || adb connect 127.0.0.1:52001

3.调试

react-native start

4.运行

react-native run-android

二、端口号查询、kill

1.查询进程

netstat -aon|findstr "8081"

2.kill进程

taskkill /f /t /im 进程号

三、react-native 安卓命令行打包

1.命令行输入

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

`这条命令会要求你输入密钥库(keystore)和对应密钥的密码,然后设置一些发行相关的信息。最后它会生成一个叫做my-release-key.keystore的密钥库文件。在运行上面这条语句之后,密钥库里应该已经生成了一个单独的密钥,有效期为10000天。--alias参数后面的别名是你将来为应用签名时所需要用到的,所以记得记录这个别名。

2.设置gradle变量

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

把my-release-key.keystore文件放到你工程中的android/app文件夹下。 编辑~/.gradle/gradle.properties(没有这个文件你就创建一个),添加如下的代码(注意把其中的****替换为相应密码) 注意:~表示用户目录,比如windows上可能是C:\Users\用户名,而mac上可能是/Users/用户名。

3.设置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
        }
    }
}

例子

 signingConfigs { 
       release { 
        storeFile file("E:\reactNative\firstApp\SecondRNProject\android\app\my-release-key.keystore")
        storePassword "123456"
        keyAlias "my-key-alias"
        keyPassword "123456"
    }
  }

4.生成release版本的APK

$  mkdir -p android/app/src/main/assets
$ curl -k "http://localhost:8081/index.android.bundle" >android/app/src/main/assets/index.android.bundle  
$ cd android && ./gradlew assembleRelease

解释:首先我们新建了一个assets目录来存储打包的JavaScript文件然后通过curl从ReactNative包管理器中获取JavaScript文件。最后使用gradlew来构建release版本的APK

三.离线打包

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

1、[./android/app/src/main/assets/]文件夹必须存在,不存在就new一个assets文件夹,不然会报一个错误: ENOENT: no such file or directory, open 'android/app/src/main/assets/index.android.bundle'

相关文章

  • react-naive android模拟器调试 、命令行打包a

    一、模拟器调试 1. 查看设备列表 2.连接设备 3.调试 4.运行 二、端口号查询、kill 1.查询进程 2....

  • Android 调试桥

    Android 调试桥 Android 调试桥 (adb) 是一个通用命令行工具,其允许您与模拟器实例或连接的 A...

  • Android ADB详解

    ADB Android 调试桥 (adb) 是一个通用命令行工具,其允许您与模拟器实例或连接的 Android 设...

  • Android调试桥

    Android 调试桥 (adb) 是一个通用命令行工具,其允许您与模拟器实例或连接的 Android 设备进行通...

  • [Android] 命令行工具adb

    1 是什么 adb:Android Debug Bridge (安卓调试桥)是一个命令行工具,用于电脑端和模拟器或...

  • 每日总结-第三天

    ida调试Genymotion的Android模拟器 Arm环境 Genymotion虽然是Android模拟器但...

  • Mac下配置adb

    adb(Android Debug Bridge(安卓调试桥)介绍 它就是一个命令行窗口,用于通过电脑端与模拟器或...

  • VSCode_常用Flutter终端命令和打包

    [目录] 项目运行和调试 打包Android 打包iOS ipa 打包 一、项目运行和调试 flutter pub...

  • 【React Native 极速指南】开发环境

    这篇文章你将会学习到: iOS运行环境模拟器调试真机调试 Android运行环境模拟器调试真机调试 iOS 运行环...

  • React Native 真机打包

    React Native 真机打包 离线包不适合真机调试android 打包ios 打包 Android 打包步骤...

网友评论

      本文标题:react-naive android模拟器调试 、命令行打包a

      本文链接:https://www.haomeiwen.com/subject/gfruaxtx.html