JS Framework
Ionic
Iniciar Projeto Ionic com Templates e Integração com Back4App
12 min
comece seu projeto ionic a partir de um modelo de aplicativo introdução nesta seção, você aprenderá como começar com um modelo ionic e se preparar para usar o back4app em 4 etapas pré requisitos para completar este início rápido, você precisa https //code visualstudio com/download (ou qualquer ide web que você preferir) https //ionicframework com/getting started/ um aplicativo criado no back4app siga o https //www back4app com/docs/get started/new parse app para aprender como criar um aplicativo parse no back4app 1 obtenha o modelo baixe o modelo em nosso https //github com/back4app/ionic quickstart example , e descompacte os arquivos na sua pasta de projeto você pode fazer isso usando a seguinte linha de comando $ curl lok https //github com/back4app/ionic quickstart example/archive/master zip && unzip master zip 2\ navegue até a pasta extraída e instale as dependências usando a seguinte linha de comando $ cd ionic quickstart example master && npm install 2 abra o modelo do projeto abra o visual studio code clique em abrir pasta abrir pasta 3\ navegue até a pasta do projeto e clique em ok ok 4\ aguarde o visual studio abrir 3 configure as credenciais do app atualize os valores das suas strings para configurar as credenciais do app o parse javascript sdk usa essas configurações para se conectar aos servidores do back4app para fazer isso, siga estas etapas abra seu arquivo typescript principal /src/pages/home/home ts /src/pages/home/home ts 2\ vá para o seu painel de aplicativos em https //www back4app com/ 3\ navegue até as configurações do aplicativo clique em configurações do servidor configurações do servidor > configurações principais configurações principais > configurações configurações 4\ volte para o seu home ts home ts arquivo e cole seu id do aplicativo id do aplicativo e chave javascript chave javascript veja mais em nosso https //www back4app com/docs/get started/new parse app 4 testando sua conexão execute seu aplicativo no seu navegador $ ionic serve 1\ aguarde até que uma nova aba seja aberta no seu navegador eu para ver a página em um quadro de telefone, pressione f12 f12 2\ faça login em https //www back4app com/ 3\ encontre seu aplicativo e clique em painel painel 4\ clique em núcleo núcleo 5\ vá para navegador navegador se tudo funcionar corretamente, você deve encontrar uma classe chamada instalação instalação da seguinte forma está feito! neste ponto, você aprendeu como começar com aplicativos ionic