{"id":2618,"date":"2016-04-11T13:05:34","date_gmt":"2016-04-11T13:05:34","guid":{"rendered":"http:\/\/www.rezafaisal.net\/?p=2618"},"modified":"2016-04-13T01:46:14","modified_gmt":"2016-04-13T01:46:14","slug":"asp-net-core-1-0-installation-on-windows-platform","status":"publish","type":"post","link":"https:\/\/www.rezafaisal.net\/?p=2618","title":{"rendered":"ASP.NET Core 1.0: Installation on Windows Platform"},"content":{"rendered":"<p>Sebagai mana yang telah diketahui di <a title=\"http:\/\/www.rezafaisal.net\/?p=2223\" href=\"http:\/\/www.rezafaisal.net\/?p=2223\">http:\/\/www.rezafaisal.net\/?p=2223<\/a> bahwa ASP.NET 5 yang rencananya menjadi lanjutan dari ASP.NET 4.6, berganti nama menjadi ASP.NET Core 1.0.<\/p>\n<p>Nah jika tidak sabar ingin segera menggunakan ASP.NET Core 1.0 ini maka bisa mengunjungi halaman berikut ini <a title=\"https:\/\/get.asp.net\/OtherDownloads\" href=\"https:\/\/get.asp.net\/OtherDownloads\">https:\/\/get.asp.net\/OtherDownloads<\/a>, untuk mengunduh \u201cinstaller\u201d-nya yang telah tersedia untuk 3 platform yaitu: Windows, Linux dan Mac. Berikut ini diperlihatkan bagaimana installasi ASP.NET Core 1.0.<\/p>\n<p>Pada platform Windows installasi dapat dilakukan dengan Visual Studio atau dari command-line.<\/p>\n<p>{<em><strong>Installasi dari Command Line<\/strong><\/em>}<\/p>\n<p>Untuk installasi dengan command-line maka pastikan komputer yang digunakan telah tersambung dengan koneksi internet kemudian jalankan perintah CMD dan sebaiknya dijalankan dengan opsi \u201cRun as administrator\u201d.<\/p>\n<p><a href=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/11.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border: 0px;\" title=\"11\" src=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/11_thumb.jpg\" alt=\"11\" width=\"300\" height=\"258\" border=\"0\" \/><\/a><\/p>\n<p>Pada command promt jalankan perintah berikut ini:<\/p>\n<div id=\"codeSnippetWrapper\" style=\"font-size: 8pt; overflow: auto; cursor: text; font-family: 'Courier New', courier, monospace; width: 97.5%; direction: ltr; text-align: left; margin: 20px 0px 10px; line-height: 12pt; max-height: 200px; background-color: #f4f4f4; border: silver 1px solid; padding: 4px;\">\n<pre id=\"codeSnippet\" style=\"font-size: 8pt; overflow: visible; font-family: 'Courier New', courier, monospace; width: 100%; color: black; direction: ltr; text-align: left; margin: 0em; line-height: 12pt; background-color: #f4f4f4; border-style: none; padding: 0px;\">@powershell -NoProfile -ExecutionPolicy unrestricted -Command <span style=\"color: #006080;\">\"&amp;{iex ((new-object net.webclient).DownloadString('https:\/\/dist.asp.net\/dnvm\/dnvminstall.ps1'))}\"<\/span><\/pre>\n<p>&nbsp;<\/p>\n<\/div>\n<p>Maka akan dapat dilihat proses seperti gambar di bawah ini.<\/p>\n<p><a href=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/01.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border: 0px;\" title=\"01\" src=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/01_thumb.jpg\" alt=\"01\" width=\"550\" height=\"227\" border=\"0\" \/><\/a><\/p>\n<p>Selanjutnya mengeksekusi perintah dnvm untuk melihat daftar opsi dari perintah ini (klik gambar untuk melihat ukuran yang lebih besar).<\/p>\n<p><a href=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/06.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border: 0px;\" title=\"06\" src=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/06_thumb.jpg\" alt=\"06\" width=\"550\" height=\"344\" border=\"0\" \/><\/a><\/p>\n<p>Dari opsi yang tersedia dapat dieksekusi perintah dnvm dengan opsi seperti berikut ini:<\/p>\n<div id=\"codeSnippetWrapper\" style=\"font-size: 8pt; overflow: auto; cursor: text; font-family: 'Courier New', courier, monospace; width: 97.5%; direction: ltr; text-align: left; margin: 20px 0px 10px; line-height: 12pt; max-height: 200px; background-color: #f4f4f4; border: silver 1px solid; padding: 4px;\">\n<pre id=\"codeSnippet\" style=\"font-size: 8pt; overflow: visible; font-family: 'Courier New', courier, monospace; width: 100%; color: black; direction: ltr; text-align: left; margin: 0em; line-height: 12pt; background-color: #f4f4f4; border-style: none; padding: 0px;\">dnvm upgrade -r coreclr<\/pre>\n<p>&nbsp;<\/p>\n<\/div>\n<p>Kemudian akan dapat dilihat proses seperti berikut ini.<\/p>\n<p><a href=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/09.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border: 0px;\" title=\"09\" src=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/09_thumb.jpg\" alt=\"09\" width=\"550\" height=\"346\" border=\"0\" \/><\/a><\/p>\n<p>Setelah proses download dan installasi runtime telah berhasil maka akan dapat dilihat output seperti gambar di bawah ini.<\/p>\n<p><a href=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/10.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border: 0px;\" title=\"10\" src=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/10_thumb.jpg\" alt=\"10\" width=\"550\" height=\"158\" border=\"0\" \/><\/a><\/p>\n<p>{<em><strong>Installasi dengan Visual Studio<\/strong><\/em>}<\/p>\n<p>Selanjutnya jika ingin menginstall dengan Visual Studio maka installernya dapat diunduh terlebih dahulu file exe yang ada pada link berikut ini <a title=\"https:\/\/get.asp.net\/OtherDownloads\" href=\"https:\/\/get.asp.net\/OtherDownloads\">https:\/\/get.asp.net\/OtherDownloads<\/a> atau <a title=\"https:\/\/go.microsoft.com\/fwlink\/?LinkId=627627\" href=\"https:\/\/go.microsoft.com\/fwlink\/?LinkId=627627\">https:\/\/go.microsoft.com\/fwlink\/?LinkId=627627<\/a>, file yang diunduh saat posting ini ditulis adalah AspNet5.ENU.RC1_Update1_KB3137909.exe.\u00a0 Proses installasi akan dimulai jika file tersebut dieksekusi dengan klik double<\/p>\n<p><a href=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/02.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border: 0px;\" title=\"02\" src=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/02_thumb.jpg\" alt=\"02\" width=\"400\" height=\"247\" border=\"0\" \/><\/a><\/p>\n<p>Installasi yang pertama dilakukan adalah installasi runtime .NET core.<\/p>\n<p><a href=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/03.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border: 0px;\" title=\"03\" src=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/03_thumb.jpg\" alt=\"03\" width=\"400\" height=\"247\" border=\"0\" \/><\/a><\/p>\n<p>Kemudian dilanjutkan dengan installasi Microsoft ASP.NET and Web Tools 2015.1 (RC1 Update 1) \u2013 Visual Studio.\u00a0 Paket ini merupakan web tool yang terintegrasi dengan Visual Studio yang telah terinstall pada komputer.<\/p>\n<p><a href=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/04.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border: 0px;\" title=\"04\" src=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/04_thumb.jpg\" alt=\"04\" width=\"400\" height=\"247\" border=\"0\" \/><\/a><\/p>\n<p>Setelah proses installasi selesai maka template project ASP.NET Core 1.0 akan dapat digunakan pada Visual Studio.\u00a0 Untuk melihat bagaimana membuat dan menjalankan project ASP.NET Core 1.0 pada Visual Studio maka pada Visual Studio 2015 dapat dipilih link New Project pada Start Page berikut ini.<\/p>\n<p><a href=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/12.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border: 0px;\" title=\"12\" src=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/12_thumb.jpg\" alt=\"12\" width=\"550\" height=\"323\" border=\"0\" \/><\/a><\/p>\n<p>Atau pada menu pilih File &gt; New &gt; Project kemudian pada window New Project pilih C# &gt; Web &gt; ASP.NET Web Application, kemudian berikan nama project sebagai contoh adalah ASPNETCore.Web kemudian klik tombol OK.<\/p>\n<p><a href=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/13.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border: 0px;\" title=\"13\" src=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/13_thumb.jpg\" alt=\"13\" width=\"550\" height=\"351\" border=\"0\" \/><\/a><\/p>\n<p>Nah \u2026 mana template ASP.NET Core 1.0? Sebagai informasi saat ini nama pada template masih bernama ASP.NET 5 Template, sehingga di sini kita pilih salah satu dari template tersebut.\u00a0 Pada posting ini akan dipilih Web Application kemudian klik tombol OK.<\/p>\n<p><a href=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/14.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border: 0px;\" title=\"14\" src=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/14_thumb.jpg\" alt=\"14\" width=\"550\" height=\"429\" border=\"0\" \/><\/a><\/p>\n<p>Maka akan dapat dilihat tampilan berikut ini.<\/p>\n<p><a href=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/15.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border: 0px;\" title=\"15\" src=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/15_thumb.jpg\" alt=\"15\" width=\"550\" height=\"328\" border=\"0\" \/><\/a><\/p>\n<p>Untuk menjalankannya cukup klik kanan pada src &gt; ASPNETCore.Web kemudian klik kanan dan pilih Debug &gt; Start new instance dan akan dijalankan web browser dengan tampilan seperti berikut ini.<\/p>\n<p><a href=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/16.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border: 0px;\" title=\"16\" src=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/16_thumb.jpg\" alt=\"16\" width=\"550\" height=\"325\" border=\"0\" \/><\/a><\/p>\n<p>Pada contoh project ini tersedia fitur untuk registrasi user dan login.<\/p>\n<p><a href=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/17.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border: 0px;\" title=\"17\" src=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/17_thumb.jpg\" alt=\"17\" width=\"550\" height=\"213\" border=\"0\" \/><\/a><\/p>\n<p>Sebelum melakukan proses registrasi maka terlebih dahulu jalankan perintah berikut ini pada command prompt dengan lokasi direktori aktif di folder project ASPNETCore.Web:<\/p>\n<div id=\"codeSnippetWrapper\" style=\"font-size: 8pt; overflow: auto; cursor: text; font-family: 'Courier New', courier, monospace; width: 97.5%; direction: ltr; text-align: left; margin: 20px 0px 10px; line-height: 12pt; max-height: 200px; background-color: #f4f4f4; border: silver 1px solid; padding: 4px;\">\n<pre id=\"codeSnippet\" style=\"font-size: 8pt; overflow: visible; font-family: 'Courier New', courier, monospace; width: 100%; color: black; direction: ltr; text-align: left; margin: 0em; line-height: 12pt; background-color: #f4f4f4; border-style: none; padding: 0px;\">dnx ef database update<\/pre>\n<p>&nbsp;<\/p>\n<\/div>\n<p>Maka setelah proses register selesai secara otomatis user tersebut langsung dapat login dan mengakses halaman seperti berikut.<\/p>\n<p><a href=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/18.jpg\"><img loading=\"lazy\" decoding=\"async\" style=\"background-image: none; padding-top: 0px; padding-left: 0px; display: inline; padding-right: 0px; border: 0px;\" title=\"18\" src=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/18_thumb.jpg\" alt=\"18\" width=\"550\" height=\"188\" border=\"0\" \/><\/a><\/p>\n<p>{<em><strong>Self Hosting Aplikasi Web ASP.NET 1.0<\/strong><\/em>}<\/p>\n<p>Bagaimana jika ingin menjalankan ingin menjalankan project tersebut dengan command-line? Untuk menjalankan web project tersebut pada command-line maka jalankan CMD (command prompt) kemudian ubah working direktori di folder tempat ASPNETCore.Web disimpan, sebagai contoh seperti pada gambar di bawah ini.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-2622\" src=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/01-1.jpg\" alt=\"01\" width=\"550\" srcset=\"https:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/01-1.jpg 1333w, https:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/01-1-300x229.jpg 300w, https:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/01-1-1024x783.jpg 1024w, https:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/01-1-118x90.jpg 118w\" sizes=\"(max-width: 1333px) 100vw, 1333px\" \/><\/p>\n<p>Kemudian ketikan perintah : dnu restore untuk mengunduh dan menginstall paket-paket yang dibutuhkan.<\/p>\n<p><a href=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/02-1.jpg\"><img decoding=\"async\" class=\"alignnone size-full wp-image-2623\" src=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/02-1.jpg\" alt=\"02\" width=\"550\" srcset=\"https:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/02-1.jpg 1555w, https:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/02-1-300x196.jpg 300w, https:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/02-1-1024x670.jpg 1024w, https:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/02-1-138x90.jpg 138w, https:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/02-1-430x280.jpg 430w\" sizes=\"(max-width: 1555px) 100vw, 1555px\" \/><\/a><\/p>\n<p>Selanjutnya ketik perintah: dnx web untuk menjalakan proses self hosting.<\/p>\n<p><a href=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/03-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2624\" src=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/03-1.jpg\" alt=\"03\" width=\"550\" height=\"255\" srcset=\"https:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/03-1.jpg 1558w, https:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/03-1-300x139.jpg 300w, https:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/03-1-1024x475.jpg 1024w, https:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/03-1-194x90.jpg 194w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>Dari gambar di atas dapat dilihat bahwa web telah dapat diakses pada alamat http:\/\/localhost:5000.<\/p>\n<p><a href=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/04-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2625\" src=\"http:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/04-1.jpg\" alt=\"04\" width=\"550\" height=\"367\" srcset=\"https:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/04-1.jpg 2073w, https:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/04-1-300x200.jpg 300w, https:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/04-1-1024x684.jpg 1024w, https:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/04-1-135x90.jpg 135w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n<p>Sekian proses installasi ASP.NET Core 1.0 pada platform Windows.<\/p>\n<p>Selamat mencoba.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Sebagai mana yang telah diketahui di http:\/\/www.rezafaisal.net\/?p=2223 bahwa ASP.NET 5 yang rencananya menjadi lanjutan dari ASP.NET 4.6, berganti nama menjadi ASP.NET Core 1.0. Nah jika tidak sabar ingin segera menggunakan ASP.NET Core 1.0 ini maka bisa mengunjungi halaman berikut ini&hellip;<\/p>\n","protected":false},"author":1,"featured_media":2611,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"jetpack_post_was_ever_published":false,"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[6],"tags":[68],"class_list":["post-2618","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-softwaredev","tag-asp-net"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/www.rezafaisal.net\/wp-content\/uploads\/2016\/04\/15_thumb.jpg","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p1sNAL-Ge","_links":{"self":[{"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/posts\/2618","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2618"}],"version-history":[{"count":6,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/posts\/2618\/revisions"}],"predecessor-version":[{"id":2679,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/posts\/2618\/revisions\/2679"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=\/wp\/v2\/media\/2611"}],"wp:attachment":[{"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2618"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2618"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.rezafaisal.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2618"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}