{"id":2035,"date":"2022-03-25T11:47:46","date_gmt":"2022-03-25T11:47:46","guid":{"rendered":"https:\/\/migoda.vn\/xay-dung-website-bang-asp-net-core-1648208861"},"modified":"2023-04-23T03:55:29","modified_gmt":"2023-04-23T03:55:29","slug":"ung-dung-trang-web-dau-tien-c-csharp-1648208861","status":"publish","type":"post","link":"https:\/\/migoda.vn\/blog\/ung-dung-trang-web-dau-tien-c-csharp-1648208861\/","title":{"rendered":"(ASP.NET Core) T\u1ea1o \u1ee9ng d\u1ee5ng trang web \u0111\u1ea7u ti\u00ean C# CSharp"},"content":{"rendered":"<div>\n<h1>T\u1ea1o \u1ee9ng d\u1ee5ng trang web \u0111\u1ea7u ti\u00ean C# CSharp<\/h1>\n<h2 class=\"display-4 text-success font25 p-0 m-0\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">ASP.NET Core 3.x<\/span><\/h2>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><code>ASP.NET Core<\/code> l\u00e0 m\u1ed9t Framework ngu\u1ed3n m\u1edf, \u0111a n\u1ec1n t\u1ea3ng x\u00e2y d\u1ef1ng tr\u00ean <code>.NET Core<\/code> d\u00e0nh cho vi\u1ec7c x\u00e2y d\u1ef1ng c\u00e1c \u1ee9ng d\u1ee5ng d\u1ef1a tr\u00ean k\u1ebft n\u1ed1i internet, c\u1ee5 th\u1ec3 s\u1eed d\u1ee5ng <code>ASP.NET Core<\/code> c\u00f3 th\u1ec3:<\/span><\/p>\n<ul>\n<li><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">X\u00e2y d\u1ef1ng c\u00e1c \u1ee9ng d\u1ee5ng d\u1ecbch v\u1ee5 web, IoT, backend cho \u1ee9ng d\u1ee5ng di \u0111\u1ed9ng (API).<\/span><\/li>\n<li><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">\u1ee8ng d\u1ee5ng c\u00f3 th\u1ec3 ch\u1ea1y tr\u00ean <code>.NET Core<\/code> hay <code>.NET Framework<\/code><\/span><\/li>\n<li><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">C\u00f3 th\u1ec3 s\u1eed d\u1ee5ng c\u00e1c c\u1ed9ng c\u1ee5 \u0111\u1ec3 l\u00e0m vi\u1ec7c v\u1edbi ASP.NET tr\u00ean Linux, Windows, macOS<\/span><\/li>\n<li><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">C\u00f3 th\u1ec3 host \u1ee9ng d\u1ee5ng tr\u00ean <code>Kestrel<\/code>, <code>IIS<\/code>, <code>Nginx<\/code>, <code>Apache<\/code>, <code>Docker<\/code><\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">th\u1eadm ch\u00ed t\u1ef1 host (t\u1ef1 ch\u1ea1y d\u1ecbch v\u1ee5 HTTP)<\/span><\/li>\n<li><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Sau khi th\u00e0nh th\u1ea1o <code>ASP.NET Core<\/code> th\u00ec c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng \u0111\u1ebfn <code>ASP.NET Core MVC<\/code> \u0111\u1ec3 h\u1ed7<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">tr\u1ee3 ki\u1ebfn tr\u00fac MVC (Model-View-Controller), \u0111\u1ec3 ph\u00e1t tri\u1ec3n \u1ee9ng d\u1ee5ng module h\u00f3a cao h\u01a1n v\u00e0 \u0111\u01b0\u1ee3c h\u1ed7 tr\u1ee3<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">c\u00e1c c\u00f4ng ngh\u1ec7 nh\u01b0 <code>Razor<\/code><\/span><\/li>\n<\/ul>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">\u0110\u1ec3 t\u0103ng tr\u01b0\u1edfng \u1ee9ng d\u1ee5ng Web ( nh\u01b0 Website ) th\u1ee9 nh\u1ea5t h\u00e3y b\u1ea3o v\u1ec7 \u0111\u00e3 bi\u1ebft v\u1ec1 nh\u1eefng ki\u1ebfn tr\u1ee9c :<\/span><\/p>\n<h2 class=\"display-4 text-success font25 p-0 m-0\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">T\u1ea1o \u1ee9ng d\u1ee5ng ASP.NET Core 3.X<\/span><\/h2>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Ta s\u1ebd b\u1eaft \u0111\u1ea7u v\u1edbi \u1ee9ng d\u1ee5ng ASP.NET \u0111\u01a1n gi\u1ea3n nh\u1ea5t, l\u00e0 m\u1ed9t trang web &#8211; khi truy c\u1eadp in ra l\u1eddi ch\u00e0o. T\u1ea1o th\u01b0 m\u1ee5c ch\u1ee9a d\u1ef1 \u00e1n \u0111\u1eb7t t\u00ean l\u00e0 <code>HelloWorld<\/code>, trong th\u01b0 m\u1ee5c \u0111\u00f3 g\u00f5 l\u1ec7nh sau \u0111\u1ec3 t\u1ea1o ra c\u1ea5u tr\u00fac d\u1ef1 \u00e1n \u1ee9ng d\u1ee5ng n\u00e0y.<\/span><\/p>\n<div style=\"margin-bottom: 15px; margin-top: 15px;\">\n<p style=\"padding: 20px; background: #eaf0ff;\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">B\u1ea1n \u0111ang \u0111\u1ecdc: <a title=\"(ASP.NET Core) T\u1ea1o \u1ee9ng d\u1ee5ng trang web \u0111\u1ea7u ti\u00ean C# CSharp\" href=\"https:\/\/migoda.vn\/xay-dung-website-bang-asp-net-core-1648208861\" target=\"_blank\" rel=\"bookmark noopener\">(ASP.NET Core) T\u1ea1o \u1ee9ng d\u1ee5ng trang web \u0111\u1ea7u ti\u00ean C# CSharp<\/a><\/span><\/p>\n<\/div>\n<pre class=\"prettyprint lang-cs\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">dotnet new web<\/span><\/pre>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/xuanthulabnet\/learn-cs-netcore\/master\/imgs\/cs034.png\" alt=\"\" \/><\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Sau \u0111\u00f3 m\u1edf th\u01b0 m\u1ee5c d\u1ef1 \u00e1n b\u1eb1ng <code>Visual Studio Code<\/code>. L\u1ea7n \u0111\u1ea7u m\u1edf d\u1ef1 \u00e1n, ch\u1ecdn menu <code>View &gt; Command Palette ... <\/code>, g\u00f5 <code>.NET build<\/code> r\u1ed3i ch\u1ecdn m\u1ee5c <code>.NET: Generate Assets for Build and Debug<\/code>.<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">L\u1ec7nh n\u00e0y \u0111\u1ec3 n\u00f3 sinh ra file c\u1ea5u h\u00ecnh \u0111\u1ec3 VSC build \u1ee9ng d\u1ee5ng, g\u1ed3m 2 file sinh ra t\u1ea1i:<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><strong class=\"text-danger\">.vscode\/launch.json<\/strong><\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">v\u00e0 <strong class=\"text-danger\">.vscode\/tasks.json<\/strong><\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/raw.githubusercontent.com\/xuanthulabnet\/learn-cs-netcore\/master\/imgs\/cs035.png\" alt=\"(ASP.NET Core) T\u1ea1o \u1ee9ng d\u1ee5ng trang web \u0111\u1ea7u ti\u00ean C# CSharp\" width=\"1200\" height=\"493\" \/><\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">C\u1ea5u tr\u00fac file, th\u01b0 m\u1ee5c trong d\u1ef1 \u00e1n nh\u01b0 h\u00ecnh d\u01b0\u1edbi, \u0111\u1ea7u ti\u00ean \u0111ang c\u00f3 th\u01b0 m\u1ee5c <code>wwwroot<\/code> n\u01a1i sau n\u00e0y s\u1ebd ch\u1ee9a c\u00e1c file css, js, \u1ea3nh &#8230; File <code>Properties\/lauchSettings.json<\/code> ch\u1ee9a c\u00e1c thi\u1ebft l\u1eadp&#8230;<\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">N\u1ebfu kh\u00f4ng nh\u00ecn th\u1ea5y th\u01b0 m\u1ee5c <code>wwwroot<\/code> h\u00e3y t\u1ea1o n\u00f3 th\u1ee7 c\u00f4ng<\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/xuanthulabnet\/learn-cs-netcore\/master\/imgs\/cs036.png\" alt=\"\" \/><\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Gi\u1edd \u0111\u1ec3 build \u1ee9ng d\u1ee5ng g\u00f5 l\u1ec7nh :<\/span><\/p>\n<pre class=\"prettyprint\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">dotnet build<\/span><\/pre>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">K\u1ebft qu\u1ea3 build \u0111\u01b0\u1ee3c l\u01b0u t\u1ea1i <code>\/bin\/Debug\/netcoreapp3.0\/<\/code> (c\u00f3 th\u1ec3 ph\u00e2n ph\u1ed1i th\u01b0 m\u1ee5c n\u00e0y &#8211; t\u00ecm hi\u1ec3u sau). \u0110\u1ec3 build v\u00e0 ch\u1ea1y \u1ee9ng d\u1ee5ng lu\u00f4n g\u00f5 dotnet run<\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/xuanthulabnet\/learn-cs-netcore\/master\/imgs\/cs038.png\" alt=\"\" \/><\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Nh\u01b0 v\u1eady th\u1ea5y \u1ee9ng d\u1ee5ng \u0111ang ch\u1ea1y, \u0111\u1ec3 k\u1ebft th\u00fac nh\u1ea5n Ctrl + C<\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">\u1ee8ng d\u1ee5ng \u0111ang ch\u1ea1y v\u1edbi c\u1ed5ng 5000, h\u00e3y truy c\u1eadp <code>http:\/\/localhost:5000<\/code> \u0111\u1ec3 xem k\u1ebft qu\u1ea3<\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/xuanthulabnet\/learn-cs-netcore\/master\/imgs\/cs039.png\" alt=\"\" \/><\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">N\u1ebfu mu\u1ed1n thi\u1ebft l\u1eadp ch\u1ea1y tr\u00ean c\u1ed5ng kh\u00e1c m\u1edf file <code>Properties\/lauchSettings.json<\/code> ra \u0111\u1ed5i c\u1ed5ng mu\u1ed1n s\u1eed d\u1ee5ng.<\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Ngo\u00e0i ra \u0111\u1ec3 t\u1ef1 \u0111\u1ed9ng h\u00f3a build v\u00e0 ch\u1ea1y l\u1ea1i khi m\u00e3 update s\u1eed d\u1ee5ng l\u1ec7nh :<\/span><\/p>\n<pre class=\"prettyprint\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">dotnet watch run<\/span><\/pre>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/xuanthulabnet\/learn-cs-netcore\/master\/imgs\/cs040.png\" alt=\"\" \/><\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Nh\u01b0 v\u1eady, r\u1ea5t nhanh g\u1ecdn \u0111\u00e3 t\u1ea1o \u0111\u01b0\u1ee3c \u1ee9ng d\u1ee5ng Web ti\u00ean phong !<\/span><\/p>\n<h3><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">K\u00edch ho\u1ea1t SSL (truy c\u1eadp v\u1edbi https) \u1edf m\u00f4i tr\u01b0\u1eddng ph\u00e1t tri\u1ec3n<\/span><\/h3>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Th\u1ef1c hi\u1ec7n l\u1ec7nh sau :<\/span><\/p>\n<pre class=\"prettyprint lang-cs\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">dotnet dev-certs https --clean\r\ndotnet dev-certs https --trust\r\n<\/span><\/pre>\n<h2 class=\"display-4 text-success font25 p-0 m-0\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">T\u00f9y bi\u1ebfn trang \u0111\u00e2u ti\u00ean c\u1ee7a ASP.NET Core<\/span><\/h2>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">\u1ee8ng d\u1ee5ng web m\u1eb7c \u0111inh v\u1eeba t\u1ea1o ra c\u00f3 h\u00e0m Main l\u00e0 \u0111i\u1ec3m m\u1ed3i ch\u1ea1y \u1ee9ng d\u1ee5ng, v\u1edbi n\u1ed9i dung code nh\u01b0 sau (<code>Programe.cs<\/code>):<\/span><\/p>\n<pre class=\"prettyprint lang-cs\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">public class Program\r\n{\r\n    public static void Main(string[] args)\r\n    {\r\n        \/\/ Build -  t\u1ea1o c\u00e1c d\u1ecbch v\u1ee5 \u0111\u00e3 \u0111\u0103ng k\u00fd tr\u1ea3 v\u1ec1 WebHost\r\n        \/\/ Run - ch\u1ea1y \u1ee9ng d\u1ee5ng web\r\n        CreateHostBuilder(args).Build().Run();\r\n    }\r\n\r\n    public static IHostBuilder CreateHostBuilder(string[] args) =&gt;\r\n        Host.CreateDefaultBuilder(args)\r\n            .ConfigureWebHostDefaults(webBuilder =&gt;\r\n            {\r\n                \/\/ webBuilder \u0111\u1ed1i t\u01b0\u1ee3ng l\u1edbp WebHostBuilder \u0111\u1ec3 c\u1ea5u h\u00ecnh, \u0111\u0103ng k\u00fd c\u00e1c d\u1ecbch v\u1ee5 \u1ee9ng d\u1ee5ng Web\r\n                \/\/ UseStartup ch\u1ec9 ra l\u1edbp kh\u1edfi ch\u1ea1y \u1ee9ng d\u1ee5ng (\u0111\u0103ng k\u00fd d\u1ecbch v\u1ee5)\r\n                webBuilder.UseStartup();\r\n            });\r\n}\r\n    <\/span><\/pre>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Ph\u01b0\u01a1ng th\u1ee9c <code>CreateHostBuilder<\/code> tr\u1ea3 v\u1ec1 \u0111\u1ed1i t\u01b0\u1ee3ng tri\u1ec3n khai t\u1eeb l\u1edbp <code>IHostBuilder<\/code> l\u00e0<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><code>HostBuilder<\/code>\u0111\u1ec3 thi\u1ebft l\u1eadp c\u00e1c t\u00ednh n\u0103ng, c\u1ea5u h\u00ecnh ch\u00ednh ch\u00ednh c\u1ee7a WebHost.<\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Ph\u01b0\u01a1ng th\u1ee9c <code>Build<\/code> tr\u1ea3 v\u1ec1 giao di\u1ec7n <code>IWebHost<\/code>, b\u1ea1n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng Interface n\u00e0y \u0111\u1ec3 truy<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">c\u1eadp c\u00e1c dependency \u0111\u01b0\u1ee3c inject b\u1eb1ng c\u00e1ch truy c\u1eadp thu\u1ed9c t\u00ednh <code>Services<\/code>, c\u00e1c \u0111\u1eb7c t\u00ednh c\u1ee7a server v\u1edbi<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">thu\u1ed9c t\u00ednh <code>ServerFeatures<\/code>, g\u1ecdi <code>Run<\/code> \u0111\u1ec3 b\u1eaft \u0111\u1ea7u l\u1eafng nghe tr\u00ean c\u1ed5ng thi\u1ebft l\u1eadp.<\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">L\u1edbp Starup m\u1eb7c \u0111\u1ecbnh \u0111\u01b0\u1ee3c t\u1ea1o ra (<code>startup.cs<\/code>):<\/span><\/p>\n<pre class=\"prettyprint lang-cs\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">using System;\r\nusing System.Collections.Generic;\r\nusing System.Linq;\r\nusing System.Threading.Tasks;\r\nusing Microsoft.AspNetCore.Builder;\r\nusing Microsoft.AspNetCore.Hosting;\r\nusing Microsoft.AspNetCore.Http;\r\nusing Microsoft.Extensions.DependencyInjection;\r\nusing Microsoft.Extensions.Hosting;\r\n\r\nnamespace HelloWorld\r\n{\r\n    public class Startup\r\n    {\r\n        public void ConfigureServices(IServiceCollection services)\r\n        {\r\n            \/*\r\n                Ph\u01b0\u01a1ng th\u1ee9c ConfigureServices cho ph\u00e9p truy c\u1eadp \u0111\u1ebfn c\u00e1c d\u1ecbch v\u1ee5, dependency \u0111\u01b0\u1ee3c Inject v\u00e0o\r\n                Webhost. Ho\u1eb7c b\u1ea1n c\u0169ng c\u00f3 th\u1ec3 \u0111\u01b0a th\u00eam c\u00e1c dependency t\u1ea1i \u0111\u00e2y.\r\n            *\/\r\n\r\n        }\r\n\r\n        \/\/ <code>IHostingEnvironment<\/code> env cho ph\u00e9p truy c\u1eadp c\u00e1c bi\u1ebfn m\u00f4i tr\u01b0\u1eddng, th\u01b0 m\u1ee5c ngu\u1ed3n, th\u01b0 m\u1ee5c file. public void Configure(IApplicationBuilder app, IWebHostEnvironment env) { if (env.IsDevelopment()) { app.UseDeveloperExceptionPage(); } app.UseRouting(); app.UseEndpoints(endpoints =&gt; { endpoints.MapGet(\"\/\", async context =&gt; { await context.Response.WriteAsync(\"Hello World!\"); }); }); } } }<\/span><\/pre>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><code>IApplicationBuilder<\/code> l\u00e0 giao di\u1ec7n \u0111\u01b0\u1ee3c s\u1eed d\u1ee5ng \u0111\u1ec3 th\u00eam c\u00e1c middleware cho HTTP request pipeline,<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">c\u00e1c middleware th\u1ef1c hi\u1ec7n v\u1ec1 tr\u1ea3 v\u1ec1 c\u00e1c response cho resquest.<\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><strong class=\"text-danger\">app.UseRouting()<\/strong> th\u00eam middleware<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><code>EndpointRoutingMiddleware<\/code> v\u00e0o pipeline, lu\u1ed3ng x\u1eed l\u00fd<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">request v\u00e0 tr\u1ea3 v\u1ec1 response. (xem th\u00eam v\u1ec1<\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">middleware asp.net core 3.0),<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">sau g\u1ecdi th\u00eam EndpointRoutingMiddleware b\u1eb1ng c\u00e1ch g\u1ecdi UseRouting() c\u1ea7n g\u1ecdi <code>UseEndpoints<\/code><\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">\u0111\u1ec3 th\u00eam <code>EndpointMiddleware<\/code> t\u1ea1o ra m\u1ed9t \u0111i\u1ec3m trong pileline<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">t\u1ea1i \u0111\u00f3 routing (\u0111\u1ecbnh tuy\u1ec3n) \u0111\u01b0\u1ee3c t\u1ea1o ra, c\u00f9ng v\u1edbi m\u1ed9t EndPoint li\u00ean k\u1ebft v\u1edbi HttpContext.<\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><strong class=\"text-danger\">app.UseEndpoints()<\/strong> :<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Th\u00eam <code>EndpointMiddleware<\/code> v\u00e0o pipeline,<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">v\u1edbi c\u1ea5u h\u00ecnh thi\u1ebft l\u1eadp trong tham s\u1ed1<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><code>endpoint<\/code> (ki\u1ec3u IEndpointRouteBuilder), n\u00f3 x\u00e1c \u0111\u1ecbnh \u0111i\u1ec3m cu\u1ed1i c\u1ee7a pipeline tr\u1ea3 v\u1ec1 HttpResponse.<\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">T\u1eeb tham s\u1ed1 <code>endpoint<\/code> c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng c\u00e1c ph\u01b0\u01a1ng th\u1ee9c m\u1edf r\u1ed9ng nh\u01b0 <code>Map<\/code>, <code>MapGet<\/code>,<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><code>MapPut<\/code> &#8230; \u0111\u1ec3 thi\u1ebft l\u1eadp \u0111i\u1ec3m cu\u1ed1i c\u1ee7a pipeline t\u01b0\u01a1ng \u1ee9ng v\u1edbi m\u1ed7i lo\u1ea1i Request,<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">chi ti\u1ebft xem t\u1ea1i IEndpointRouteBuilder, v\u00ed d\u1ee5:<\/span><\/p>\n<pre class=\"prettyprint lang-cs\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">app.UseEndpoints(endpoints =&gt;\r\n{\r\n    \/\/ \u0110i\u1ec3m cu\u1ed7i c\u1ee7a pipeline khi \u0111\u1ecba ch\u1ec9 truy c\u1eadp l\u00e0 \/Abc\r\n    endpoints.Map(\"\/Abc\", async context =&gt; {\r\n        await context.Response.WriteAsync(\"Hello  Abc\");\r\n    });\r\n\r\n    \/\/ \u0110i\u1ec3m cu\u1ed7i c\u1ee7a pipeline khi \u0111\u1ecba ch\u1ec9 truy c\u1eadp l\u00e0 \/\r\n    endpoints.MapGet(\"\/\", async context =&gt;\r\n    {\r\n        await context.Response.WriteAsync(\"Hello World!\");\r\n    });\r\n});<\/span><\/pre>\n<p class=\"alert alert-danger\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><code>Routing<\/code> (\u0111\u1ecbnh tuy\u1ec3n) l\u00e0 qu\u00e1 qu\u00e1 tr\u00ecnh x\u1eed l\u00fd th\u00f4ng qua n\u00f3 \u1ee9ng d\u1ee5ng x\u00e1c \u0111\u1ecbnh \u0111\u01b0\u1ee3c c\u1ea7n thi h\u00e0nh c\u00e1c ph\u01b0\u01a1ng th\u1ee9c n\u00e0o cho m\u1ed7i URL g\u1eedi \u0111\u1ebfn. ASP.NET Core s\u1eed d\u1ee5ng m\u1ed9t middleware \u0111\u1ec3 \u00e1nh x\u1ea1 c\u00e1c URL t\u01b0\u01a1ng \u1ee9ng v\u1edbi ph\u01b0\u01a1ng th\u1ee9c n\u00e0o c\u1ee7a \u1ee9ng d\u1ee5ng.<\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">C\u00e1c ph\u01b0\u01a1ng th\u1ee9c <code>Map*<\/code> l\u00e0 ph\u01b0\u01a1ng th\u1ee9c m\u1edf r\u1ed9ng, n\u00f3 \u0111\u0103ng k\u00fd middleware cu\u1ed1i trong pipeline, tham s\u1ed1 l\u00e0 m\u1ed9t delegate ki\u1ec3u RequestDelegate. N\u00f3 nh\u1eadn <code>HttpContext<\/code> l\u00e0m tham s\u1ed1 v\u00e0 tr\u1ea3 v\u1ec1 <code>Task<\/code>. T\u1eeb HttpContext b\u1ea1n c\u00f3 th\u1ec3 truy c\u1eadp th\u00f4ng tin g\u1eedi \u0111\u1ebfn, c\u0169ng nh\u01b0 n\u1ed9i dung tr\u1ea3 v\u1ec1.<\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Gi\u1edd s\u1ebd t\u00f9y bi\u1ebfn trang ti\u00ean phong<\/span><\/p>\n<pre class=\"prettyprint lang-cs\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">app.UseEndpoints(endpoints =&gt;\r\n{ \r\n    endpoints.MapGet(\"\/\", async context =&gt;\r\n    {\r\n        string html = @\"\r\n       \r\n\u0110\u00e2y l\u00e0 trang web \u0111\u1ea7u ti\u00ean<\/span><\/pre>\n<div style=\"margin-bottom: 15px; margin-top: 15px;\">\n<p style=\"padding: 20px; background: #eaf0ff;\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Xem th\u00eam: <a title=\"H\u01b0\u1edbng D\u1eabn Thi\u1ebft K\u1ebf Web B\u00e1n H\u00e0ng B\u1eb1ng Php, H\u01b0\u1edbng D\u1eabn L\u00e0m Web B\u00e1n H\u00e0ng B\u1eb1ng Php T\u1eeb A\" href=\"https:\/\/migoda.vn\/xay-dung-website-ban-hang-bang-php-1647922240\" target=\"_blank\" rel=\"bookmark noopener\">H\u01b0\u1edbng D\u1eabn Thi\u1ebft K\u1ebf Web B\u00e1n H\u00e0ng B\u1eb1ng Php, H\u01b0\u1edbng D\u1eabn L\u00e0m Web B\u00e1n H\u00e0ng B\u1eb1ng Php T\u1eeb A<\/a> <\/span><\/p>\n<\/div>\n<pre class=\"prettyprint lang-cs\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">                    \r\n        \"; \r\n        \r\n        await context.Response.WriteAsync(html);\r\n    });\r\n});<\/span><\/pre>\n<h2 class=\"display-4 text-success font25 p-0 m-0\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">K\u00edch ho\u1ea1t truy c\u1eadp file t\u0129nh<\/span><\/h2>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Trang HTML c\u1ee7a b\u1ea1n tr\u1ea3 v\u1ec1 c\u00f3 th\u1ec3 ch\u1ee9a c\u00e1c URL d\u1eabn \u0111\u1ebfn c\u00e1c file t\u0129nh nh\u01b0 c\u00e1c css, js, h\u00ecnh \u1ea3nh &#8230;<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Th\u1eadm ch\u00ed l\u00e0 m\u1ed9t file html. C\u00e1c file n\u00e0y \u0111\u1ec1u ch\u1ee9a trong th\u01b0 m\u1ee5c <code>wwwroot<\/code> c\u1ee7a d\u1ef1 \u00e1n.<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Tr\u01b0\u1edbc ti\u00ean k\u00edch ho\u1ea1t cho ph\u00e9p truy c\u1eadp \u0111\u1ebfn t\u00e0i nguy\u00ean t\u0129nh b\u1eb1ng th\u00eam v\u00e0o \u0111o\u1ea1n code<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">sau<\/span><\/p>\n<pre class=\"prettyprint lang-cs\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">public void Configure(IApplicationBuilder app, IHostingEnvironment env)\r\n{\r\n    \/...\r\n    \/\/ Th\u00eam StaticFileMiddleware v\u00e0o pipeline - k\u00edch ho\u1ea1t truy c\u1eadp file t\u0129nh trong wwwroot\r\n    \/\/ file wwwroot\/html\/helloworld.html truy c\u1eadp \u0111\u01b0\u1ee3c http:\/\/localhost:5000\/html\/helloworld.html\r\n    app.UseStaticFiles();\r\n    \/...\r\n}\r\n<\/span><\/pre>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">B\u1ea1n c\u00f3 th\u1ec3 ki\u1ec3m tra b\u1eb1ng c\u00e1ch t\u1ea1o file HTML v\u00ed d\u1ee5 <code>wwwroot\/html\/helloworld.html<\/code><\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><strong>\u0110\u00e2y l\u00e0 trang web t\u0129nh HTML!<\/strong><\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">M\u1edf <code>http:\/\/localhost:5000\/html\/helloworld.html<\/code> k\u1ebft qu\u1ea3 l\u00e0:<\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/xuanthulabnet\/learn-cs-netcore\/master\/imgs\/cs041.png\" alt=\"\" \/><\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Nh\u01b0 v\u1eady b\u1ea1n \u0111\u00e3 c\u00f3 th\u1ec3 host c\u00e1c file t\u00e0i nguy\u00ean t\u0129nh nh\u01b0 JS, CSS, Image v\u00e0o th\u01b0 m\u1ee5c <code>wwwwroot<\/code><\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">\u0111\u1ec3 s\u1eed d\u1ee5ng.<\/span><\/p>\n<h2 class=\"display-4 text-success font25 p-0 m-0\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">T\u00edch h\u1ee3p c\u00e1c th\u01b0 vi\u1ec7n JS, CSS<\/span><\/h2>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">C\u00e1c lo\u1ea1i th\u01b0 vi\u1ec7n nh\u01b0 <code>CSS Bootstrap<\/code>, <code>JQuery<\/code> &#8230; b\u1ea1n c\u00f3 th\u1ec3 t\u1ea3i v\u1ec1 v\u00e0 host m\u1ed9t c\u00e1ch th\u1ee7 c\u00f4ng trong th\u01b0 m\u1ee5c <code>wwwroot<\/code> v\u00e0 s\u1eed d\u1ee5ng. Tuy nhi\u00ean, s\u1ebd s\u1eed d\u1ee5ng d\u1ea7n d\u1ea7n c\u00e1c c\u00f4ng c\u1ee5 qu\u1ea3n l\u00fd package \u0111\u1ec3 t\u00edch h\u1ee3p, c\u00f3 nhi\u1ec1u c\u00f4ng c\u1ee5 m\u00e0 theo th\u1eddi gian ch\u00fang ta s\u1ebd t\u00ecm hi\u1ec3u d\u1ea7n d\u1ea7n nh\u01b0 <code>npm<\/code>, <code>Bower<\/code>,<code>tsc<\/code>, <code>webpack<\/code> &#8230;<\/span><\/p>\n<h2 class=\"display-4 text-danger font20 p-0 m-0\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">T\u00edch h\u1ee3p CSS Bootstrap, JQuery v\u00e0o ASP.NET<\/span><\/h2>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Ta s\u1ebd s\u1eed d\u1ee5ng <code>npm<\/code> (tr\u00ecnh qu\u1ea3n l\u00fd package cho NodeJS) \u0111\u1ec3 t\u1ea3i Bootstrap v\u1ec1 (C\u00e0i \u0111\u1eb7t NodeJS v\u00e0 NPM download NodeJS)<\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Tr\u01b0\u1edbc ti\u00ean, n\u1ebfu th\u01b0 m\u1ee5c g\u1ed1c d\u1ef1 \u00e1n ch\u01b0a c\u00f3 file <code>package.json<\/code> (l\u01b0u t\u00ean c\u00e1c package) th\u00ec c\u1ea7n t\u1ea1o file \u0111\u00f3, \u0111\u01b0a v\u00e0o \u0111\u00f3 n\u1ed9i dung tr\u1ed1ng<\/span><\/p>\n<pre class=\"prettyprint\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">{\r\n}<\/span><\/pre>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Ho\u1eb7c c\u00f3 th\u1ec3 g\u00f5 <code>npm init<\/code> \u0111\u1ec3 n\u00f3 sinh ra file n\u00e0y<\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">T\u1ea1i th\u01b0 m\u1ee5c d\u1ef1 \u00e1n B\u1ea5t \u0110\u1ed9ng S\u1ea3n, g\u00f5 l\u1ec7nh sau \u0111\u1ec3 l\u1ea5y v\u1ec1 Bootstrap npm install bootstrap<\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Sau khi l\u1ec7nh ch\u1ea1y xong, n\u00f3 t\u1ea3i v\u1ec1 bootstrap l\u01b0u trong th\u01b0 m\u1ee5c <code>node_modules<\/code> v\u00e0 n\u00f3 c\u0169ng th\u00f4ng b\u00e1o \u0111\u1ec3 c\u1ea7n c\u00e0i th\u00eam <code>JQuery<\/code> v\u00e0 <code>popper.js<\/code>, g\u00f5 th\u00eam l\u1ec7nh sau \u0111\u1ec3 l\u1ea5y v\u1ec1 <code>JQuery<\/code>, <code>popper.js<\/code><\/span><\/p>\n<pre class=\"prettyprint\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">npm install jquery\r\nnpm i popper.js\r\n<\/span><\/pre>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">k\u1ebft qu\u1ea3 l\u00e0 m\u00e3 ngu\u1ed3n c\u1ee7a c\u00e1c th\u01b0 vi\u1ec7n tr\u00ean \u0111\u01b0\u1ee3c t\u00edch h\u1ee3p v\u00e0o: <strong class=\"badge badge-danger\">1<\/strong> c\u00e0i \u0111\u1eb7t Bootstrap,<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><strong class=\"badge badge-danger\">2<\/strong> c\u00e0i \u0111\u1eb7t JQuery, popper.js,<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><strong class=\"badge badge-danger\">3<\/strong> N\u01a1i l\u01b0u m\u00e3 ngu\u1ed3n th\u01b0 vi\u1ec7n t\u1ea3i v\u1ec1<\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/xuanthulabnet\/learn-cs-netcore\/master\/imgs\/cs042.png\" alt=\"\" \/><\/span><\/p>\n<h2 class=\"display-4 text-danger font20 p-0 m-0\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">S\u1eed d\u1ee5ng BuildBundlerMinifier<\/span><\/h2>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">C\u00e1c th\u01b0 vi\u1ec7n tr\u00ean, m\u00e3 c\u1ee7a ch\u00fang \u0111\u1ec1u ch\u1ee9a trong <code>node_modules<\/code>, \u0111\u1ec3 s\u1eed d\u1ee5ng ta c\u00f3 th\u1ec3 c\u1ea7n copy c\u00e1c file js,css v\u00e0o th\u01b0 m\u1ee5c trong <code>wwwroot<\/code>, \u0111\u1ec3 l\u00e0m \u0111i\u1ec1u \u0111\u00f3 m\u1ed9t c\u00e1ch t\u1ef1 \u0111\u1ed9ng th\u00ec d\u00f9ng \u0111\u1ebfn BuildBundlerMinifier<\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><code>BuildBundlerMinifier<\/code> l\u00e0 c\u00f4ng c\u1ee5 \u0111\u00f3ng g\u1ecdi v\u00e0 t\u1ed1i \u01b0u k\u00edch th\u01b0\u1edbc cho JS, CSS, HTML. N\u00f3 l\u00e0 m\u1ed9t package c\u00e0i th\u00eam cho VSC (trong Visual Studio c\u00f3 s\u1eb5n)<\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">H\u00e3y g\u00f5 l\u1ec7nh sau \u0111\u1ec3 thi\u1ebft l\u1eadp :<\/span><\/p>\n<pre class=\"prettyprint\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">dotnet add package BuildBundlerMinifier<\/span><\/pre>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Gi\u1edd ta mu\u1ed1n, khi thi h\u00e0nh build th\u00ec BuildBundlerMinifier s\u1ebd copy <code>node_modules\/bootstrap\/dist\/js\/bootstrap.min.js <\/code>v\u00e0o <code>wwwroot\/js\/bootstrap.min.js<\/code> &#8230;<\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">T\u1ea1o file <code>bundleconfig.json<\/code> \u1edf th\u01b0 m\u1ee5c g\u1ed1c v\u00e0 c\u1eadp nh\u1eadt v\u00e0o n\u00f3 n\u1ed9i dung<\/span><\/p>\n<pre class=\"prettyprint lang-js\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">[\r\n    {\r\n      \"outputFileName\": \"wwwroot\/css\/bootstrap.min.css\",\r\n      \"inputFiles\": [\r\n        \"node_modules\/bootstrap\/dist\/css\/bootstrap.min.css\"\r\n      ]\r\n    },\r\n    {\r\n      \"outputFileName\": \"wwwroot\/js\/bootstrap.min.js\",\r\n      \"inputFiles\": [\r\n        \"node_modules\/bootstrap\/dist\/js\/bootstrap.min.js\"\r\n      ]\r\n    },\r\n    {\r\n      \"outputFileName\": \"wwwroot\/js\/jquery.min.js\",\r\n      \"inputFiles\": [\r\n        \"node_modules\/jquery\/dist\/jquery.min.js\"\r\n      ]\r\n    },\r\n    {\r\n      \"outputFileName\": \"wwwroot\/js\/popper.min.js\",\r\n      \"inputFiles\": [\r\n        \"node_modules\/popper.js\/dist\/popper.min.js\"\r\n      ],\r\n      \"minify\": {\r\n        \"enabled\": false,\r\n        \"renameLocals\": true\r\n      }\r\n\r\n    }\r\n]\r\n<\/span><\/pre>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Khi \u0111\u00e3 c\u00f3 file n\u00e0y, m\u1ed7i khi build d\u1ef1 \u00e1n B\u1ea5t \u0110\u1ed9ng S\u1ea3n, th\u00ec n\u00f3 s\u1ebd copy v\u00e0 minify nh\u1eefng file css, js cho b\u1ea1n .<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">S\u1eeda l\u1ea1i code c\u00f3 tr\u1ea3 v\u1ec1 trang v\u1edbi Bootstrap<\/span><\/p>\n<pre class=\"prettyprint lang-cs\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">   app.Run(async (context) =&gt;\r\n    {\r\n    string html = @\"\r\n               \r\n                    \r\n                    <script jquery.min.js\"\"=\"\" js=\"\" src=\"\"><\/script><script js=\"\" popper.min.js\"\"=\"\" src=\"\"><\/script><script bootstrap.min.js\"\"=\"\" js=\"\" src=\"\"><\/script>\r\n                <\/span><\/pre>\n<nav class=\"\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><br \/>\nBrand-Logo<br \/>\n<button class=\"\" type=\"\" aria-controls=\"\" aria-expanded=\"\" aria-label=\"\" data-target=\"\" data-toggle=\"\"><\/button><\/span><\/p>\n<div id=\"\" class=\"\">\n<ul class=\"\">\n<li style=\"list-style-type: none;\">\n<ul class=\"\">\n<li class=\"\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><br \/>\nTrang ch\u1ee7<br \/>\n<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul class=\"\">\n<li style=\"list-style-type: none;\">\n<ul class=\"\">\n<li class=\"\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><br \/>\nH\u1ecdc HTML<br \/>\n<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul class=\"\">\n<li style=\"list-style-type: none;\">\n<ul class=\"\">\n<li class=\"\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><br \/>\nG\u1eedi b\u00e0i<br \/>\n<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/div>\n<\/nav>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">\u0110\u00e2y l\u00e0 trang \u0111\u00e3 c\u00f3 Bootstrap<br \/>\n<\/span><\/p>\n<pre class=\"prettyprint lang-cs\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">\r\n                \r\n    \";\r\n    await context.Response.WriteAsync(html);\r\n    });<\/span><\/pre>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Ch\u1ea1y th\u1eed<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\"><img decoding=\"async\" src=\"https:\/\/raw.githubusercontent.com\/xuanthulabnet\/learn-cs-netcore\/master\/imgs\/cs043.png\" alt=\"\" \/><\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">N\u1ebfu mu\u1ed1n t\u00f9y bi\u1ebfn h\u01a1n, s\u1eed d\u1ee5ng SASS, build javascript &#8230; ho\u00e0n to\u00e0n c\u00f3 th\u1ec3 s\u1eed d\u1ee5ng Grunt : s\u1eed d\u1ee5ng grunt<\/span><\/p>\n<p class=\"font20 alert alert-danger\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">M\u00e3 ngu\u1ed3n<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">ASP_NET_CORE\/01.helloworld<\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">ho\u1eb7c t\u1ea3i v\u1ec1 ex047<\/span><\/p>\n<div style=\"margin-bottom: 15px; margin-top: 15px;\">\n<p style=\"padding: 20px; background: #eaf0ff;\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Xem th\u00eam: <a title=\"C\u00e1ch t\u1ea1o website c\u00e1 nh\u00e2n mi\u1ec5n ph\u00ed cho ng\u01b0\u1eddi kh\u00f4ng bi\u1ebft code\" href=\"https:\/\/migoda.vn\/xay-dung-website-ca-nhan-1648205982\" target=\"_blank\" rel=\"bookmark noopener\">C\u00e1ch t\u1ea1o website c\u00e1 nh\u00e2n mi\u1ec5n ph\u00ed cho ng\u01b0\u1eddi kh\u00f4ng bi\u1ebft code<\/a><\/span><\/p>\n<\/div>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">\u0110\u0102NG K\u00dd K\u00caNH, XEM C\u00c1C VIDEO TR\u00caN XUANTHULAB<\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">\u0110\u0103ng k\u00fd nh\u1eadn b\u00e0i vi\u1ebft m\u1edbi<\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Xem th\u00eam:\u00a0<a href=\"https:\/\/giaidieu.com\/blog\/10-buoc-de-kinh-doanh-online-thanh-cong-cho-nguoi-moi-bat-dau\" target=\"_blank\" rel=\"nofollow noopener\">10 b\u01b0\u1edbc \u0111\u1ec3 kinh doanh online th\u00e0nh c\u00f4ng cho ng\u01b0\u1eddi m\u1edbi b\u1eaft \u0111\u1ea7u<\/a><\/span><\/p>\n<p><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Ngu\u1ed3n: Xuanthulab.net<\/span><\/p>\n<\/div>\n<div style=\"margin-bottom: 15px; margin-top: 15px;\">\n<p style=\"padding: 20px; background: #eaf0ff;\"><span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Source: <a title=\"https:\/\/migoda.vn\" href=\"https:\/\/migoda.vn\/\" target=\"_blank\" rel=\"bookmark noopener\">https:\/\/migoda.vn<\/a> <\/span><br \/>\n<span style=\"font-size: 130%; font-family: 'times new roman', times, serif;\">Category: <a title=\"SEO Website\" href=\"https:\/\/migoda.vn\/category\/thong-tin-huu-ich\/seo\" target=\"_blank\" rel=\"bookmark noopener\">SEO Website<\/a><\/span><\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>T\u1ea1o \u1ee9ng d\u1ee5ng trang web \u0111\u1ea7u ti\u00ean C# CSharp ASP.NET Core 3.x ASP.NET Core l\u00e0 m\u1ed9t Framework ngu\u1ed3n m\u1edf, \u0111a n\u1ec1n t\u1ea3ng x\u00e2y d\u1ef1ng tr\u00ean .NET Core d\u00e0nh cho vi\u1ec7c&hellip;<\/p>\n","protected":false},"author":1,"featured_media":5280,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"om_disable_all_campaigns":false,"_mi_skip_tracking":false,"footnotes":""},"categories":[26],"tags":[145],"_links":{"self":[{"href":"https:\/\/migoda.vn\/blog\/wp-json\/wp\/v2\/posts\/2035"}],"collection":[{"href":"https:\/\/migoda.vn\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/migoda.vn\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/migoda.vn\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/migoda.vn\/blog\/wp-json\/wp\/v2\/comments?post=2035"}],"version-history":[{"count":0,"href":"https:\/\/migoda.vn\/blog\/wp-json\/wp\/v2\/posts\/2035\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/migoda.vn\/blog\/wp-json\/wp\/v2\/media\/5280"}],"wp:attachment":[{"href":"https:\/\/migoda.vn\/blog\/wp-json\/wp\/v2\/media?parent=2035"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/migoda.vn\/blog\/wp-json\/wp\/v2\/categories?post=2035"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/migoda.vn\/blog\/wp-json\/wp\/v2\/tags?post=2035"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}