Criar e instalar apk não assinado no dispositivo sem o servidor de desenvolvimento?

Como eu sou novo no react-native, se houver algo errado nas etapas, avise-me.

Criei um aplicativo Android nativo de reação usando o comando conforme a documentação

android nativo do react

durante a execução no dispositivo, o seguinte comando foi usado

react-native run-android

que me dá a saída de 2 arquivos apk na minha pasta de projeto / android / app / build / outputs / apk

Agora, quando eu uso para instalar este apk após a instalação, ele solicita que um servidor de desenvolvimento se conecte para agrupar o JS. Mas meu requisito é que o usuário não precise lutar com o servidor de desenvolvimento, ele só precisa instalar o apk e tudo está feito.

Foram submetidas a algumas perguntas sobre o stackoverflow, mas não é útil para criar apk não assinado que não requer servidor de desenvolvimento.

Vocês podem me ajudar a encontrar a maneira de como criar um apk não assinado em reagir nativo?

Você precisa criar manualmente o pacote para uma compilação de depuração.

Compilação de depuração:

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

#React-Native 0.49.0+
react-native bundle --dev false --platform android --entry-file index.js --bundle-output ./android/app/build/intermediates/assets/debug/index.android.bundle --assets-dest ./android/app/build/intermediates/res/merged/debug

#React-Native 0-0.49.0
react-native bundle --dev false --platform android --entry-file index.android.js --bundle-output ./android/app/build/intermediates/assets/debug/index.android.bundle --assets-dest ./android/app/build/intermediates/res/merged/debug

Em seguida, para criar os APKs após o agrupamento:

$ cd android
#Create debug build:
$ ./gradlew assembleDebug
#Create release build:
$ ./gradlew assembleRelease #Generated `apk` will be located at `android/app/build/outputs/apk`

PS Outra abordagem pode ser modificar scripts gradle.

Por favor, siga estes passos.

Agrupe seus js:

se você tiver index.android.js na raiz do projeto, execute

react-native bundle --dev false --platform android --entry-file index.android.js --bundle-output ./android/app/build/intermediates/assets/debug/index.android.bundle --assets-dest ./android/app/build/intermediates/res/merged/debug

se você tiver o index.js na raiz do projeto, execute

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

Criar apk de depuração:

cd android/
./gradlew assembleDebug

Então você pode encontrar o seu apk aqui:

cd app/build/outputs/apk/

Última atualização

No diretório do projeto raiz

Certifique-se de que você já tenha o diretório android / app / src / main / assets / , se não criar o diretório, depois crie um novo arquivo e salve-o index.android.bundlee coloque-o como este android / app / src / main / assets / index.android .agrupar

Depois disso, execute este

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/

cd android && ./gradlew assembleDebug

Então você pode entrar apkem app / build / outputs / apk / debug / app-debug.apk

Comigo, no diretório do projeto, execute os seguintes comandos.

Para reagir à versão antiga nativa (você verá index.android.js na raiz):

mkdir -p android/app/src/main/assets && rm -rf android/app/build && 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 && cd android && ./gradlew clean assembleRelease && cd ../

Para reagir à nova versão nativa (você apenas vê index.js na raiz):

mkdir -p android/app/src/main/assets && rm -rf android/app/build && 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 && cd android && ./gradlew clean assembleRelease && cd ../

O arquivo apk será gerado em:

• Gradle <3.0: android / app / build / outputs / apk /
• Gradle 3.0+: android / app / build / outputs / apk / release /

Depois de seguir a primeira resposta , você pode executar seu aplicativo usando

react-native run-android --variant=debug

E seu aplicativo será executado sem a necessidade do empacotador

A partir do react-native 0.57, nenhuma das respostas fornecidas anteriormente funcionará mais, pois os diretórios nos quais o gradle espera encontrar o pacote e os ativos foram alterados.

Maneira simples sem pacote nativo de reação

A maneira mais simples de criar uma compilação de depuração é sem usar o react-native bundlecomando, mas simplesmente modificando seu app/build.gradlearquivo.

Dentro do project.ext.reactmapa no app/build.gradlearquivo, adicione a bundleInDebug: trueentrada. Se você deseja que não seja uma --devcompilação (sem avisos e pacote compactado), adicione também odevDisabledInDebug: true entrada ao mesmo mapa.

Com pacote nativo react

Se, por algum motivo, você precisar ou desejar usar o react-native bundlecomando para criar o pacote configurável e, em seguida, ./gradlew assembleDebugcriar o APK com o pacote configurável e os ativos, certifique-se de colocar o pacote configurável e os ativos nos caminhos corretos, onde o gradle pode encontrá-los.

A partir de 0,57 react-native, esses caminhos são android/app/build/generated/assets/react/debug/index.android.jspara o pacote configurável

e android/app/build/generated/res/react/debugpelos ativos. Portanto, os comandos completos para agrupar e criar manualmente o APK com o pacote e os ativos são:

react-native bundle --dev false --platform android --entry-file index.js --bundle-output ./android/app/build/generated/assets/react/debug/index.android.bundle --assets-dest ./android/app/build/res/react/debug

e depois

./gradlew assembleDebug

Caminho de pacote e ativos

Observe que os caminhos em que o gradle procura o pacote e os ativos podem estar sujeitos a alterações. Para descobrir onde estão esses caminhos, consulte o react.gradlearquivo no seu node_modules/react-nativediretório. As linhas que começam com def jsBundleDir =e def resourcesDir =especificam os diretórios em que gradle procura o pacote e os ativos, respectivamente.

Para usuário do Windows, se todas as etapas seguirem corretamente: https://facebook.github.io/react-native/docs/signed-apk-android.html

Você só precisa executar: gradlew assembleRelease

E seu arquivo será:

• app-release.apk
• app-release-unaligned.apk

Localização: E:\YourProjectName\android\app\build\outputs\apk

Estou no react nativo 0.55.4, basicamente tive que agrupar manualmente:

react-native bundle --dev false --platform android --entry-file index.js --bundle- 
output ./android/app/build/intermediates/assets/debug/index.android.bundle --assets- 
dest ./android/app/build/intermediates/res/merged/debug

Em seguida, conecte seu dispositivo via usb, ative a depuração usb. Verifique o dispositivo conectado comadb devices .

Por fim, execute react-native run-android que instalará o apk de depuração no seu telefone e você pode executá-lo bem com o servidor de desenvolvimento

Nota:

• A partir de 0.49.0, o ponto de entrada é um único index.js
• gradlew assembleRelease gera apenas os aplicativos não assinados do release que não podem ser instalados

Pode ser possível gerar uma versão apk não assinada para fins de teste, para que você possa executar no seu celular.

Inicialmente, eu tenho os erros de tela vermelha, como mais mencionados aqui. mas eu segui o mesmo que foi mencionado aqui e funcionou para mim.

No console, no diretório de trabalho, execute estes quatro comandos

react-native bundle --dev false --platform android --entry-file index.js --bundle-output ./android/app/build/intermediates/assets/debug/index.android.bundle --assets-dest ./android/app/build/intermediates/res/merged/debug

cd android

gradlew assembleDebug

gradlew assembleRelease

E, em seguida, o arquivo APK será produzido em: android \ app \ build \ outputs \ apk \ debug \ app-debug.apk

Caso alguém esteja entrando recentemente nesse mesmo problema, estou usando o React Native 0.59.8 (testado com o RN 0.60 também) e posso confirmar algumas das outras respostas, aqui estão as etapas:

1. Desinstale a versão compilada mais recente do seu aplicativo instalada que você possui no seu dispositivo

2. Corre 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

3. corre cd android/ && ./gradlew assembleDebug

4. Obtenha seu app-debug.apk na pasta android / app / build / outputs / apk / debug

boa sorte!

Encontrei uma solução alterando buildTypes como este:

buildTypes {
  release {
    signingConfig signingConfigs.release
  }
}