Como posso gerar um apk que pode ser executado sem servidor com react-native?

Eu construí meu aplicativo, posso executá-lo no meu emulador local (e também no meu dispositivo Android na mesma rede, alterando o servidor de depuração).

No entanto, desejo criar um APK que possa ser enviado a alguém sem acesso ao servidor de desenvolvimento e que ele possa testar o aplicativo.

Vejo que há uma seção Usando o pacote offline na seção iOS da documentação. Mas não consegui descobrir como fazer o mesmo no Android. Isso é possível? Se sim, como?

ATUALIZAÇÃO: Na resposta a esta pergunta (o Android não conseguiu carregar o pacote JS ), diz-se que o pacote offline pode ser baixado do servidor de desenvolvimento. Mas quando obtenho o pacote no servidor de desenvolvimento, os arquivos de imagem não podem ser carregados.

Após a resposta de Aditya Singh, o apk gerado (não assinado) não seria instalado no meu telefone. Eu tive que gerar um apk assinado usando as instruções aqui .

O seguinte funcionou para mim:

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

Coloque o my-release-key.keystorearquivo no android/app diretório em sua pasta do projeto. Em seguida, edite o arquivo ~/.gradle/gradle.propertiese adicione o seguinte (substitua **** pela senha correta do keystore, alias e senha da chave)

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

Se você estiver usando o MacOS, poderá armazenar sua senha no chaveiro usando as instruções aqui, em vez de armazená-la em texto sem formatação.

Em seguida, edite app / build.gradle e verifique se o seguinte está lá (as seções com signatureConfigs signatureConfig podem precisar ser adicionadas):

...
android {
    ...
    defaultConfig { ... }
    signingConfigs {
        release {
            if (project.hasProperty('MYAPP_RELEASE_STORE_FILE')) {
                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
        }
    }
}
...

Em seguida, executar o comando cd android && ./gradlew assembleRelease,

Para o Windows 'cd android', execute o gradlew assembleReleasecomando e encontre seu apk assinado emandroid/app/build/outputs/apk/app-release.apk

Você precisará criar uma chave para assinar o apk. Use abaixo para criar sua chave:

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

Use uma senha quando solicitado

Depois que a chave for gerada, use-a para gerar a compilação instalável:

 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/

Gere a construção usando gradle

 cd android && ./gradlew assembleRelease

Faça o upload do APK para o seu telefone. O -rsinalizador substituirá o aplicativo existente (se existir)

adb install -r ./app/build/outputs/apk/app-release-unsigned.apk

Uma descrição mais detalhada é mencionada aqui: https://facebook.github.io/react-native/docs/signed-apk-android.html

ATUALIZAÇÃO : Baseado nos comentários de @shashuec e @Fallen

se você receber um erro

ENOENT: não existe esse arquivo ou diretório, abra 'android / app / src / main / assets / index.android.bundle'

execute mkdir android / app / src / main / assets

Você deve usar o android studio para esse processo. É apenas mais simples. Mas primeiro execute este comando no diretório do aplicativo nativo do react:

Para a versão mais recente do react-native (por exemplo, react native 0.49.0 e assim por diante ...)

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

Para versão mais antiga do react-native (0.49.0 e inferior)

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/

Em seguida, use o android studio para abrir a pasta 'android' em seu diretório de aplicativos nativo, ele solicitará a atualização do gradle e de outras coisas. vá para build-> Generate APK assinado e siga as instruções de lá. É realmente simples.

Execute este comando:

react-native run-android --variant=release

Observe que --variant=releasesó está disponível se você configurou a assinatura com cd android && ./gradlew assembleRelease.

para React Native 0.49 e superior

você deve ir para o diretório do projeto no terminal e executar esse comando

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

se abaixo de 0,49

  1 - mkdir android/app/src/main/assets
  2 - 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

Em seguida, use o android studio para abrir a pasta 'android' em seu diretório de aplicativos nativo, ele solicitará a atualização do gradle e de outras coisas. vá para build-> Generate APK assinado e siga as instruções de lá. Aquele idiota.

Se você conseguir Failure [INSTALL_PARSE_FAILED_NO_CERTIFICATES].

Tentei usar o método do @ Aditya de gerar um arquivo APK não assinado e instalá-lo, mas quando fui instalá-lo no meu tablet Android, ocorreu um erro de Failure [INSTALL_PARSE_FAILED_NO_CERTIFICATES] .

Imagino que isso ocorra porque o arquivo APK não foi assinado e o tablet não ficou satisfeito com isso. Portanto, depois de gerar o arquivo do pacote React Native, consegui gerar um arquivo APK assinado, normalmente, via Android Studio.

A propósito, nosso aplicativo é um aplicativo Android totalmente funcional que já existe na Play Store e estamos adicionando o React Native a ele em pedaços pequenos, porque é incrível.

Então, para resumir, aqui estão meus passos:

1) Gere o pacote React Native:

react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/<your-package-name>/src/main/assets/index.android.bu‌​ndle --assets-dest android/<your-package-name>/src/main/res/ 

2) Gere um arquivo APK assinado do Android Studio.

3) Instale o arquivo APK assinado no dispositivo USB:

adb -d install -r <path_to_signed_apk> 

A -dbandeira diz apenas adbpara instalar no dispositivo USB conectado, caso você também tenha um emulador em execução. Se você deseja instalar em qualquer emulador, solte a -dbandeira.

4) Lucro!

Experimente abaixo, ele irá gerar um app-debug.apk na sua pasta root / android / app / build / outputs / apk / debug

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

então vá para a pasta android e execute

./gradlew assembleDebug

Se alguém quiser construir sem as chaves do playstore, esse comando será muito útil.

# react-native run-android --variant=release

Após a compilação concluída, você pode encontrar o apk no arquivo de compilação da versão.

Vá para o diretório do projeto e execute o comando:

cd android && ./gradlew assembleRelease

Se você receber um erro envolvendo o index.android.js. Isso ocorre porque você está usando a nova versão nativa do React (estou usando 0.55.4). Apenas substitua "index.android.js" por "index.js"

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

Tenho outra solução: - Gerando uma chave de assinatura Você pode gerar uma chave de assinatura privada usando o keytool. No Windows, a ferramenta de chaves deve ser executada em C: \ Arquivos de Programas \ Java \ jdkx.x.x_x \ bin.

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

Coloque o arquivo my-release-key.keystore no diretório android / app na sua pasta do projeto.

Edite o arquivo android / app / build.gradle na pasta do seu projeto e adicione a configuração de assinatura,

android {
....
signingConfigs { 
  release { 

      storeFile file('my-release-key.keystore') 
      storePassword 'yourpassword' 
      keyAlias 'my-key-alias' 
      keyPassword 'yourpassword' 

  } 
}}}


buildTypes {release {signingConfig signingConfigs.release}}

e corra

gradlew assembleRelease

Isso fornecerá dois arquivos em android \ app \ build \ outputs \ apk app-release.apk e app-release-unsigned.apk agora instale o app-release.apk no seu dispositivo Android.

Espero que ajude novos iniciantes

Doc oficial aqui

Se você não possui o armazenamento de chaves, use o comando before

Gerando uma chave de assinatura / arquivo Keystore Você pode gerar uma chave de assinatura privada usando o keytool. No Windows, a ferramenta de chaves deve ser executada em C: \ Arquivos de Programas \ Java \ jdkx.x.x_x \ bin.

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

você receberá um arquivo como my-release-key.keystore

Configurando variáveis ​​gradle Coloque o arquivo my-release-key.keystore no diretório android / app na sua pasta do projeto. Editar o arquivo android / gradle.properties e adicione o seguinte (substitua ***** com a senha correta de armazenamento de chaves, alias e senha de chave), enableAapt2 set falso é solução alternativa, como a versão Gradle android 3.0 problema

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

android.enableAapt2=false

adicione estes app / buid.gradle (app)

abaixo da configuração padrão

signingConfigs {
        release {
            if (project.hasProperty('MYAPP_RELEASE_STORE_FILE')) {
                storeFile file(MYAPP_RELEASE_STORE_FILE)
                storePassword MYAPP_RELEASE_STORE_PASSWORD
                keyAlias MYAPP_RELEASE_KEY_ALIAS
                keyPassword MYAPP_RELEASE_KEY_PASSWORD
            }
        }

e versão do tipo Build interno {}

 signingConfig signingConfigs.release

simplesmente execute este comando no terminal do android studio comandos abaixo serão automatizados acima de todas as respostas

se janelas

cd android
gradlew assembleRelease

se linux / mac

$ cd android
$ ./gradlew assembleRelease

se você tiver algum erro, exclua todas as pastas de compilação e execute o comando

gradlew clean

que de novo

gradlew assembleRelease

Para obter as versões nativas de reação mais recentes para agrupar o projeto

Android

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

iOS

react-native bundle --entry-file index.js --platform ios --dev false --bundle-output ios/main.jsbundle --assets-dest ios

A maneira da GUI no Android Studio

• Faça com que o aplicativo Android faça parte do aplicativo React Native aberto no Android Studio (isso significa apenas abrir a pasta android do seu projeto react-native com o Android Studio)
• Vá para a guia "Build" na parte superior
• Vá para "Criar bundles / APK (s)"
• Em seguida, selecione "Criar APK (s)"
• Isso guiará você pelo processo de localizar suas chaves para assinar o APK ou criar suas chaves, se você ainda não as possui, o que é muito simples. Se você está praticando, pode gerar essas chaves e salvá-las na área de trabalho.
• Quando esse processo estiver concluído e se a compilação tiver sido bem-sucedida, haverá um pop-up abaixo no Android Studio. Clique no link dentro dele que diz "localizar" (o APK)
• Isso o levará ao arquivo apk, mova-o para o seu dispositivo Android. Em seguida, navegue até esse arquivo no dispositivo Android e instale-o.

Usar o android studio para gerar apk assinado para o projeto android da react também é uma opção boa e fácil, abrir o projeto android da react no android studio e gerar pressionamento de tecla e apk assinado.

Consulte a documentação oficial nativa de reação em Generating Signed APK

Gerar assinatura nativa de reação APK