Rn环境搭建

一.安装 JDK

注意只能用JDK 11或者更新
https://www.oracle.com/java/technologies/downloads/#java11
下载并安装,尽量使用默认路径

二.配置 JDK 环境变量

JAVA_HOME

C:\Program Files\Java\Jdk1.11.0_xxxx(版本号)

CLASSPATH

;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

PATH

%JAVA_HOME%\bin
%JAVA_HOME%\jre\bin

重启命令行,运行java,出来提示就是成功了

三.安装 Android Studio

https://developer.android.google.cn/studio/

安装SDK Manager

配置 android sdk 环境变量

四.配置 android sdk 环境变量

ANDROID_HOME

C:\Users\你的用户名\AppData\Local\Android\Sdk

PATH

%ANDROID_HOME%\platform-tools
%ANDROID_HOME%\emulator
%ANDROID_HOME%\tools
%ANDROID_HOME%\tools\bin

五.建项目

npx react-native init AwesomeProject

六.打开模拟器,或者连接真机

  • 真机或者模拟器,只能打开一个,不要同时运行。
  • 通过adb devices可以看到连接的设备

真机或者模拟器,只能打开一个,不要同时运行。通过adb devices可以看到连接的设备

七.运行

cd AwesomeProject
yarn android

八.打包

android打包

生秘钥

keytool -genkeypair -v -storetype PKCS12 -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000
  • 会生成一个叫做my-release-key.keystore的密钥库文件
    默认位置:C:\Users\11694
    image
  • 复制秘钥文件到 android/app/ 文件下
    image

配置秘钥

在android/gradle.properties中加入:

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

把签名配置加入到项目的 gradle 配置中

android/app/build.gradle

    signingConfigs {
        debug {
            storeFile file('debug.keystore')
            storePassword 'android'
            keyAlias 'androiddebugkey'
            keyPassword 'android'
        }
        release {
         storeFile file('my-release-key.keystore')
            storePassword '123456'
            keyAlias 'my-key-alias' // 一定要和上面的秘钥名字对应
            keyPassword '123456'
        }
    }

image

打包

cd android
./gradlew assembleRelease

生成的 APK 文件位于android/app/build/outputs/apk/release/app-release.apk

常用命令

# 指定版本创建项目
npx react-native init 项目名 --version 0.68.2 

# 查看环境配置
npx react-native doctor

# 查看adb是否有连接
adb devices

# 连接模拟器端口
adb connect 127.0.0.1:21533
posted @ 2022-10-14 08:36  飞鸟和蝉-  阅读(157)  评论(0编辑  收藏  举报