Iniciando em Dot Net Core + Angular

Tempo de leitura: 4 minutos

Olá, vamos iniciar aqui uma série de posts sobre dot Net Core, o framework Open Source da Microsoft.

Iniciei meus estudos com este framework recentemente e gostaria de compartilhar o conhecimento com todos para que assim cada vez mais o framework  dot Net Core seja aceito pela comunidade e assim dissipado!

Os exemplos utilizados poderão ser baixados no meu GitHub, porém, recomendo que você siga e digite todo o código, para que vá fixando cada vez mais.

Irei realizar o desenvolvimento intercalando em uma máquina com Mac OS e outra com Windows, para mostrar que o mesmo código pode ser utilizado em ambas as plataformas.

Obs: Eu não vou aqui fazer uma explicação sobre o que é o .Net Core, mas vou deixar alguns links para referência:

https://www.microsoft.com/net/learn/get-started/macos

https://www.infoq.com/br/articles/conhecendo-net-core

https://docs.microsoft.com/pt-br/dotnet/core/

Ferramentas utilizadas:

– Visual Studio Code (ou o da sua preferência. Nos exemplos utilizarei o Code.)

https://code.visualstudio.com/docs/setup/setup-overview

– Plugin para C# Visual Studio Code

– .Net Core Versão Atual deste post: 2.1.4 (Siga o passo a passo de acordo com o seu sistema operacional)

https://github.com/dotnet/core/blob/master/Documentation/prereqs.md

Vamos lá?

Iniciando o desenvolvimento

O primeiro passo será criar uma pasta chamada TodoApp, onde ficará todo o nosso código.

Para isso, abra a linha de comandos do seu sistema operacional (recomendo PowerShell no Windows) e utilize o comando

Mkdir TodoApp

E em seguida entre na pasta.

Cd TodoApp

Dentro da pasta, vamos criar um novo projeto webapi. Execute o seguinte comando. Para isto, execute o seguinte comando:

dotnet new webapi

A partir de agora, a estrutura de uma webapi foi criada dentro da nossa pasta TodoApp.

Vamos agora abrir o Visual Studio Code para verificar o código. Digite no terminal dentro da pasta o seguinte comando:

Code .

(caso não inicie, verifique este overview do setup de acordo com o seu sistema operacional

https://code.visualstudio.com/docs/setup/setup-overview)

Esta é a tela do Visual Studio Code com o projeto carregado.

A partir de agora, vamos trabalhar com o próprio terminal do visual studio code. Para isto, aperte CTRL + ‘ (ou CMD + ‘ no mac). Será aberta uma tela de terminal na parte de baixo de onde o código será exibido. Isto facilitará o nosso desenvolvimento.

Agora execute os seguintes comandos:

Dotnet restore

Dotnet run

Estes comandos vão restaurar os pacotes necessários para executar a api e em seguida vai iniciar um servidor da mesma, rodando (no meu caso) na porta 5000.

O projeto cria por default uma rota localizada em Controllers\ValuesControllers.cs

Vamos acessá-la!

Abra o seu browser e acesse http://localhost:5000/api/values

Se sua tela foi semelhante a esta, parabéns! Sua primeira api em dotnet core está sendo executada!

Agora, vamos mexer nesta API e criar uma pequena lista de tarefas.

Vamos inicialmente criar uma pasta onde ficarão nossos Modelos. Para isto, crie a pasta Models, e em seguida um novo arquivo chamado TodoItem.cs (não esquecer o .cs no final).

Vamos digitar o seguinte código:

Namespace TodoApp.Models
{
Public class TodoItem
{
Public long id {get;set;}
Public string Name {get;set;}
Publich bool IsComplete {get;set;}
}
}

Agora vamos adicionar o pacote do Entity Framework Core no nosso projeto. Para isto, vamos rodar o seguinte comando:

dotnet add package Microsoft.EntityFrameworkCore

Com isto, adicionamos o pactoe do Entity Framework, que irá realizar a comunicação com um banco SQLite e criará as tabelas.

Vamos criar uma pasta agora chamada Data e uma classe chamada TodoContext.cs.

Dentro desta classe, vamos colocar o seguinte código:

Repare que criamos um contexto, e em seguida criamos a TodoItems, que será uma tabela com a estrutura de TodoItem (Id, Name e IsComplete).

Depois, vamos adicionar entityframework e o dbcontext em nossa classe startup.

Agora em ConfigureServices, adicione o seguinte código:

Agora, adicione o seguinte trecho de código em TodoApp.csproj.

Este é um client para trabalharmos com o ef.

Agora, execute o comando

dotnet restore

Vamos adicionar nosso primeiro Migration

dotnet ef migrations add InitialCreate

Depois,

dotnet ef database update

Com isso criamos nosso primeiro database e migramos.

No próximo artigo vamos criar nossa controller para as tarefas.

Até a próxima!

Texto escrito por Luiz Henrique:

http://facebook.com/luizhfra

https://www.linkedin.com/in/luizhfraraujo

dotnet core

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *