Skip to content

Instantly share code, notes, and snippets.

@indiorlei
Last active May 1, 2024 16:09
Show Gist options
  • Save indiorlei/6a9f1d63b45ba9d04196c1505caa8024 to your computer and use it in GitHub Desktop.
Save indiorlei/6a9f1d63b45ba9d04196c1505caa8024 to your computer and use it in GitHub Desktop.
Deploy App React Native

Deploy Aplicativo React Native na App Store e no Google Play: guia passo a passo

Antes de iniciar, verifique se você possui a conta do desenvolvedor para Android e iOS.

Reunir as informações necessárias para a Apps Store e o Google Play

Aqui estão as principais informações necessárias para implantar o aplicativo React Native.

  • Nome do aplicativo
  • Pequena descrição (Essa descrição será mostrada perto do nome do aplicativo na loja ou quando você o compartilhar com outras pessoas. (deve ter no máximo 30 caracteres))
  • Descrição longa com os recursos e funcionalidades do aplicativo
  • Texto "O que há de novo" (opcional)
  • URL com informações de suporte sobre seu aplicativo (pode ser um site ou email).
  • Avaliação (O Itunes tem uma opção para definir a classificação para o aplicativo que você vai implantar. Você precisa responder a várias perguntas sobre o seu projeto e, com base nas suas respostas, a classificação será definida.)
  • Identificador de pacote (O padrão do nome é "com.yourcompanyname.yourappname", por exemplo "com.facebook.facebookapp". Esse é um identificador exclusivo para seu aplicativo na loja.)
  • Nome do perfil (marca, organização, cliente) de uma loja. Por exemplo: "Facebook", "Google LLC" etc.
  • Algumas informações sobre o editor (consulte "Informações necessárias sobre o editor")
  • Informações sobre a versão do aplicativo

Informações necessárias para a App Store

  • Palavras-chave (precisam ser separadas por vírgulas).
  • Lista de países em que seu aplicativo estará disponível - no mundo inteiro ou em alguns países específicos
  • 5 capturas de tela do iPhone 5,5 (importante adicionar capturas de diferentes tamanhos de tela)
  • Categoria da sua atividade
  • ícone de aplicativo quadrado de 1024x1024px sem transparência
  • Direitos autorais no formato AAAA Nome da empresa (?)
  • Conta de demonstração (se o aplicativo exigir login)

Informações necessárias para o Google Play

  • Categoria do seu aplicativo
  • ícone do aplicativo 512x512px de qualquer forma (pode ser transparente)
  • Capturas de tela

Informações necessárias sobre o editor

Para isso, você precisa responder às seguintes perguntas:

  • Qual é o seu primeiro e último nome?
  • Qual o nome da sua unidade organizacional?
  • Qual é o nome da sua organização? (pode ser igual ao nome do perfil)
  • Qual é o nome da sua cidade ou localidade?
  • Qual é o nome do seu estado ou província?
  • Qual é o código do país com duas letras para esta unidade?
  • Qual é o seu número de telefone (suporte)?
  • Qual é o seu email? (pode ser igual ao ID da Apple Dev usado para implantação ou e-mail da conta do Google Play Console)

Chaves e certificados

Criando a chave de sinal do aplicativo para Android

Siga esta instrução. Use as informações de "Informações necessárias sobre o editor". Anote e armazene todas as senhas que você usou e, é claro, gerou uma chave.

Criando arquivos de certificado e provisão (iOS)

Criar um identificador de pacote

O identificador de pacote é o nome do seu aplicativo, mostrado na App Store e nos dispositivos iOS.

  • Navegue até o portal do desenvolvedor da Apple no seu navegador
  • Conecte-se
  • Clique em Identificadores
  • Clique no botão "+" no canto superior direito da tela.
  • Nomeie o ID do aplicativo igual ao seu aplicativo
  • Verifique se o ID do pacote segue a convenção de nomenclatura padrão: com.yourcompanyname.yourappname
  • Verifique os serviços de aplicativos necessários para o aplicativo, clique em Continuar
  • Verifique os serviços e clique em Enviar

Criar uma solicitação de assinatura de certificado

As solicitações de assinatura de certificado são usadas para vincular seu computador à sua conta de desenvolvedor da Apple.

  • Abra um programa chamado KeyChain Access
  • No menu superior esquerdo, clique em Assistente de certificado
  • Clique em Solicitar um certificado de uma autoridade de certificação
  • Email do usuário: digite seu endereço de email (use o email de "Informações necessárias sobre o editor")
  • Nome comum: recomendamos o uso do nome do aplicativo
  • O email da CA não é realmente necessário
  • Marque Salvo em disco, clique em Continuar
  • Salve a solicitação de assinatura de certificado para mais tarde

Criar um certificado de produção da loja de aplicativos

Os Certificados de assinatura de código são usados ​​para vincular aplicativos iOS à sua conta de desenvolvedor da Apple.

  • Navegue para o portal do desenvolvedor da Apple
  • Clique em Certificados
  • Clique no botão "+" no canto superior direito da tela.
  • Veja a parte de produção
  • Escolha atualmente a opção "App Store e Ad Hoc".
  • Clique em Continuar
  • Carregar a solicitação de assinatura de certificado criada anteriormente
  • Faça o download do certificado
  • Instale o certificado no seu computador clicando duas vezes
  • Mantenha este arquivo em segurança

Crie um perfil de provisionamento de produção.

Perfis de provisionamento são fornecidos com aplicativos iOS para que os dispositivos do usuário possam instalá-los.

  • Navegue até o portal do desenvolvedor da Apple
  • Conecte-se
  • Clique em Perfis de provisionamento
  • Clique no botão "+" no canto superior direito da tela.
  • Clique na opção App Store Distribution, clique em Continue
  • Selecione o ID do pacote criado anteriormente, clique em Continuar
  • Selecione o certificado criado anteriormente, clique em Continuar
  • Verifique se o Nome do perfil segue a convenção de nomenclatura padrão: Nome do aplicativo
  • Distribuição da App Store
  • Clique em Gerar
  • Baixe
  • Instale o perfil de provisionamento no seu computador clicando duas vezes
  • Mantenha esse arquivo em algum lugar seguro

Criar listagem da App Store

Reserve um slot na App Store para o seu aplicativo, para os usuários.

  • Abra o iTunes Connect no seu navegador
  • Conecte-se
  • Clique em Meus aplicativos
  • Clique em "+" no canto superior esquerdo da tela
  • Clique em "Novo aplicativo para iOS"
  • ID do pacote: escolha aquele criado no Developer Portal
  • Faça o SKU corresponder ao ID do pacote criado anteriormente
  • Clique em Criar para criar a lista da primeira versão

Implantando o aplicativo React Native

Instruções para implantar aplicativos Expo

  • Configure todas as coisas no app.json
  • Crie uma conta separada para o aplicativo / cliente / organização.
  • Publique seu aplicativo
  • Criar certificado de notificação por push [iOS, consulte Como criar certificado de notificação por push].
  • Prepare o link da sua política de privacidade para o Google Play (a Expo usa muitas permissões, já que o cliente da Expo possui tudo isso. Por esse motivo, o Google Play também requer um link para a sua política de privacidade).
  • Crie todas as chaves, certificados e arquivos p12 (consulte Como criar arquivos p12 )
  • Crie builds através de exp build: ios` ou exp build: android`. Use chaves / certificados personalizados.
  • Envie o arquivo ipa via Application Loader (Xcode menu -> developer tools -> application loader). [é obrigatório no iOS]

iOS

  • Inicie o Xcode
  • Abra o projeto ou espaço de trabalho
  • Atualize a versão e construa os números
  • Abrir configurações de compilação
  • Verifique se Todas as configurações estão selecionadas
  • Vá até Assinatura de código
  • Use o perfil de provisionamento criado anteriormente
  • Use a identidade de assinatura de código criada anteriormente
  • No menu superior, selecione Dispositivo genérico do iOS como destino de construção, se nenhum dispositivo real estiver conectado
  • Menu, Projeto, Arquivo
  • Clique em Distribuir
  • Entre na sua conta de desenvolvedor da apple
  • Enviar para a App Store
  • Aguarde a confirmação
  • Navegue para iTunes Connect
  • Selecione a versão que você deseja vincular à versão (Nota: isso geralmente aparece entre 10 e 15 minutos após o envio do Xcode)
  • Preencha as informações de preços
  • Clique em Salvar
  • Corrija os erros com base nas mensagens que aparecem e salve as alterações
  • Selecione o tipo de liberação. Liberação manual - depois que o aplicativo for aceito, um botão Liberar será exibido. Liberação automática - assim que o aplicativo for aceito, ele será lançado.
  • Leia isto se for perguntado sobre o Identificador de publicidade,
  • Aguarde aprovação. (Esse processo geralmente leva de vários dias a um mês).
  • Se seu aplicativo não foi aprovado, revise as notas no Centro de resolução e faça as alterações necessárias no aplicativo ou em suas informações e reenvie.

Android

  • Siga esta instrução
  • Navegue para o Play Console no seu navegador.
  • Faça login - Pressione "Criar novo aplicativo" em "Todos os aplicativos"
  • Preencha todas as informações necessárias
  • Envie seu aplicativo
  • Envie para a revisão
  • Aguarde aprovação. (Esse processo geralmente leva de um a vários dias).

Opcional

Como criar arquivos p12

  • Instale o certificado que você deseja exportar no formato .p12 clicando duas vezes nele.
  • Aplicativo Open Keychain Access
  • Escolha o certificado que você precisa.
  • Após clicar com o botão direito do mouse, escolha exportar.
  • Use o formato de arquivo .p12.
  • Digite uma senha de proteção e salve-a
  • Digite sua senha de perfil
  • Use o arquivo no diretório que você acabou de salvar.

Como criar um certificado de notificação por push

  • Navegue até o Apple's Developer Portal
  • Clique em Certificados
  • Clique no botão "+" no canto superior direito da tela.
  • Veja a parte de produção
  • Escolha atualmente a opção "Apple Push Notification service SSL (Sandbox & Production)"
  • Clique em Continuar
  • Carregar a solicitação de assinatura de certificado criada anteriormente
  • Faça o download do certificado
  • Instale o certificado no seu computador clicando duas vezes
  • Salve este arquivo
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment