Introdução ao Parse
Conhecendo um pouco do Parse
O Parse nos oferece uma pequena interface de administração. Apesar de ser bem intuitiva eu vou apresentá-la.
Na imagem acima está seu Dashboard. Aqui você pode criar aplicativos ou ver um resumo dos que já existem.
Ao selecionar um aplicativo o parse nos apresenta mais informações sobre ele. O mais importante é o Core, apresentado na figura acima. Aqui você pode ver todos os objetos gravados, pode criar novos objetos, alterar objetos existentes e até exclui-los.
As outras seções não serão abordadas pois não fazem parte do escopo deste material. Mas fique a vontade para explorar um pouco mais sobre elas.
Iniciando um Projeto
Primeiro precisamos criar um app. Então acesse sua conta (caso não tenha criado, crie. É grátis) e clique em Create a New App em seu dashboard.:
Para estes exemplos Vamos criar um app chamado Parse Social. Este app será uma pequena rede social usando o parse.
Aplicativo criado! Agora precisamos das chaves de acesso. Clique em keys, você será redirecionado para a página abaixo:
O application ID é a chave identificadora do aplicativo que acabamos de criar. As demais chaves são usadas dependendo da api que vamos usar. Como vamos usar javascript copie o Application ID e o JavaScript Key e cole em algum lugar.
Chegou a hora de iniciar nosso projeto. Neste exemplo eu vou utilizar o SublimeText, que é um editor que uso no meu dia-a-dia, o navegador Google Chrome e o servidor IIS. Você pode usar qualquer editor de texto e o navegador de sua preferência. O servidor web é opcional, mas eu recomento que utilize. Eu uso o IIS pois já vem instalado e configurado no Windows, mas você pode usar o apache ou outro servidor de sua preferência.
Esta será nossa estrutura de diretórios:
Para este projeto utilizaremos o padrão single-page, pois gosto de fazer desta forma. Vamos agora para o index.html. Ele deve começar mais ou menos como na figura abaixo:
Note que neste projeto, além do Parse, vamos utilizar o Bootstrap e o font-awesome, pois gosto de trabalhar com eles. Vamos também usar uma fonte do google. Não vou falar muito deles pois eu não sou especialista e o assunto não está no nosso escopo.
Observe que nada é embarcado no projeto, tudo é importado da nuvem. Eu gosto de trabalhar assim porque é mais fácil, mas se quiser embarcar tudo no seu aplicativo fique a vontade.
Então vamos entender os imports:
- Nas linhas 6, 7, 8 e 9 temos os imports para o bootsrap;
- linha 11 é o import do font-awesome;
- linha 12 é o import da fonte que vamos usar;
- linha 14, finalmente é a biblioteca do parse.
Repare que na linha 25 estamos importando um arquivo chamado app.js, vamos cria-lo e começar a codificar. A priori vamos precisar apenas incluir o seguinte:
Parse.initialize(APPLICATION_ID, JAVASCRIPT_KEY);
Lembra das chaves que pedi para você guardar? Então, substitua APPLICATION_ID e JAVASCRIPT_KEY pelas respectivas chaves. Com isso estamos prontos para começar!
Parse.initialize
Não posso finalizar este capítulo sem explicar um pouco sobre o comando que acabamos de usar. Sempre que houver a necessidade de escrever ou recuperar algum objeto do parse é importante se conectar a ele primeiro. É isto que o comando initialize faz.
Esta operação é cara, então um dos principais motivos de eu gostar muito de trabalhar com single page é que eu a chamo apenas uma vez. Não tem problema estar sempre conectado ao parse, isto é até interessante.
