JavaScript
Operações de Banco de Dados
18 min
executando operações de banco de dados serverless introdução esta seção explica como implementar o crud (criar, ler, atualizar e deletar) operações em um ambiente javascript através do back4app também fornece trechos de código e um ambiente online para executar e testar seu código sem configuração local veja mais sobre o parse sdk em referência da api do parse javascript sdk e documentação de código aberto do parse para javascript sdk pré requisitos não há requisitos adicionais além de ter o conhecimento básico de javascript opcional para completar este tutorial usando seu próprio aplicativo, você precisará um aplicativo criado e configurado para javascript no back4app nota siga o tutorial de instalação do parse sdk para javascript para aprender como você pode fazer isso 1 configurar o ambiente este guia usa a jsbin como uma plataforma de edição de código é muito fácil de usar, tudo que você precisa fazer é abrir sua página principal e clicar nos html html , javascript javascript e console console botões o primeiro passo para começar a codificar é incluir a api parse e adicionar as chaves do seu app para este tutorial, um aplicativo público do back4app foi criado para que você possa verificar suas alterações no banco de dados sem precisar criar seu próprio aplicativo opcional para verificar o banco de dados parse para este exemplo, você precisa criar seu próprio aplicativo e acessar a dashboard parse dashboard parse opção para incluir a api parse no seu aplicativo, adicione a seguinte linha de código dentro da html html ’s head tag em seguida, adicione suas credenciais no início do javascript javascript as chaves padrão são aquelas relacionadas ao nosso aplicativo público //paste your application key and javascript key, respectively parse initialize("your application id", "your javascript key"); parse serverurl = "https //parseapi back4app com/"; neste tutorial, construiremos as operações crud baseadas em uma classe pet que possui campos de nome e idade, onde o nome é uma string e a idade é um número por causa disso, o código deve começar criando uma subclasse da classe pet para que possa ser usada mais tarde em nossas funções, como mostrado abaixo var pet = parse object extend("pet"); todas as operações básicas exigirão que o usuário diga qual é o nome do pet desejado dessa forma, crie uma variável global “textname” também é uma boa ideia criar uma “textage”, que será usada nos métodos de criação e atualização var textname = "myname"; var textage = 10; 2 criar a criar criar função irá criar um novo pet com o nome e a idade que você forneceu nas variáveis “textname” e “textage” para construir essa função, basta seguir estas etapas faça uma nova instância da classe pet do parse com o comando use a set set função para definir os parâmetros para este objeto chame a save save função, que efetivamente registrará o pet no seu banco de dados no painel do parse painel do parse você pode abrir o back4app javascript create function para ver o código que já foi implementado o código para a criar criar função está escrito abaixo create js create(); function create() { mypet = new pet(); mypet set("name", textname); mypet set("agepet", textage); mypet save() then(function(pet){ console log('pet created successful with name ' + pet get("name") + ' and age ' + pet get("agepet")); }) catch(function(error){ console log('error ' + error message); }); } para testá lo, cole este trecho de código no arquivo javascript em jsbin , clique no botão executar executar na parte do console e aguarde a saída deve imprimir que o animal de estimação foi criado com sucesso para confirmar que o novo objeto está no banco de dados, você pode acessar o painel do parse painel do parse ou você pode codificar a função ler ler 3 ler a função ler ler é responsável por consultar o banco de dados e retornar o objeto que corresponde aos seus critérios de pesquisa também pode ser usada para verificar a existência de um objeto aqui está o guia passo a passo para construir sua própria função ler ler crie uma instância da classe query do parse adicione restrições à sua consulta para limitar a pesquisa mais opções de restrições podem ser encontradas na documentação da consulta do parse faça o método de busca da consulta este tutorial usará query first query first para obter apenas o primeiro elemento que corresponde aos seus critérios se as operações forem bem sucedidas, um objeto de animal de estimação será retornado se nenhum objeto for encontrado, o objeto retornado terá um valor de indefinido você pode abrir o back4app função de leitura em javascript para ver o código que já foi implementado o código para a leitura leitura função é o seguinte read js read(); function read() { query = new parse query(pet); query equalto("name", textname); query first() then(function(pet){ if(pet){ console log('pet found successful with name ' + pet get("name") + ' and age ' + pet get("agepet")); } else { console log("nothing found, please try again"); } }) catch(function(error){ console log("error " + error code + " " + error message); }); } para testar a leitura leitura , cole o trecho no seu arquivo javascript do jsbin quando o código for executado, ele imprimirá a idade do animal de estimação encontrado (se encontrado) ou imprimirá que nenhum animal de estimação foi encontrado se ao testar a idade impressa não corresponder à idade do seu objeto, isso significa que existem mais objetos com o mesmo nome, mas sua consulta retorna apenas um deles portanto, para realmente testar a leitura leitura função, crie um objeto com outro nome, um que ninguém tenha criado ainda, então execute a função, que imprimirá corretamente a idade do objeto 4 atualizar para a atualização atualização , um animal de estimação é passado como parâmetro e a função altera sua idade para a que você forneceu na variável “textage” para encontrar o animal de estimação que será passado, usamos uma versão modificada da nossa leitura leitura função abaixo estão os passos para fazer sua própria atualização atualização função escreva uma função de leitura modificada chamada readthenupdate readthenupdate , que chama a atualização atualização função quando encontra um animal de estimação com sucesso na atualização atualização função, use a definir definir função para modificar os parâmetros do seu animal de estimação chame a salvar salvar função para este animal de estimação para enviar as alterações ao banco de dados você pode abrir o função de atualização javascript do back4app para ver o código que já foi implementado aqui está o código para a readthenupdate readthenupdate função e update update função update js readthenupdate(); function readthenupdate() { query = new parse query(pet); query equalto("name", textname); query first() then(function (pet) { if (pet) { console log('pet found with name ' + pet get("name") + ' and age ' + pet get("agepet")); update(pet); } else { console log("nothing found, please try again"); } }) catch(function (error) { console log("error " + error code + " " + error message); }); } function update(foundpet) { textname = "mynameupdated"; textage = 20; console log(textage); foundpet set('name', textname); foundpet set('agepet', textage); foundpet save() then(function (pet) { console log('pet updated! name ' + pet get("name") + ' and new age ' + pet get("agepet")); }) catch(function(error) { console log('error ' + error message); }); } para confirmar se a update update função está funcionando, cole o código acima no arquivo javascript na página jsbin use um nome incomum para seu objeto para não conflitar com outros usuários, depois siga estes passos 1\ crie um objeto com o nome desejado 2\ verifique se o objeto foi criado com sua read read função 3\ chame sua readthenupdate readthenupdate função feita neste tópico com uma idade diferente da original 4\ verifique se a idade do pet mudou chamando sua read read função novamente 5 deletar a excluir excluir função apaga um pet recebido pela ler ler função é uma ação irreversível, o que significa que você deve ter cuidado ao usá la, especialmente porque sua ler ler função pode retornar mais objetos do que você realmente deseja excluir por causa disso, é recomendado excluir apenas um objeto por vez os passos para escrever sua própria excluir excluir função podem ser encontrados abaixo no final do sucesso da sua função “ler” ( lerentãoexcluir lerentãoexcluir , faça uma chamada para a excluir excluir função na excluirpet excluirpet função, chame o método destruir no objeto recebido “foundpet” você pode abrir o função de exclusão javascript do back4app para ver o código que já foi implementado aqui está o código para a readthendelete readthendelete função e deletepet deletepet função delete js readthendelete(); function readthendelete() { query = new parse query(pet); query equalto("name", textname); query first() then(function (pet) { if (pet) { console log('pet found with name ' + pet get("name") + ' and age ' + pet get("agepet")); deletepet(pet); } else { console log("nothing found, please try again"); return null; } }) catch(function (error) { console log("error " + error code + " " + error message); return null; }); } function deletepet(foundpet) { foundpet destroy() then(function(response) { console log('pet '+ foundpet get("name") + ' erased successfully'); }) catch(function(response, error) { console log('error '+ error message); }); } para testá lo, é recomendado criar um objeto com um nome incomum assim como as outras funções para não conflitar com objetos de outros usuários basta colar o trecho no jsbin e executar o código com o nome do seu objeto e o objeto que será deletado então, você pode chamar sua read read função para confirmar que não há objetos com esse nome se a leitura retornar um objeto, o que não deveria, provavelmente significa que você tem mais objetos com o mesmo nome e ele retornou um deles, já que a delete delete função apenas deleta um objeto você pode verificar seu objeto acessando seu parse dashboard parse dashboard está feito! neste ponto, você aprendeu como realizar as operações básicas de crud com javascript