Criar Builds de App RN

Neste post vou estar explicando como criar builds do seu app expo para conseguir publicar nas lojas (Apple e Google Play).

Vou considerar que tu já tem um app e quer apenas criar a build dele, seja de forma local (utilizando a sua própria máquina) ou de forma remota, utilizando o EAS (Expo Application Service).

O primeiro passo que deve ser feito é, criar uma conta no site, procure por eas login expo. Caso já tenha uma conta, pode pular essa parte. Mas de forma resumida esse serviço da Expo nos permite criar os builds do nosso app, automatizar a publicação do app nas lojas, etc.

Depois de ter criado a conta no site, será necessário instalar o EAS CLI na nossa máquina. Na documentação oficial ela nos da o seguinte comando:

npm install -g eas-cli

Então, com esse comando, nós estaremos instalando o EAS-CLI na nossa máquina de forma global.

Depois, de instalado, nós precisamos fazer o login, mas dessa vez, será direto pelo terminal, para podemos configurar o app no serviço da EXPO e conseguir fazer os builds.

eas login

Nesse processo tu fazer login na conta que acabou de criar. Feito isso, nós vamos poder começar a configurar o aplicativo no serviço.

No terminal, rode o seguinte comando:

eas build:configure

Ele irá pergunta ser tu quer configurar o aplicativo para todas as plataformas ou de forma individual. Pode selecionar qualquer uma das opções, se selecionar todas, não irá precisar configurar outra plataforma depois, se selecionar só uma, vai precisar configurar a outra, caso queira fazer build para a aquela plataforma.

Depois desse processo, tu vai notar que na raiz do seu projeto irá surgir um novo arquivo, ele se chama eas.json, dentro dele há algumas coisas, onde fazemos configurações, como enviar o app para a loja com o EAS Submit e fazer build do app. Nesse arquivo, nós organizamos por perfis, ou seja, temos o perfil de produção (build específico para loja), preview (APK, por exemplo).

Abaixo, vou estar colocando um template que sempre utilizo no meu eas.json. Veja que nele não há nada demais. Temos o atributo Build e submit e dentro de cada um temos os perfis.

{
  "cli": {
    "version": ">= 16.6.1",
    "appVersionSource": "remote"
  },
  "build": {
        "development": {
            "developmentClient": true,
            "distribution": "internal"
        },
        "preview": {
            "android": {
                "distribution": "internal",
                "image": "ubuntu-22.04-jdk-17-ndk-r26b",
                "autoIncrement": "versionCode"
            },
            "ios": {
                "simulator": true,
                "autoIncrement": "buildNumber"
            }
        },
        "production": {
            "autoIncrement": true,
            "android": {
                "autoIncrement": "versionCode",
                "image": "ubuntu-22.04-jdk-17-ndk-r26b"
            }
        }
    },
    "submit": {
        "production": {}
    }
}

Note que dentro de build, temos três perfis, mas normalmente eu só uso o de preview e production. E dentro de cada perfil, eu coloquei algumas configurações, dentro de android eu coloquei uma versão específica do java, pois na hora do build, o serviço estava usando uma versão que estava dando conflito na hora build, mas isso apenas no Android.

Com esse arquivo configurado, nós temos, duas opções para realizar o build. Podemos fazer na nuvem (Serviço EAS) ou local, usando a nossa própria máquina. (Para builds do IOS de forma local, será necessário possuir um MacBook).

Build na nuvem IOS:

O comando é composto por algumas partes, primeiro chamamos o eas cli que instalamos, depois falamos para qual plataforma vai ser o build e qual é o perfil (preview ou production)

eas build -p iOS --profile production

Para fazer build do Android é a mesma coisa, só precisamos alterar a plataforma.

eas build -p android --profile production

Ou se quiser, fazer o build direto para as duas plataformas:

eas build -p all --profile production

Ele vai fazer o build para Android e IOS.

Caso queira fazer o build de forma local é só passar o parâmetro '--local no final':

eas build -p android --profile production --local.

Se tu quiser gerar o APK do app e distribuir sem passar pela loja, troque o production por preview.

Esse foi o passo a passo de como usar o EAS para executar os builds dos nossos apps.