Mengenal Route Di Asp.Net Core - Seri Berguru Asp.Net Core Mvc

ASP.Net Core MVC - Seri Tutorial Belajar ASP.Net Ini ialah artikel pertama seri berguru asp.net core mvc, pada sebelum nya aku sudah menciptakan artikel wacana asp.net core course session 1 dan 2,
pada link ini,  hanya saja pada tutorial itu aku masih memakai asp.net core version 1.0.0.

Sedangkan pada tutorial kali ini aku memakai .net core version 1.0.4, dan ada beberapa perubahan di .net core version ini dari version sebelum nya. Tapi aku tidak akan membahasa wacana itu. Pada tutorial kali ini aku akan membahas cara menciptakan aplikasi asp.net core mvc dan mengenal route pada asp.net core mvc.

Pada tutorial ini, pastikan anda sudah install .net core dan juga editor untuk menciptakan aplikasi asp.net core, di sini aku memakai editor visual studio code untuk menjalan kan asp.net core. so, mari mulai seri tutorial ini.

1. Buat sebuah folder dengan nama WebApps yang nanti nya akan menjadi folder untuk aplikasi latihan pada seri tutorial kali ini.

2. Buka aplikasi editor visual studio atau editor anda ( dapat memakai visual studio community )

3. Buka folder yang tadi di buat, dengan cara open folder

4. Setelah folder di open, Pada editor visual studio code type ctrl + ` untuk membuka terminal pada visual studio code

5. Lalu buat aplikasi asp.net core mvc dengan ketik dotnet new mvc --auth none kemudian tekan enter
notes : dengan mengetik dotnet new mvc, artinya anda menciptakan sebuah project dotnet mvc,
--auth none artinya module authentication tidak di generate sebab secara default, dotnet akan menciptakan modul authentication.

6. Perhatikan pada belahan folder, sudah tergenerat file file secara otomatis pada ketika create new project asp.net core

7. Sebelum menjalan kan aplikasi asp.net core yang sudah di generate, kita harus melaksanakan restore package yang di setting di dalam file namaproject.csproj anda

Dan pada step ini, pastikan bahwa connection internet anda ada, dan dapat di gunakan, sebab pada step ini file project akan restore package dari internet. Cara nya ketik dotnet restore

Saya akan menjelaskan beberapa file yang penting untuk di ketahui :

Folder Controller, folder ini berisi file file controller aplikasi.
Folder Views, fodler ini berisi file file view aplikasi yang akan di tampilkan di halaman web.
File namaprojectanda.csproj, file ini berisi file setting, termasuk package package yang akan di gunakan pada project yang anda buat.

File appsettings.json, file ini berisi setting aplikasi anda juga, dan biasanya untuk setting connection database di dalam file ini.
File Startup.cs, file ini berisi konfigurasi aplikasi asp.net core.
Folder wwwroot, berisi file file untuk design, menyerupai css, javascript dan images.

Baik lanjut ke step selanjutnya :

8. Setelah proses restore tanggapan ketik dotnet run, untuk mmenjalankan aplikasi asp.net core yang di buat. maka akan muncul pesan menyerupai ini, jikalau tidak terjadi error,

Hosting environment: Production 
Content root path: D:folder 
aplikasi Now listening on: http://localhost:5000 
Application started. 
Press Ctrl+C to shut down. 

9.Buka browser dan ketik kan http://localhost:5000 dan aplikasi akan tampil hingga dengan ketika ini aplikasi sudah berhasil di buat.

Route Pada ASP.Net Core 

Kemudian di step selanjutnya, mari mengenal route pada asp.net core. cari file _Layout.cshtml pada folder Views -> Shared ( File ini ialah file frame aplikasi asp.net core )

Perhatikan pada asp-controller="Home" asp-action="Index" ini artinya controller yang akan menjadi handler request pada ketika hidangan ini di klik ialah adalah Controller Home dan Method yang di panggil ialah Index, Silahkan buka fole HomeController.cs pada folder Controllers dan perhatikan method index, di dalam method tersebut response nya ialah return View();

Ini artinya view yang di panggil ialah view yang berada di folder Views -> folder dengan nama yang sama dengan nama controller nya ( di case ini nama nya ialah Home ) dan file yang di panggil ialah file dengan nama yang sama menyerupai nama method nya ( dalam case ini nama method nya ialah index ).

Untuk merubah view yang menjadi response, maka nama view tersebut harus di set di dalam reture tersebut menjadi return View("nama custom view"); dan jangan lupa untuk menciptakan file view dengan nama yang gres tersebut dan simpan dai dalam fodler views yang sama dengan nama controller nya.

Seri pertama pembuatan aplikasi asp.net core mvc dan pengenalan route pada aplikasi asp.net core sudah selesai, kita akan ketemu lagi di seri tutorial kedua

Bagikan Artikel ini