JS Framework
Iniciar Projeto Angular com Template Pré-construído: Guia Técnico
10 min
comece seu projeto angular usando um modelo pré construído introdução nesta seção, você aprenderá como instalar o parse e começar com um angular 8 app em 5 etapas fáceis a qualquer momento, você pode testar o aplicativo construído com este tutorial clicando aqui pré requisitos para completar este tutorial, você precisará um aplicativo criado no back4app nota siga o tutorial de novo aplicativo parse para aprender como criar um aplicativo parse no back4app node package manager instalado em seu sistema veja o guia para obter npm para mais informações conhecimento básico em angular 1 instale o angular cli primeiro, você precisará instalar a ferramenta angular cli (interface de linha de comando) o cli ajuda você a iniciar novos projetos angular, além de assisti lo durante o desenvolvimento no seu terminal, digite a seguinte linha 2 obter o template baixe o template em nosso repositório do github você pode fazer isso usando a seguinte linha de comando navegue até a pasta do seu projeto e instale todas as dependências executando o seguinte comando 3 atualizar as credenciais do app atualize os valores das strings para app id app id e javascript key javascript key para configurar as credenciais do app o sdk javascript do parse usa essas configurações para conectar seu app aos servidores do back4app vá para o seu painel de controle do aplicativo em site do back4app https //www back4app com/ e clique em configurações do servidor encontre o bloco de configurações principais e clique em configurações precisa de ajuda? dê uma olhada em esses passos para encontrar suas chaves copie seu id do aplicativo e chave javascript e retorne para a pasta do seu projeto vá para src src > environments environments > environment ts environment ts e cole suas chaves 4 teste sua conexão localmente inicie o projeto executando ng serve ng serve navegue até http //localhost 4200/ http //localhost 4200/ aguarde até que a tela de login apareça crie um usuário de exemplo clicando no botão de registro 5 faça o upload do seu código para o servidor back4app para implantar seu aplicativo com o back4app, você primeiro precisa construir corretamente seu aplicativo use o seguinte comando para compilar e construir seu aplicativo para um dist dist diretório em seguida, você precisa fazer o upload do dist dist criado para a pasta pública do seu cloud code para fazer isso, escolha uma das opções para implantar 5 1 implantar via cli para fazer o upload através da interface de linha de comando do back4app, você deve olhar para esses passos 5 2 implantar via dashboard para fazer o upload do código através da interface visual do back4app, vá para o dashboard do seu app em site do back4app e clique em funções de código em nuvem clique no +adicionar +adicionar botão e selecione todos os arquivos do dist dist diretório mova os para público público e então clique em salvar salvar , como mostrado aqui finalmente, para implantar seu app, veja o tutorial de hospedagem web do back4app está feito! neste ponto, você aprendeu como começar com aplicativos angular