ASP.NET Web ページの概要 - WebMatrix を使用したサイトの発行

Tom FitzMacken

このチュートリアルは、ASP.NET Web ページと Microsoft WebMatrix を紹介するチュートリアル セットの最終回です。 他のユーザーが操作できるように、サイトをインターネットに発行する方法について説明します。 これは、ASP.NET Web ページ サイトの一貫性のある外観の作成を通じてシリーズを完了していることを前提としています。

以下を使用してサイトを発行する方法について説明します。

  • Microsoft Azure
  • Web ホスティング 会社

サイトの発行について

これまでは、ページのテストを含め、ローカル コンピューターですべての作業を行ってきました。 your.cshtml ページを実行するには、WebMatrix に組み込まれている Web サーバー (つまり、IIS Express) を使用しました。 しかし、もちろん、あなたが作成したサイトは、あなた以外に誰も見ていません。 他のユーザーがサイトを操作できるようにするには、インターネットに公開する必要があります。

パブリック Web サーバーに既にアクセスできる場合を除き、発行とは 、クラウド プラットフォーム または ホスティング プロバイダーを持つアカウントが必要であることを意味します。 Microsoft Azure などのクラウド プラットフォームは、アプリケーションのオンデマンド インフラストラクチャを提供します。 ホスティング プロバイダーは、パブリックにアクセス可能な Web サーバーを所有し、サイトのスペースを借りる会社です。 ホスティングプランは、小規模なサイトでは月に数ドル(または無料)から、大量の商用ウェブサイトでは月に数百ドルまで実行されます。

Note

自宅でインターネット サービスを取得するために使用するインターネット サービス プロバイダー (ISP) を介してパブリック Web サーバーにアクセスできる場合があります。 ただし、ホスティング プロバイダーは ASP.NET Web ページをサポートする必要があります。 多くの ISP はそうではありませんが、常に確認する価値があります。

このチュートリアルでは、発行方法の概要について説明します。 プロセスはすべてのホスティングプロバイダーで少し異なるため、すべての詳細を正確に提供することは実用的ではありません。 ただし、プロセスのしくみを把握できます。

このチュートリアルには、次の 4 つのセクションが含まれています。

  1. 既定のページを設定する
  2. 発行 (次のいずれかを選択)
    a. サイトを Microsoft Azure に発行する
    b. Web ホスティング 会社へのサイトの発行
  3. ライブ サイトの更新: 再発行

既定のページを設定する

ユーザーが Web サイトのベース アドレスに移動すると、サイトの既定のページがユーザーに表示されます。 たとえば、 Default.htm が の www.contoso.comサイトの既定のページとして設定されている場合、 への www.contoso.com 移動は に www.contoso.com/Default.htm移動するのと同じです。

現在、サイトでは Default.cshtml が既定のページとして使用されています。 このページは既定のページでは問題ありませんが、このチュートリアルでは、空白のページが表示されるように、そのページにコンテンツを追加していません。 Default.cshtml を開き、コンテンツを次のコードに置き換えます。

@{
    Layout = "~/_Layout.cshtml";
    Page.Title = "Welcome to Movie site";   
}

<p><a href="~/Movies">Go to movie listing</a></p>

これでサイトを公開する準備ができました。 まず、サイトを Azure にデプロイする方法と、それを Web ホスティング会社にデプロイする方法について説明します。 どちらのオプションも Web サイトに対して機能し、展開オプションの 1 つに従う必要があります。

サイトを Microsoft Azure に発行する

このチュートリアルでは、まずサイトを Microsoft Azure にデプロイする方法について説明します。 Microsoft アカウントでサインインすると、Azure に最大 10 個の無料サイトを作成できます。 これらの無料サイトは、サイトをテストするための便利な方法を提供します。 このサンプル サイトは、後でいつでも削除して、すべての無料サイトを使用しないようにすることができます。 数分で無料試用版のアカウントを作成することができます。 詳細については、「Azure の無料試用版サイト」を参照してください。

WebMatrix リボンで、[ 発行 ] ボタンをクリックします。

[実行] ボタンの横に赤い四角形が強調表示された [発行] ボタンを示す Web マトリックス リボンのスクリーンショット。

[ サイトの発行 ] ダイアログ ボックスが表示されます。 Microsoft アカウントにサインインしていない場合は、ダイアログ ボックスに [ Azure の概要 ] リンクが表示されます。 このリンクをクリックします。

[サイトの発行] ダイアログ ボックスのスクリーンショット。赤い四角形で強調表示されている [Windows Azure の概要] オプションが表示されています。

Microsoft アカウントにサインインしていない場合は、再度サインインする機会が与えられます。 Azure でサイトを発行するには、Microsoft アカウントにサインインする必要があります。

Microsoft アカウントとorganization アカウントのサインインを示す Microsoft Windows Azure サインイン ダイアログのスクリーンショット。

Microsoft アカウントにサインインした後、ダイアログ ボックスには、Azure で新しいサイトを作成したり、Azure 上の既存のサイトのいずれかに接続したりするためのリンクが表示されます。

赤い四角形で強調表示された [新しいサイトの作成] オプションを示す [サイトの発行] ダイアログ ボックスのスクリーンショット。

[ 新しいサイトの作成] を選択します

プロジェクトに WebPagesMovies という名前を付けた場合、サイトの既定の名前が webpagesmovies.azurewebsites.net されます。 赤い感嘆符で示されているように、この既定の名前は使用できない可能性が高いです。

赤い感嘆符で示されているように、既定の名前が使用できないという Windows Azure 上のサイトの作成ウィンドウのスクリーンショット。

サイト名を使用できるものに変更し、自分の場所に近い場所を選択します。

[サイト名] フィールドに変更されたサイト名が表示されている [Windows Azure でのサイトの作成] ウィンドウのスクリーンショット。

[OK] をクリックします。

WebMatrix は、サーバーがサイトと互換性があるかどうかを判断するテストを実行します。

ユーザーが [続行] ボタンを選択するとサーバー テストが開始されることを示すメッセージを示す Web マトリックス ウィンドウのスクリーンショット。

[続行] を選択します。

互換性テストの結果が表示されます。

互換性テストの結果を示す Web マトリックス ウィンドウのスクリーンショット。緑色のチェックマーク アイコンで示された正常な項目が表示されています。

[続行] を選択します。

WebMatrix には、サイトに発行されるファイルとデータベースが表示されます。 サイトを初めて発行するため、すべてのファイルが一覧表示されます。 発行する準備ができていないファイルをオフにすることができます。 以降のパブリケーションでは、変更されたファイルのみが表示されます。 ライブ サイトの更新: 再発行に関するページを参照してください。

[Publish Preview]\(プレビューの発行\) ウィンドウのスクリーンショット。リスト内のすべてのファイルとデータベースと、各項目に対応するチェックボックスが表示されています。

[続行] を選択します。

サイトが Azure にデプロイされると、デプロイが完了したことを示すメッセージが表示されます。

Web サイトのデプロイが成功したことを示す発行完了メッセージのスクリーンショット。

サイトとデータベースが Azure に発行され、一般に公開されるようになりました。 発行が完了したことを示すメッセージのリンクをクリックすると、展開されたサイトが表示されます。 自分またはインターネットにアクセスできるユーザーは、データベース内のレコードを追加または変更できます。

デプロイされた Web サイトのスクリーンショット。アドレス バーの URL が赤い四角形で強調表示されています。

Web ホスティング 会社へのサイトの発行

Azure に発行しない場合は、代わりに Web ホスティング会社にサイトを発行できます。

[ Web ホスティングの検索 ] リンクをクリックします。

赤い四角形で強調表示されている [Windows Web ホスティングの検索] リンクを示す [サイトの発行] ダイアログ ボックスのスクリーンショット。

ASP.NET をサポートするホスティング プロバイダーが一覧表示されている Microsoft サイトのページに移動します。

A S P dot Net をサポートするホスティング プロバイダーの一覧を示す Microsoft Find Web ホスティング ページのスクリーンショット。

明らかに、長期的に必要なホスティング機能を正確に把握することは困難な場合があります。 考慮すべき点を次に示します。

  • WebPagesMovies サイトの目的上、SQL Server用に個別のアドオンを用意する必要はありません。多くの場合、追加料金がかかります。 サイトでは、自己完結型の SQL Server Compact Edition を使用しています。 ただし、今後の Web サイトの作業のためにSQL Serverアクセスが必要になる場合があります。 考えられる場合は、後でSQL Server機能を追加できることを確認してください。
  • ホスティング プロバイダーが Web 配置発行プロトコルをサポートしているかどうかを確認します。 FTP プロトコルを使用して発行できますが、Web 配置を使用する方が便利です。

一部のサイトでは無料試用期間が提供されています。 無料試用版は、WebMatrix と ASP.NET Web ページを試している間に公開とホスティングを試してみるのに適した方法です。

好きなものを選びます。 このチュートリアルでは、DiscountASP.NET を選択しました。これは、チュートリアルの作成中に、その会社には数か月間無料でサイトをホストできるプロモーションが含まれているためです。

Note

このチュートリアルのホスティング プロバイダーの選択は、他のどの会社よりもその会社の承認として解釈されるべきではありません。 ただし、図解のために 1 つを選択する必要がありました。DiscountASP.NET は、ASP.NET Web ページと発行用の Web 配置プロトコルをサポートする多くの企業の 1 つです。

通常、ホスティング プロバイダーにサインアップすると、ユーザー名とパスワード、Web サーバーの URL などを含む電子メールが会社から送信されます。 ホスティング会社が Web 配置プロトコルをサポートしている場合は、発行設定を含むファイルを送信するか、ダウンロードすることができます。 発行設定ファイルを使用すると、プロセスが簡略化されます。

サインアップして発行する準備ができたら、WebMatrix リボンの [発行 ] ボタンをクリックします。 [ 発行設定] ダイアログ ボックスが表示されます。

ホスティング プロバイダーから発行設定ファイルが送信された場合は、[発行 設定のインポート ] リンクをクリックしてファイルをインポートします。 発行設定ファイルがない場合は、ホスティング会社からメールで送信された値を使用してフィールドに入力します。 完了すると、[ 発行設定] ダイアログ ボックスは次のようになります。

テキスト フィールドに入力されたホスティング会社の詳細を示す [発行設定] ダイアログ ボックスのスクリーンショット。

[ 接続の検証] をクリックします。 問題がなければ、ダイアログ ボックスは [ 接続済み] と報告されます。これは、ホスティング プロバイダーのサーバーと通信できることを意味します。

接続が成功したことを示す緑色のチェックマーク アイコンが表示された [接続の検証] ボタンのスクリーンショット。

問題がある場合は、WebMatrix が最善を尽くして問題が何であるかを伝えます。

黄色の警告アイコンが表示された [接続の検証] ボタンのスクリーンショット。エラーに対応するエラー メッセージが表示されています。

[Save] をクリックして設定を保存します。 WebMatrix は、ホスティング サイトと正しく通信できることを確認するためのテストを実行することを提供します。

[互換性の発行] ダイアログのスクリーンショット。続行するには [はい] ボタンを選択するように求めるサイト互換性テストを説明するメッセージが表示されています。

[はい] をクリックします。 WebMatrix は、いくつかのサンプル ファイルをホスティング プロバイダーにアップロードします。 互換性テストが完了すると、WebMatrix によって結果が報告されます。

テストの結果を示す [互換性の公開] テストのスクリーンショット。緑色のチェックマーク アイコンで示された正常な項目が表示されています。

準備ができたら、[ 続行 ] をクリックして実際の発行プロセスを開始します。 WebMatrix は、サイト内のファイルを把握し、ホスト サーバーに既に存在し (現在、なし)、発行プロセスのプレビューを提供します。

Web サイトに発行する準備ができているサイト ファイルの一覧と Web サイトのプレビューを示す [発行プレビュー] ウィンドウのスクリーンショット。

発行するファイルの一覧には、 Movies.cshtml のように作成した Web ページが含まれます。 この一覧には、インストールしたヘルパー用のファイル、データベースの SQL Server Compact Edition を実行するファイルも含まれます。 その結果、最初の発行プロセスが大幅に行われる可能性があります。

[Continue] をクリックします。 WebMatrix は、ホスティング プロバイダーのサーバーにファイルをコピーします。 完了すると、結果がステータス バーに報告されます。

発行プロセスが正常に完了したときに強調表示された黄色のメッセージを示すステータス バーのスクリーンショット。

ライブ サイトを表示するには、ステータス バーのリンクをクリックします。 URL に ムービー を追加すると、作成した Movies.cshtml ファイルが表示されます。

アドレス バーで赤く強調表示された U R L を変更して、変更された Movies ドット cs h t m l ファイルを示すライブ サイトを示すスクリーンショット。

ライブ サイトの更新: 再発行

(Azure または Web ホスティング会社のいずれかに) サイトを発行すると、そのコピーが 2 つ存在します。これは、コンピューター上のバージョンとサービス プロバイダーのバージョンです。 おそらく、サイトの開発を続ける必要があります (他に何もない場合は、次のチュートリアル セットの一部として)。 その場合は、コンピューターからサービス プロバイダーに変更をコピーするために、サイトを再発行する必要があります。 WebMatrix の発行プロセスでは、サイトで変更されたファイルを特定し、それらのファイルのみを発行できます。

再発行のしくみを確認するには、 Movies.cshtml サイトを開き、小さな変更を加えてからファイルを保存します。 たとえば、タイトルを に Movies - Updated変更します。

リボンの [ 発行 ] ボタンをクリックします。 WebMatrix は変更内容を決定し、発行するファイルのプレビューを表示します。

変更されたファイルの一覧の更新されたファイルと、リモート データベースの上書きに関するメッセージが表示されている [発行プレビュー] ダイアログ ボックスのスクリーンショット。

重要

既定では、WebMatrix は、サイトを初めて発行するときにのみデータベース (.sdf ファイル) を発行します。 サイトが公開され、ユーザーが Web サイトを操作すると、通常、ライブ サイト上のデータベースにはサイトの実際のデータが含まれます。 ライブ データベースを、通常はテスト データのみを含むコンピューター上の .sdf ファイルで上書きしないように注意する必要があります。 そのため、発行によってリモート データベースが上書きされるという警告が表示され、WebPagesMovies.sdf の [チェック] ボックスが既定でオフになっている理由が表示されます。

[Continue] をクリックします。 WebMatrix は、変更されたファイルを発行し、初めて発行した場合と同様に成功メッセージを表示します。

ライブ サイトに移動し (まだ表示されている場合は成功メッセージのリンクをクリックできます)、変更が公開されていることを確認します。

ヒント

リモートでファイルを編集する

サイトを変更してから再発行する代わりに、WebMatrix でリモート ファイルを直接編集できます。 このシナリオでは、サービス プロバイダー上のファイルを開き、WebMatrix が編集できるようにファイルのコピーをダウンロードします。 ファイルを保存するたびに、WebMatrix によってサイトに変更が送信されます。

リモート編集は、ライブ サイトに変更を加える簡単な方法です。 ただし、この方法で行った変更は、ローカル サイト内のファイルと同期されません。 ローカル ファイルをリモート サイトと同期するには、リモート ファイルをダウンロードします。 このプロセスは、逆の場合を除き、発行とよく似ています。

ここでは、WebMatrix のリモート編集およびリモート ダウンロード機能の詳細については説明しません。 これらは、複数のユーザーが異なるコンピューター上の同じサイトで作業する必要がある場合に非常に便利です。 詳細については、「 WebMatrix 2 Beta を使用してリモート サイトを発行および編集する」を参照してください。

その他のリソース