ASP.Net MVC 5 Hosting – JaringanHosting :: Memulai Hosting IIS dan Publikasi MVC 5

Kali ini kami akan berbagi Artikel yang menjelaskan mengenai cara untuk meng-host App MVC 5 Anda di IIS Express dan menyimpan data dan informasi dalam database yang dibuat di SQL Server.  IIS Express sendiri merupakan versi ringan dari IIS, yang tersedia sebagai Server freeware mandiri dan dapat diinstal pada Windows XP sp3 atau versi lebih baru dari Microsoft Windows. IIS 7.5 Express hanya mendukung Protokol HTTP dan HTTPS. IIS Express dapat didownload secara terpisah atau sebaga bagian dari WebMatrix

IIS Hosting - JaringanHosting Indonesia

Pengantar

Artikel ini menjelaskan cara untuk meng-host App MVC 5 Anda di IIS Express dan menyimpan data dan informasi dalam database yang dibuat di SQL Server. Visual Studio menggunakan ASP.NET Development Server sebagai default dan di sini saya menggunakan IIS Server untuk hosting MVC 5 App. Seperti yang Anda tahu, dalam Visual Studio 2013 Preview Aplikasi Web ASP.NET menggunakan proyek template MVC5 dan MVC5 menggunakan tema Bootstrap untuk menampilkan aplikasi, jadi di sini saya menggunakan Visual Studio 2013 Preview untuk mengembangkan aplikasi yang menggunakan proyek Template MVC .

Prasyarat

Berikut ini adalah persyaratan yang anda butuhkan untuk mengembangkan aplikasi MVC 5:

  • Visual Studio 2013 Preview
  • SQL Server 2008 atau 2012

Membuat MVC 5 Aplikasi

Mari kita mulai untuk mengembangkan aplikasi di MVC 5 menggunakan prosedur berikut.

  1. Langkah 1: Buka Visual Studio 2013 Preview
    VisualStudio-in-mvc5
  2. Langkah 2: Klik pada “New Project” dan masukkan nama aplikasi.
    IIS Hosting - JaringanHosting.com
  3. Langkah 3: Pilih MVC project template untuk membuat proyek.
    Windows Hosting - JaringanHosting.com
  4. Langkah 4: Dalam Solution Explorer anda, buka file web.config.
    Seperti yang Anda lihat, the connection property tersedia pada file saya:
    Sekarang, ubahlah kode di atas seperti yang ditunjukkan di bawah ini:
    Windows Hosting-JaringanHosting.com
  5. Langkah 5: Debug aplikasi Anda dan klik pada “Register Link” seperti gambar dibawah ini:
  6. Langkah 6: Masukkan rincian dan klik pada tombol “Register”.
    Details
    Anda akan melihat UserName Anda di pada halaman berikutnya:
    HomePage-in-MVC5

Verifikasi di SQL Server 2012

Seperti yang anda lihat, saya tidak membuat database atau tabel apapun dalam saya SQL Server 2012. Ketika saya menyatakan connection string,  maka database dan table akan dibuat secara otomatis di SQL Server saya. Anda tidak perlu khawatir tentang itu.

inilah database saya pada SQL Server Object Explorer.
ObjectExplorer

Pilih database Anda dan buka User Table. Anda dapat melihat informasi pengguna seperti yang ditunjukkan di bawah ini:

UsersTable

Publish Aplikasi

Langkah berikutnya adalah hosting di IIS 8 (IIS Express). Untuk itu gunakan prosedur berikut:

      1. Langkah 1: Dalam Solution Explorer Anda pilih proyek Anda, klik kanan lalu pilih Publish.
        SolutionExplorer
      2. Langkah 2: Pilih NewProfile dan klik Next seperti yang ditunjukkan di bawah ini:
        NewProfile-in-Publish
      3. Langkah 3: Masukkan Profile name dan klik OK.
        Profile-in-publish
      4. Langkah 4: Pilih File System pada Publish Metode dan pilih lokasi pilihan Anda di Target Folder.TargetLocation3-in-publish
      5. Langkah 5: Pilih Rilis pada Konfigurasi di jendela berikutnya dan klik “Next”.
        Release-in-Publish
      6. Langkah 6: Klik “Publish” di wizard berikutnya.
        Publish-in-Publish
        Anda akan melihat bahwa aplikasi akan berhasil diterbitkan.
        PublishSucceeded

 

IIS host

Buka Internet Information Services (IIS) Manager dan ikuti prosedur yang diberikan di bawah ini.

      1. Langkah 1: Pilih Profil Anda di Site default.
        ConverttoApplication
      2. Langkah 2: Cukup klik “OK” pada wizard Add Application berikutnya.
        AddApp-in-IIS
      3. Langkah 3: Pastikan Anda Default Site Status Dimulai pada Application Pools.
        AppPool-in-IIS
      4. Langkah 4: Klik kanan Profile Anda, Pilih Browse di Manage Application.
        AdvanceSettings-in-Apppool
      5. Langkah 5: Anda akan melihat kesalahan seperti “This Operation requires IIS integrated pipeline mode” pada browser Anda.
        IISPipelineMode
        Catatan: janganlah menutup browser.
      6. Langkah 6: Pilih “Advanced Settings” dari situs Anda pada Application Pool dengan mengklik kanan dan memilih “Advanced Settings”.
        AdvanceSettings-in-Apppool
      7. Langkah 7: Pilih Integrated in the Managed Pipeline Mode.
        Integrated
      8. Langkah 8: Reload browser anda maka anda akan melihat Halaman depan.
        HomePage-by-IIS
      9. Langkah 9: Sekarang klik pada “Register” dan memasukkan rincian.Register-in-IIS
      10. Langkah 10: Setelah register anda bisa login.
        Login
        HelloSumit

Itu saja.

Ringkasan

Sejauh ini, artikel ini akan membantu Anda untuk belajar membuat aplikasi MVC 5 untuk menyimpan data dan informasi di SQL Server secara langsung dan Anda tidak perlu khawatir tentang pembuatan  database secara manual. Dengan artikel ini Anda juga dapat belajar mempublikasikan artikel Anda dan mem-browse aplikasi Anda dari IIS Manager dan aplikasi akan berjalan di IIS Server.

 

nopCommerce Hosting – JaringanHosting :: Costumisasi Halaman Depan Pada nopCommerce

Jika anda ingin menjaga keseluruhan halaman pada project nopCommerce, anda tetap harus mengatur ulang default page untuk mengijinkan berbagaikeperluan bisnis berbeda, dengan nopCommerce widget support hal tersebut menjadi lebih muda

Untuk cara ini, kita membutuhkan visual studio sebagai persyaratan, pertama tama masuk ke folder “themes” pada Nop.Web, setelah itu pada folder teama yang anada pilih buka Views>Home?index.cshtml. buka filenya dan mulai cek code anda

nopCommerce Hosting - JaringanHosting

Anda akan menyadari banyak kode html terpisahkan dengan C# actions, dan C# action yang paling menarik adalah

  • Widgets: @Html.Action(“WidgetsByZone”, “Widget”, new { widgetZone = “home_page_top” })
  • Topics: @Html.Action(“TopicBlock”, “Topic”, new { systemName = “fpHatshape” })
  • News: @Html.Action(“HomePageNews”, “News”)

WidgetsByZone adalah zona dimana widget ditugaskan pada area admin di nopCommerce, pindahkan action ke widgetZone,  anda akan memindahkan tempat widget itu tampil

Topics: anda dapat membuat topic dalam administration section di dalam sebuah situs, setelah itu gunakan code baris berikut untuk menjelaskan dimana  tampilan dari topic tersebut

News: langkah yang paling baik untuk menjelaskan mengenai berita terbaru dari situs ecommerce yang akan ditampilkan,

Perhatikan kode diantara baris tersebut; buka stylesheet di dalam folder tema css, perhatikan bagaimana code dan cssnya saling terhubung, anda dapat menggunakan file kombinasi ini untuk membuar layout original seluruhnya untuk nopCommerce berbasis toko. Mulailah bereksperimen agar anda lebih memahami apa yang anda lakukan.