Então vimos como podemos criar e implantar um aplicativo com expo no fluxo de trabalho gerenciado, o que foi bastante conveniente.
Agora, digamos que tenhamos um aplicativo, por exemplo, criado com a React Native CLI. Aqui, eu não estou usando nenhum módulo nativo,
mas, se estivesse, claro que eu atualizaria meus arquivos de configuração do Android e iOS para solicitar as
permissões corretas e assim por diante e mostrei tudo isso no módulo não expo, anteriormente no curso
.
Então agora vamos dizer que estamos felizes com o aplicativo e queremos publicá-lo na Apple App Store e
na Google Play Store.
Agora, os documentos oficiais do React Native são um ótimo lugar para começar. Lá, na documentação em
guias, você também encontra este guia em execução no dispositivo, onde pode aprender como criar seu aplicativo para iOS ou
Android nos diferentes sistemas operacionais pode estar trabalhando. Importante, você só pode criar para iOS no
macOS agora, o Linux e o Windows não funcionam porque agora não estamos construindo o aplicativo na
nuvem, como fizemos com a expo, mas localmente em nossa máquina e lá, a Apple tem essa restrição: só pode
criar aplicativos iOS em um Mac, é o
que é.
Portanto, agora o que você precisa agora é de uma conta de desenvolvedor da Apple, no momento não necessariamente uma paga, basta compilar o
aplicativo,
no entanto, se desejar, para as lojas de aplicativos, você precisa de uma
paga, conforme mencionado anteriormente neste módulo. Portanto, você deve configurar
uma conta Apple Developer e abrir seu projeto aqui, seu projeto iOS para ser mais preciso com o Xcode.
Lá, você pode clicar em abrir outro projeto, entrar na pasta do projeto, na pasta iOS e selecionar essa pasta
ou arquivo da área de trabalho do XC aqui para abri-lo com o Xcode.
Isso abre seu projeto, seu projeto iOS, que inclui seu código React Native, é claro, no Xcode. Agora é lá que você agora configura esse aplicativo,
onde configura seu identificador, por exemplo, é esse URL inverso sobre o qual
eu estava falando que poderia ser com. academind. teste rn-no expo, algo como isto, onde você
define um número de versão que seus usuários verão e seu número de compilação que
pode ser simplesmente um número que você incrementa aqui, onde você deve escolher gerenciar
automaticamente a assinatura e onde agora precisa escolher uma equipe que deve ser mostrada aqui; se não adicionar uma conta,
faça login com o seu ID Apple para adicionar sua conta de desenvolvedor da Apple como uma
conta aqui e, posteriormente, você poderá escolher sua equipe aqui, a qual será necessária
automaticamente assinar o
aplicativo, que será feito pela Apple, por assim dizer. Em geral, você pode configurar seu aplicativo aqui, é claro, e prepará-lo para implantação,
e uma configuração importante está relacionada aos ícones que você deseja usar. Na expo, configuramos os ícones
convenientemente em uma configuração e a expo gerou todos os ícones para nós.
Agora não funcionará dessa
maneira, agora você precisa configurar esses ícones por conta própria e fazer isso clicando nesta seta aqui que
leva ao catálogo de ativos e agora você pode fornecer ícones e fornecer ícones em tamanhos
diferentes aqui, como você pode ver.
Agora, obviamente, isso foi conveniente pela expo, ele criou
esses ícones para você e você não precisou criar manualmente todos esses ícones. Anexado no entanto, você
encontra ícones. arquivo zip que inclui ícones que
você pode arrastar e soltar aqui, então é isso que vou fazer agora e os ícones são rotulados de modo que
fique claro o que você deve arrastar para onde e com isso, você configurou os ícones.
Você também pode configurar a tela de inicialização, para isso você pode expandir esta
pasta e encontrar esse arquivo zip da tela de inicialização. No final, isso permite que você personalize sua tela de
inicialização, onde você pode adicionar novos widgets, arrastar imagens para ela, alterar o texto, veja aqui por exemplo e
configurar a tela de inicialização em geral. É claro que você pode aprender mais sobre isso nos documentos
do Xcode e, depois de configurar tudo isso, é possível criar seu aplicativo aqui. Para isso, você também pode, por exemplo, testá-lo em um
simulador, escolhendo uma versão do simulador e, em seguida, clicando no botão play aqui e
agora ele criará seu aplicativo e executará em um simulador. Depois, é claro, também desdobramento, desenvolvimento.
Vamos ver se tudo funciona agora. Ele lança esse processo de empacotador que você já viu anteriormente para esse aplicativo
independente, porque é claro que ainda faz parte da experiência de desenvolvimento aqui.
Ele ainda é um aplicativo React Native, depois de tudo o que você usa para criar esse aplicativo nativo e agora isso foi bem-sucedido, e o
aplicativo é iniciado em um simulador.
Agora, não estou muito interessado no aplicativo lá, porque só tenho um aplicativo muito básico lá
que não faz nada sofisticado, mas isso prova que a construção funciona.
Agora, nos documentos oficiais, se você rolar para baixo ainda mais nesta seção em execução
no dispositivo, também aprenderá a criar
seu aplicativo para produção, se for um aplicativo não-expo, e agora temos duas coisas importantes a fazer.
A primeira coisa importante é que, na visualização do projeto aqui, clicando nesta pasta e
depois neste ícone aqui, você expande essa pasta e depois acessa as informações. e agora, você encontrará esta chave de configurações de segurança
de transporte de aplicativos.
Esse tipo de controle controla como o iOS controla quais páginas da Web ou servidores da Web seu aplicativo
pode falar e, por padrão, permite apenas o acesso a servidores https, portanto, servidores protegidos por SSL.
Esse é um bom padrão, mas você pode ter algumas exceções que
podem ser adicionadas aqui e uma exceção na lista de domínios de exceção é localhost.
Agora isso é necessário para o desenvolvimento, porque o aplicativo React Native no final fala com este servidor
de desenvolvimento aqui, que é executado no host
local que não está usando SSL. Normalmente, o iOS bloqueia isso, agora,
para não bloqueá-lo, isso está na lista de exceções. Para criar isso para produção, remova-o. Você pode
simplesmente limpar
essa chave aqui, removendo-a com a tecla Delete e pronto. É uma coisa que você deve configurar para
implantação e, em seguida, é necessário configurar esse esquema de versão. Para isso, você deve ir para o
esquema do produto, editar o esquema e configurá-lo em debug para liberar aqui para executar e depois fechar.
Com isso, agora você pode executar a compilação do produto aqui para compilar seu aplicativo e agora
ele foi criado para lançamento, criado para produção, para que seja otimizado e assim por diante.
Portanto, isso cria seu aplicativo agora para produção.
Agora, enquanto essa
compilação é executada, certifique-se de que também podemos enviá-la para
a Apple App Store e, para isso, você deve acessar sua conta de desenvolvedor da Apple e agora precisa de
uma conta paga e agora precisa configurar um algumas coisas. Você precisa ir para certificados, IDs e perfis aqui
e ir para identificadores e, em seguida, adicionar um novo ID
de aplicativo, apenas isso aqui, a primeira configuração, adicionar um ID de aplicativo e
você precisa adicionar o ID do aplicativo configurado em seu projeto, para que o ID do aplicativo, o identificador de
pacote que você encontra aqui, esse identificador exato precise ser adicionado aqui. Você pode adicionar uma descrição, rn-demo,
o que quiser, mas aqui você precisa adicionar esse ID. Agora você pode verificar os recursos especiais exigidos pelo seu
aplicativo e os que não o meu
aplicativo, por isso não preciso verificar nada lá e continuar, confirme e registre-se.
Agora isso
é necessário, caso contrário, você não poderá publicar seu aplicativo.
Agora, com esse ID registrado, você precisa acessar o iTunes Connect e pode simplesmente pesquisar
no Google o que é, no final, o serviço em que você cria
a página da loja e onde agora precisa configurar seu aplicativo. Lá, você pode acessar meus aplicativos e adicionar um novo aplicativo aqui, clicando no aplicativo mais
novo aqui, pela maneira como você também vê o aplicativo que criamos com a expo, então clique em novo aplicativo aqui, iOS, dê um nome como RNNoExpo, que curso
é um nome bonito que você realmente
não gostaria de usar, mas é bom para nós aqui,
depois escolha o idioma para o qual está construindo o aplicativo, escolha o ID do pacote e escolha o ID que você
acabou de configurar, se
for não aparecer ainda, volte alguns minutos depois, estará lá então. Você também pode adicionar seu próprio identificador
personalizado, que aparecerá basicamente nas suas faturas e assim por diante, RNNoExpo, o que você quiser
e clique em criar, e isso agora cria o aplicativo aqui no iTunes Connect.
Também é aqui que você pode gerenciar o aplicativo para a App Store e configurá-lo, definir seus preços e
assim por diante.
Agora, com tudo isso pronto, vamos aguardar a conclusão da nossa compilação aqui e, se ela falhou como ocorreu comigo,
o motivo é que você precisa configurá-la para um dispositivo iOS genérico, portanto, certifique-se de ter esse conjunto.
Além disso, certifique-se de adicionar este teste RNWithoutExpo, você seleciona sua equipe de desenvolvimento, esse é outro
erro que recebi aqui.
Se você ainda estiver recebendo um erro como o meu, pressione o comando 1 aqui no Xcode, clique nas configurações de compilação
aqui com todas essas coisas
selecionadas como você vê aqui, na seção de links que você encontrará se rolar um pouco
e nesse código que remove parte aqui, no release, defina isso de sim para não.
Esta é uma solução alternativa para esse erro que parece estar relacionado aos testes automáticos configurados
e, quando você fizer isso, tente novamente, execute a compilação mais uma vez e agora deve ter êxito. Depois que essa compilação for bem-sucedida, você poderá voltar
ao produto e agora a opção de arquivamento estará disponível.
Se você agora executar isso, ele arquivará seu aplicativo, que nada mais é do que criar o pacote que foi construído
anteriormente nos servidores em nuvem da expo, então vamos
esperar que isso termine.
Uma vez
feito isso, você deverá ver o seu arquivo ou arquivos, se estiver em processo mais de uma vez
aqui e agora aqui, poderá distribuir seu aplicativo para a App Store com as configurações feitas no iTunes
Connect e outras que mostrei anteriormente.
Agora não vou fazer isso aqui, mas é assim que você implantaria seu aplicativo somente para o React Native sem o gerenciador de exposições.