think - O principal evento global de Cloud Híbrida e IA - 11/05 | Américas e 12/05 | APAC e EMEA Inscrição Gratuita

Desenvolva um banco de dados, um servidor e um aplicativo web de central de atendimento

Resumo

Neste code pattern de desenvolvedor, orientamos você a criar um aplicativo web que rastreia chamados de suporte. O aplicativo permite que os usuários criem, atribuam, gerenciem e fechem chamados. A interface do usuário do aplicativo é desenvolvida com Vue.js, e os dados são armazenados no EDB.

Descrição

Usamos o Node.js e o Express para desenvolver nosso servidor. Isso nos permitiu usar JavaScript para nosso servidor e nosso cliente. A combinação entre o Node.js e o Express facilita a criação de um servidor com endpoints REST. Para nos comunicar com nosso banco de dados, decidimos usar o mapeamento objeto-relacional (ORM) da Sequelize. Os utilitários de linha de comando e o módulo Node.js da Sequelize nos ajudaram a criar o esquema de nosso banco de dados e a definir a integridade referencial entre nossas tabelas. Em nosso JavaScript, usamos os modelos que foram criados em vez de escrever em SQL. A Sequelize também facilitou o processo de atualização automática de nosso banco de dados durante o desenvolvimento, e ele pode ser usado para a migração do banco de dados no futuro.

Para o banco de dados, estamos usando o EDB. Ele é um banco de dados de nível empresarial que se baseia no popular banco de dados relacional open-source PostgreSQL. Estamos provisionando um banco de dados como serviço que usa a IBM Cloud. Com alguns cliques do mouse, realizamos uma instalação totalmente gerenciada do EDB na nuvem que pode ser acessada de qualquer lugar. Nós usamos a ferramenta comum de linha de comando psql para executar nossos scripts de carregamento de dados para alimentar o banco de dados, mas há muitas ferramentas de consulta que também podem ser usadas.

Para criar uma interface do usuário que funcione bem tanto em um celular quanto em uma tela grande, escolhemos o Vue e o Vuetify. Nossa interface do usuário inclui navegação com barra lateral, várias páginas e muitos componentes reutilizáveis. A combinação entre o Vue e o Vuetify nos dá uma estrutura eficiente para criar uma interface do usuário web de aparência profissional que foi fácil de escrever e que é muito mais fácil de manter do que HTML simples, JavaScript e CSS.

Quando concluir o code pattern, você saberá:

  • Provisionar uma instância “Databases for EDB” na IBM Cloud.
  • Usar a Sequelize para mapear objetos ao seu banco de dados relacional de forma programática.
  • Criar um aplicativo web moderno baseado em Node.js, com um servidor Express para APIs REST, e uma interface do usuário baseada em Vue.
  • Usar scripts psql para alimentar as tabelas do banco de dados com tickets, usuários e equipe de suporte.

Fluxo

fluxo

  1. O administrador usa psql para alimentar as tabelas do EDB com dados de tickets, usuários e agentes.
  2. O usuário interage com o aplicativo Node.js para criar e manter informações sobre os tickets. A interface de cliente baseada em Vue acessa os dados do EDB por meio das APIs REST do servidor Express.
  3. O servidor usa a Sequelize para realizar operações CRUD na instância do EDB.

Instruções

Está pronto para começar? Veja as etapas detalhadas deste code pattern no arquivo LEIA-ME. As etapas mostrarão como:

  1. Clonar o repositório
  2. Provisionar os bancos de dados do serviço EDB
  3. Adicionar credenciais de serviço ao arquivo de ambiente
  4. Carregar dados de amostra
  5. Executar o aplicativo
  6. Usar o aplicativo
  7. Analisar a estrutura do aplicativo