Bagikan melalui

Menyebarkan situs Anda menggunakan Visual Studio (VB)

oleh Scott Mitchell

Unduh PDF

Visual Studio menyertakan alat untuk menyebarkan situs web. Pelajari selengkapnya tentang alat-alat ini dalam tutorial ini.

Pengantar

Tutorial sebelumnya melihat cara menyebarkan aplikasi web ASP.NET sederhana ke penyedia host web. Secara khusus, tutorial menunjukkan cara menggunakan klien FTP seperti FileZilla untuk mentransfer file yang diperlukan dari lingkungan pengembangan ke lingkungan produksi. Visual Studio juga menawarkan alat bawaan untuk memfasilitasi penyebaran ke penyedia host web. Tutorial ini memeriksa dua alat ini: alat Salin Situs Web, tempat Anda dapat memindahkan file ke dan dari server web jarak jauh menggunakan Ekstensi Server FTP atau FrontPage; dan alat Terbitkan, yang menyalin seluruh situs web ke lokasi tertentu.

Catatan

Alat terkait penyebaran lain yang ditawarkan oleh Visual Studio adalah Add-In Proyek Penyiapan Web . Proyek Penyiapan Web mengemas konten situs web dan informasi konfigurasi ke dalam satu file MSI. Opsi ini paling berguna untuk situs web yang disebarkan dalam intranet atau untuk perusahaan yang menjual aplikasi web pra-paket yang diinstal pelanggan di server web mereka sendiri. Proyek Penyebaran Web Add-In adalah Add-In Visual Studio yang memfasilitasi penentuan perbedaan konfigurasi antara build untuk lingkungan pengembangan dan lingkungan produksi. Proyek Penyiapan Web tidak dibahas dalam seri tutorial ini; Proyek Penyebaran Web dirangkum dalam tutorial Perbedaan Konfigurasi Umum Antara Pengembangan dan Produksi .

Menyebarkan Situs Anda Menggunakan Alat Salin Situs Web

Alat Situs Web Salin Visual Studio mirip dengan fungsionalitas klien FTP yang berdiri sendiri. Singkatnya, alat Salin Situs Web memungkinkan Anda untuk terhubung ke situs web jarak jauh melalui Ekstensi Server FTP atau FrontPage. Mirip dengan antarmuka pengguna FileZilla, antarmuka pengguna Salin Situs Web terdiri dari dua panel: panel kiri mencantumkan file lokal sementara panel kanan mencantumkan file tersebut di server tujuan.

Catatan

Alat Salin Situs Web hanya tersedia untuk Proyek Situs Web. Visual Studio memang menawarkan alat ini saat Anda bekerja dengan Proyek Aplikasi Web.

Mari kita lihat menggunakan alat Salin Situs Web untuk menerbitkan aplikasi Ulasan Buku ke produksi. Karena alat Salin Situs Web hanya berfungsi dengan proyek yang menggunakan model Proyek Situs Web, kami hanya dapat memeriksa menggunakan alat ini dengan proyek BookReviewsWSP. Buka proyek itu.

Luncurkan proyek alat Salin Situs Web dengan mengklik ikon Salin Situs Web di Penjelajah Solusi (ikon ini dilingkari di Gambar 1); atau, Anda dapat memilih opsi Salin Situs Web dari menu Situs Web. Salah satu pendekatan meluncurkan antarmuka pengguna Salin Situs Web yang ditunjukkan pada Gambar 1; hanya panel kiri di Gambar 1 yang diisi karena kita belum tersambung ke server jarak jauh.

Antarmuka Pengguna Salin Alat Situs Web Dibagi Menjadi Dua Panel

Gambar 1: Antarmuka Pengguna Salin Alat Situs Web Dibagi Menjadi Dua Panel (Klik untuk melihat gambar ukuran penuh)

Untuk menyebarkan situs kami, pertama-tama kita perlu terhubung ke penyedia host web. Klik tombol Sambungkan di bagian atas antarmuka pengguna Salin Situs Web. Ini menampilkan kotak dialog Buka Situs Web yang diperlihatkan dalam Gambar 2.

Anda dapat menyambungkan ke situs web tujuan dengan memilih salah satu dari empat opsi dari kiri:

  • Sistem File - pilih ini untuk menyebarkan situs Anda ke folder atau berbagi jaringan yang dapat diakses dari komputer Anda.
  • IIS Lokal - gunakan opsi ini untuk menyebarkan situs ke server web IIS yang terinstal di komputer Anda.
  • Situs FTP - sambungkan ke situs web jarak jauh menggunakan FTP.
  • Situs Jarak Jauh - sambungkan ke situs web jarak jauh menggunakan Ekstensi Server FrontPage.

Sebagian besar penyedia host web mendukung FTP, tetapi lebih sedikit yang menawarkan dukungan Ekstensi Server FrontPage. Untuk alasan itu, saya telah memilih opsi Situs FTP lalu memasukkan informasi koneksi seperti yang ditunjukkan pada Gambar 2.

Cuplikan layar dialog Buka Situs Web, yang memperlihatkan informasi koneksi diisi ke dalam bidang teks.

Gambar 2: Tentukan Situs Web Tujuan (Klik untuk melihat gambar ukuran penuh)

Setelah Anda tersambung, alat Salin Situs Web memuat file di situs jarak jauh di panel kanan dan menunjukkan status setiap file: Baru, Dihapus, Diubah, atau Tidak Berubah. Anda dapat menyalin file dari situs lokal ke situs jarak jauh, atau sebaliknya.

Mari kita tambahkan halaman baru ke proyek BookReviewsWSP lalu sebarkan sehingga kita dapat melihat alat Salin Situs Web beraksi. Buat halaman ASP.NET baru di Visual Studio di direktori akar bernama Privacy.aspx. Minta halaman menggunakan halaman Site.master master dan tambahkan kebijakan privasi situs Anda ke halaman ini. Gambar 3 memperlihatkan Visual Studio setelah halaman ini dibuat.

Tambahkan kode>Bernama <Halaman Baru Privacy.aspx</kode> ke Folder Akar Situs Web

Gambar 3: Tambahkan Halaman Baru Bernama Privacy.aspx ke Folder Akar Situs Web (Klik untuk melihat gambar ukuran penuh)

Selanjutnya, kembali ke antarmuka pengguna Salin Situs Web. Seperti yang ditunjukkan Gambar 4, panel kiri sekarang menyertakan file baru - Policy.aspx dan Policy.aspx.vb. Terlebih lagi, file-file ini ditandai dengan ikon panah dan Status Baru, menunjukkan bahwa file tersebut ada di situs lokal tetapi tidak di situs jarak jauh.

Alat Salin Situs Web Menyertakan kode baru <>Privacy.aspx</kode> Halaman di Panel Kirinya

Gambar 4: Alat Salin Situs Web Menyertakan Halaman Baru Privacy.aspx di Panel Kirinya (Klik untuk melihat gambar ukuran penuh)

Untuk menyebarkan file baru pilih file tersebut, lalu klik ikon panah untuk mentransfernya ke situs jarak jauh. Setelah transfer selesai Policy.aspx , file dan Policy.aspx.vb ada di situs lokal dan jarak jauh dengan status Tidak Berubah.

Seiring dengan mencantumkan file baru, alat Salin Situs Web menyoroti file apa pun yang berbeda antara situs lokal dan jarak jauh. Untuk melihat tindakan ini, kembali ke Privacy.aspx halaman dan tambahkan beberapa kata lagi ke kebijakan privasi. Simpan halaman lalu kembali ke alat Salin Situs Web. Seperti yang ditunjukkan Gambar 5, Privacy.aspx halaman di panel kiri memiliki status Diubah yang menunjukkan bahwa halaman tersebut tidak sinkron dengan situs jarak jauh.

Alat Salin Situs Web Menunjukkan bahwa <kode>Privacy.aspx</kode> Halaman telah Diubah

Gambar 5: Alat Salin Situs Web Menunjukkan bahwa Privacy.aspx Halaman telah Diubah (Klik untuk melihat gambar ukuran penuh)

Alat Salin Situs Web juga menunjukkan apakah file telah dihapus sejak operasi salin terakhir. Privacy.aspx Hapus dari proyek lokal dan refresh alat Salin Situs Web. File Privacy.aspx dan Privacy.aspx.vb tetap tercantum di panel kiri, tetapi memiliki status Dihapus yang menunjukkan bahwa file tersebut telah dihapus sejak operasi salin terakhir.

Menerbitkan Aplikasi Web

Cara lain untuk menyebarkan aplikasi web Anda dari dalam Visual Studio adalah dengan menggunakan opsi Terbitkan, yang dapat diakses melalui menu Build. Opsi Terbitkan secara eksplisit mengkompilasi aplikasi dan kemudian menyalin semua file yang diperlukan hingga situs jarak jauh yang ditentukan. Seperti yang akan segera kita lihat, opsi Terbitkan lebih tumpul daripada alat Salin Situs Web. Sedangkan alat Salin Situs Web memungkinkan Anda memeriksa file di situs lokal dan jarak jauh dan memungkinkan Anda mengunggah atau mengunduh file individual sesuai kebutuhan, opsi Terbitkan menyebarkan seluruh aplikasi web.

Selain menyalin semua file yang diperlukan ke situs jarak jauh yang ditentukan, opsi Terbitkan juga secara eksplisit mengkompilasi aplikasi. Mengingat bahwa Proyek Aplikasi Web perlu dikompilasi secara eksplisit, seharusnya tidak mengherankan bahwa opsi Terbitkan tersedia untuk Proyek Aplikasi Web. Yang mungkin sedikit mengejutkan adalah opsi Terbitkan juga tersedia untuk Proyek Situs Web. Seperti yang disebutkan dalam tutorial Menentukan File Apa yang Perlu Disebarkan , Proyek Situs Web dapat dikompilasi secara eksplisit melalui proses yang disebut sebagai pra-kompilasi. Tutorial ini berfokus pada penggunaan opsi Terbitkan dengan Proyek Aplikasi Web; tutorial di masa mendatang akan menjelajahi pra-kompilasi, di mana kita akan kembali untuk melihat menggunakan opsi Terbitkan dengan Proyek Situs Web.

Catatan

Saat opsi Terbitkan tersedia di Visual Studio untuk Proyek Situs Web dan Proyek Aplikasi Web, Pengembang Web Visual hanya menawarkan opsi Terbitkan untuk Proyek Aplikasi Web.

Mari kita lihat menyebarkan aplikasi Ulasan Buku menggunakan opsi Terbitkan. Mulailah dengan membuka BookReviewsWAP (Proyek Aplikasi Web) di Visual Studio. Dari menu Terbitkan pilih proyek Build BookReviewsWAP. Ini memunculkan kotak dialog yang meminta lokasi target, di antara opsi konfigurasi lainnya (lihat Gambar 6). Sama seperti alat Salin Situs Web, Anda dapat memasukkan lokasi yang menunjuk ke folder lokal, situs web lokal di IIS, situs web jarak jauh yang mendukung Ekstensi Server FrontPage, atau alamat server FTP. Anda dapat memilih apakah akan mengganti file di server web jarak jauh dengan file yang disebarkan atau menghapus semua isi pada situs jarak jauh sebelum menerbitkan. Anda juga dapat menentukan apakah akan menyalin:

  • Hanya file dalam proyek yang diperlukan untuk menjalankan aplikasi, yang menghilangkan kode sumber yang tidak diperlukan dan file terkait proyek.
  • Semua file proyek, yang mencakup file kode sumber dan file proyek Visual Studio seperti file Solusi.
  • Semua file di folder proyek sumber, yang menyalin semua file di folder proyek sumber terlepas dari apakah file tersebut disertakan dalam proyek.

Ada juga opsi untuk mengunggah konten App_Data folder.

Cuplikan layar dialog Terbitkan Web, yang memperlihatkan kotak centang Hapus semua file yang ada yang terisi sebelum menerbitkan dan Hanya file yang diperlukan untuk menjalankan.

Gambar 6: Tentukan Situs Web Tujuan (Klik untuk melihat gambar ukuran penuh)

Untuk aplikasi Ulasan Buku, situs jarak jauh berisi file yang disebarkan saat menyalin proyek BookReviewsWSP melalui alat Salin Situs Web. Oleh karena itu, mari kita mulai opsi Terbitkan dengan menghapus semua konten yang ada. Selain itu, mari kita salin file yang diperlukan daripada mengacaukan lingkungan produksi dengan kode sumber dan file proyek yang tidak diperlukan. Setelah menentukan opsi ini, klik tombol Terbitkan. Selama beberapa detik berikutnya Visual Studio akan menyebarkan file yang diperlukan ke situs tujuan, menampilkan kemajuannya di jendela Output.

Gambar 7 memperlihatkan file di situs FTP setelah operasi Terbitkan selesai. Perhatikan bahwa hanya halaman markup dan file dukungan sever dan sisi klien yang diperlukan yang telah diunggah.

Hanya File yang Diperlukan yang Diterbitkan ke Lingkungan Produksi

Gambar 7: Hanya File yang Diperlukan yang Diterbitkan ke Lingkungan Produksi (Klik untuk melihat gambar ukuran penuh)

Opsi Terbitkan adalah alat yang kurang bernuansa daripada alat Salin Situs Web. Sedangkan alat Salin Situs Web memungkinkan Anda memeriksa file di situs lokal dan jarak jauh dan melihat perbedaannya, opsi Terbitkan tidak menyediakan antarmuka tersebut. Selain itu, alat Salin Situs Web memungkinkan Anda membuat perubahan satu kali, mengunggah, atau menghapus file individual. Opsi Terbitkan tidak mengizinkan kontrol halus seperti itu; sebaliknya, ia menerbitkan seluruh aplikasi. Perilaku ini memiliki pro dan kontra. Di sisi positifnya, Anda tahu saat menggunakan opsi Terbitkan, Anda tidak akan lupa mengunggah file penting. Tetapi pertimbangkan apa yang terjadi jika Anda telah membuat perubahan kecil pada situs web yang sangat besar - dengan opsi Terbitkan, Anda tidak dapat memperbarui halaman tersebut atau dua yang telah dimodifikasi, tetapi sebaliknya Anda harus menunggu sementara Visual Studio menyebarkan seluruh situs.

Tidak jarang ada file tertentu yang kontennya berbeda antara lingkungan produksi dan pengembangan. Contoh utamanya adalah file konfigurasi aplikasi, Web.config. Karena opsi Terbitkan secara membabi buta menyalin file aplikasi web yang ditimpa file konfigurasi yang disesuaikan lingkungan produksi dengan versi di lingkungan pengembangan. Tutorial berikutnya mengeksplorasi topik ini lebih lanjut dan menawarkan tips untuk menyebarkan aplikasi web ketika perbedaan seperti itu ada.

Ringkasan

Menyebarkan situs web melibatkan penyalinan file yang diperlukan dari lingkungan pengembangan ke lingkungan produksi. Tutorial sebelumnya menunjukkan cara mentransfer file menggunakan klien FTP seperti FileZilla. Tutorial ini memeriksa dua alat penyebaran di Visual Studio: alat Salin Situs Web dan opsi Terbitkan. Alat Salin Situs Web mirip dengan klien FTP karena memiliki antarmuka dua panding yang mencantumkan file di komputer lokal dan komputer jarak jauh tertentu yang memudahkan untuk mengunggah atau mengunduh file di antara kedua komputer. Opsi Terbitkan adalah alat yang lebih tumpul yang secara eksplisit mengkompilasi proyek lalu menyebarkan seluruh aplikasi ke tujuan yang ditentukan.

Selamat Pemrograman!

Bacaan lebih lanjut

Untuk informasi selengkapnya tentang topik yang dibahas dalam tutorial ini, lihat sumber daya berikut:

SebelumnyaBerikutnya