Iniciar Projeto Angular com Template Pré-construído: Guia Técnico

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 https //angulardocs back4app io/ pré requisitos para completar este tutorial, você precisará um aplicativo criado no back4app nota siga o https //www back4app com/docs/get started/new parse app para aprender como criar um aplicativo parse no back4app node package manager instalado em seu sistema veja o https //docs npmjs com/getting started para mais informações conhecimento básico em https //angular io/ 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 npm install g @angular/cli 2 obter o template baixe o template em nosso repositório do github você pode fazer isso usando a seguinte linha de comando curl lok https //github com/templates back4app/angular integration/archive/master zip && unzip master zip navegue até a pasta do seu projeto e instale todas as dependências executando o seguinte comando cd angular integration master/ && npm i 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 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 https //www back4app com/docs/platform/app settings 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 $ ng build 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 https //www back4app com/docs/command line tool/how to use 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 https //www back4app com/ 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 https //www back4app com/docs/platform/parse web hosting está feito! neste ponto, você aprendeu como começar com aplicativos angular