Como criar um aplicativo baseado na Web usando C# e ASP.NET Core
download aplikasi rt rw berbasis web
Pré-requisitos
Para criar um aplicativo baseado na web, você precisa do seguinte:
Visual Studio 2022 ou posterior. Você pode baixá-lo gratuitamente em .
O ASP.NET e a carga de trabalho de desenvolvimento da Web. Você pode instalá-lo a partir do instalador do Visual Studio.
Um conhecimento básico de C#, HTML, CSS e JavaScript.
Criar um projeto
Primeiro, você precisa criar um projeto de aplicativo Web ASP.NET Core no Visual Studio. Este modelo de projeto vem com todos os arquivos e pastas necessários para criar um site totalmente funcional. Aqui estão as etapas para criar um projeto:
Na janela inicial, selecione Criar um novo projeto.
No Criar um novo projeto janela, selecione C # de Linguagem lista. Em seguida, selecione janelas de Plataforma lista, e Rede de Tipos de projeto lista. Depois de aplicar os filtros de idioma, plataforma e tipo de projeto, selecione o Aplicativo Web ASP.NET Core modelo e, em seguida, selecione Próximo.
No Configure seu novo projeto janela, entre MyCoreApp no Nome do Projeto campo. Em seguida, selecione Próximo.
No Informações adicionais janela, verifique se .NET 6.0 aparece no Estrutura de destino campo. Nessa janela, você também pode ativar o suporte ao Docker e adicionar suporte à autenticação. Deixe o Habilitar Docker caixa desmarcada e selecione Nenhum para Tipo de Autenticação. Em seguida, selecione Criar.
O Visual Studio abrirá seu novo projeto.
Faça um tour pela sua solução
Esta solução segue o padrão de design Razor Page. É diferente do padrão de design Model-View-Controller (MVC) porque é simplificado para incluir o modelo e o código do controlador na própria Razor Page. Aqui estão alguns dos arquivos e pastas em sua solução:
/Páginas: esta pasta contém arquivos Razor Pages que definem a interface do usuário do seu aplicativo Web.Cada Razor Page consiste em dois arquivos: um arquivo .cshtml que contém marcação HTML e sintaxe Razor para conteúdo dinâmico; e um arquivo .cshtml.cs que contém o código C# para lidar com as interações do usuário.
/wwwroot: Esta pasta contém arquivos estáticos que são servidos diretamente pelo servidor web, como imagens, folhas de estilo, scripts, etc.
/appsettings.json: Este arquivo contém definições de configuração para seu aplicativo da web, como strings de conexão, opções de registro, etc.
: este arquivo contém o código que configura os serviços e o middleware para seu aplicativo da web.
/Program.cs: este arquivo contém o ponto de entrada para seu aplicativo da web.
Executar, depurar e fazer alterações
Agora que você criou seu projeto, você pode executá-lo e ver como ele funciona. Aqui estão as etapas para executar seu aplicativo da web:
Selecione Depurar na barra de menus e, em seguida, selecione Iniciar Depuração. Alternativamente, você pode pressionar F5 em seu teclado.
O Visual Studio iniciará seu aplicativo Web em seu navegador padrão. Você deve ver uma página que diz Bem-vindo ao MyCoreApp.
Você também pode usar a barra de endereço do navegador para navegar para diferentes páginas em seu aplicativo da web. Por exemplo, você pode inserir para ir para a página de privacidade.
Para interromper a depuração, selecione Depurar na barra de menus e, em seguida, selecione Parar Depuração. Alternativamente, você pode pressionar Shift+F5 em seu teclado.
Você também pode fazer alterações em seu aplicativo da web e ver os resultados imediatamente. Por exemplo, você pode alterar o título da sua página inicial seguindo estas etapas:
No Visual Studio, abra o arquivo /Pages/Index.cshtml.
No @página diretiva na parte superior do arquivo, altere o valor de Título de "Pagina inicial" para "Meu aplicativo Web".
Salve o arquivo pressionando Ctrl+S.
No navegador, atualize a página inicial. Você deve ver o novo título na guia do navegador.
Alterar sua página inicial
A página inicial padrão do seu aplicativo da web é muito simples e não fornece muitas informações sobre o seu projeto.Você pode personalizá-lo para torná-lo mais atraente e informativo. Por exemplo, você pode adicionar algum texto, imagens e uma tabela à sua página inicial seguindo estas etapas:
No Visual Studio, abra o arquivo /Pages/Index.cshtml.
Exclua todo o código existente no arquivo.
Digite ou cole o seguinte código no arquivo:
Bem-vindo ao My Web App
Este é um aplicativo baseado na Web que criei usando C# e ASP.NET Core no Visual Studio. Um aplicativo baseado na Web é um programa de software executado em um servidor Web e pode ser acessado por meio de um navegador da Web. Aplicativos baseados na Web têm muitas vantagens, como compatibilidade, escalabilidade, segurança e fácil manutenção. Aqui estão alguns dos recursos do meu aplicativo da web: Ele usa Razor Pages para definir a interface do usuário e lidar com as interações do usuário.
Ele usa Bootstrap para tornar as páginas responsivas e elegantes.
Ele usa Entity Framework Core para acessar dados de um banco de dados.
Ele usa ASP.NET Core Identity para implementar autenticação e autorização.
Aqui está um exemplo de uma tabela que mostra alguns dados do meu banco de dados: ID Nome E-mail 1 Alice alice @example.com 2 Bob bob@example.com &
Conclusão
Neste artigo, você aprendeu como criar um aplicativo baseado na Web usando C# e ASP.NET Core no Visual Studio. Você criou um projeto, visitou sua solução, executou, depurou e fez alterações em seu aplicativo da web e alterou sua página inicial. Você também aprendeu algumas das vantagens e recursos de aplicativos baseados na web.
Se quiser saber mais sobre aplicativos baseados na Web, você pode conferir os seguintes recursos:
perguntas frequentes
Aqui estão algumas perguntas frequentes sobre aplicativos baseados na web:
Quais são os benefícios dos aplicativos baseados na Web?
Os aplicativos baseados na Web têm muitos benefícios, como:
Eles são compatíveis com qualquer dispositivo e plataforma que tenha um navegador da web.
Eles são escaláveis e podem lidar com um grande número de usuários e solicitações.
Eles são seguros e podem usar criptografia e autenticação para proteger dados e usuários.
Eles são fáceis de manter e atualizar sem exigir instalação ou downloads.
Quais são os desafios dos aplicativos baseados na web?
Os aplicativos baseados na Web também apresentam alguns desafios, como:
Eles dependem da disponibilidade e desempenho da conexão com a Internet.
Eles podem ter problemas de compatibilidade com diferentes navegadores e versões.
Eles podem ter riscos de segurança de hackers, vírus e malware.
Eles podem ter problemas legais e éticos em relação à privacidade e propriedade dos dados.
Quais são as tecnologias usadas para aplicativos baseados na web?
Os aplicativos baseados na Web usam uma variedade de tecnologias, como:
Linguagens: HTML, CSS, JavaScript, C#, Java, Python, PHP, etc.
Frameworks: ASP.NET Core, Angular, React, Vue, Django, Laravel, etc.
Bancos de dados: SQL Server, MySQL, MongoDB, Firebase, etc.
Servidores: IIS, Apache, Nginx, etc.
Serviços de nuvem: Azure, AWS, Google Cloud, etc.
Como faço para testar e depurar meu aplicativo baseado na web?
Você pode testar e depurar seu aplicativo baseado na Web usando várias ferramentas e métodos, como:
As ferramentas do desenvolvedor do navegador que permitem inspecionar os elementos, estilos, scripts, solicitações de rede, logs do console etc. de seu aplicativo da web.
O depurador do Visual Studio que permite definir pontos de interrupção, observar variáveis, avaliar expressões etc. em seu código.
As ferramentas de teste de unidade que permitem que você escreva e execute testes automatizados para sua lógica e funcionalidade de código.
As ferramentas de teste de integração que permitem testar como seu aplicativo da web interage com outros componentes e serviços.
Como faço para implantar meu aplicativo baseado na web?
Você pode implantar seu aplicativo baseado na Web usando vários métodos e plataformas, como:
A ferramenta de publicação do Visual Studio que permite publicar seu aplicativo Web em uma pasta local ou em um servidor remoto.
O Serviço de Aplicativo do Azure que permite hospedar seu aplicativo Web na nuvem e gerenciá-lo no portal do Azure.
As páginas do GitHub que permitem hospedar seu aplicativo da Web estático gratuitamente no GitHub.
Os contêineres do Docker que permitem que você empacote seu aplicativo da web e suas dependências em uma unidade portátil e isolada.
0517a86e26
Comments