TodoListExample

JSONAPIDOTNETCORE TODO LIST EXEMPLO

Aplicação de demonstração para jsonApidoTNetCore usando o Ember.js.

Em 2017, Jared Nance fez uma excelente série de vídeos na qual ele construiu esta demonstração:

• Parte 1: configuração do servidor
• Parte 2: Configuração do cliente
• Parte 3: Autenticação e autorização do servidor
• Parte 4: sessões do cliente
• Parte 5: dados persistentes

Uso

Inicie o banco de dados

O aplicativo exige a execução da instância do PostGres com credenciais especificadas no appSsettings.json. Uma maneira de fazer isso é executar o banco de dados em um contêiner do Docker:

docker run --name TodoListSampleDb 
    -e POSTGRES_USER=postgres 
    -e POSTGRES_PASSWORD=postgres 
    -e POSTGRES_DB=TodoList 
    -p 5432:5432 
    -d postgres

Iniciando a API

• Diretório de comutação
  • cd TodoListAPI
• Defina o ambiente para o desenvolvimento (MAC)
  • export ASPNETCORE_ENVIRONMENT=development
• Inicie o servidor
  • dotnet run

Iniciando o cliente

• Diretório de comutação

  • cd TodoListClient

• Instale o Ember-cli

  • npm install -g ember-cli

• Restaurar pacotes

  • npm install -g yarn
  • yarn install

• Inicie o cliente

  • yarn start ou
  • ember s

• Aberto http: // localhost: 4200/no seu navegador

Caso você não tenha assistido os vídeos: o nome de usuário / senha padrão é guest / Guest1! .

Executando testes de cliente

• ember test
• ember test --server

Atualizando para a versão mais recente de Ember

Geralmente os seguintes comandos são suficientes

• npm install -g ember-cli-update
• ember-cli-update
• ember-cli-update --run-codemods
• yarn install

Testando se tudo ainda funciona

• O aplicativo inicia e exibe o link de login
• Faça login com nome de usuário/senha inválidos mostra pop -up
• Login com o nome de usuário/senha correto mostra o único itens "de propriedade por guest"
• Validação de entrada: Adicionar um ToDO-Item com menos de 4 caracteres não é possível
• Depois de adicionar um item-item, você é levado de volta à lista, que inclui o novo item
• Clicar em Logout leva você de volta à página de login
• Navegando para http: // localhost: 4200/s/TODO-ITEMS Quando o logado leva você à página de login