JS Framework
Ionic
Integre Parse SDK em Aplicações Ionic: Guia Técnico
12 min
comece seu projeto ionic usando um modelo pré construído introdução nesta seção, você aprenderá como instalar o sdk javascript do parse em seu projeto ionic veja mais sobre o sdk do parse em referência da api do sdk javascript do parse e documentação de código aberto do parse para o sdk javascript pré requisitos para completar este tutorial, você precisará um aplicativo criado no back4app siga o tutorial de novo aplicativo parse para aprender como criar um aplicativo parse no back4app um projeto ionic iniciado siga o tutorial de introdução se você não o tiver configurado 1 instalar sdk como os pacotes ionic são gerenciados por npm npm , tudo o que você precisa fazer é executar o seguinte comando no nível da pasta do seu projeto 2 conectar seu aplicativo parse importe parse parse em home ts home ts ou na página que você deseja utilizar home ts 1 import parse from 'parse'; use parse serverurl parse serverurl atributo para configurar a url do servidor parse do back4app home ts 1 parse serverurl = 'https //parseapi back4app com/'; use parse initialize parse initialize método para configurar o token de autenticação, conectando sua página aos servidores do back4app home ts 1 parse initialize("your app id", "your js key"); encontre seu id de aplicação e sua chave de cliente vá para o seu painel de aplicativos no site do back4app navegue até as configurações do aplicativo clique em configurações do servidor configurações do servidor > configurações principais configurações principais bloco > configurações configurações volte para sua função parse initialize e cole seu applicationid applicationid e javascriptkey javascriptkey 3 teste sua conexão crie um código de teste teste sua configuração inicial com o seguinte código que cria um instalação instalação objeto primeiro, vá em frente e crie uma variável para mostrar o resultado no seu app home home página home ts 1 result string; em seguida, exiba essa variável na sua home home visualização home html 1 2 {{result}} 3 finalmente, adicione o código que instancia um instalação instalação objeto e o salva adicione este trecho de código após configurar a comunicação home ts 1 let install = new parse installation(); 2 3 install save(null, { 4 success (install) => { 5 // execute any logic that should take place after the object is saved 6 this result = 'new object created with objectid ' + install id; 7 }, 8 error (install, error) => { 9 // execute any logic that should take place if the save fails 10 // error is a parse error with an error code and message 11 this result = ('failed to create new object, with error code ' + error message tostring()); 12 } 13 }); execute seu app no seu navegador 2 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 3 faça login em site do back4app https //www back4app com/ 4 encontre seu aplicativo e clique em painel painel 5 clique em núcleo núcleo 6 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