Azure WebAppsにデプロイしてサイトを公開する

Azure サブスクリプションがアクティベートされている必要があります Azure WebAppsインスタンスを作成する 管理ポータルにアクセス 新規ボタンを押す Webアプリ→簡易作成 名前とプランを指定してWebアプリの作成ボタンを押す 発行プロファイルをダウンロード 作成したインスタンスのダッシュボードにアクセス 発行プロファイルのダウンロード VisualStudioからデプロイ プロジェクトを右クリック→発行 インポートを押す 先ほどダウンロードした発行プロファイルを指定→OK 発行を押す デプロイ完了

フォームで値を送信する

Form送信側を作る /Views/Home/Index.cshtmlファイルを以下の用に編集する @{ ViewBag.Title = “Home Page”; } <div class=”jumbotron”> <h1>ASP.NET</h1> <p class=”lead”>ASP.NET is a free web framework for building great Web sites and Web applications using HTML, CSS and JavaScript.</p> <p><a href=”http://asp.net” class=”btn btn-primary btn-lg”>Learn more &raquo;</a></p> </div> <div class=”row”> <!–変更–> <form action=”/Sample/Show”> <p>Id</p> <input type=”text” name=”id” /> <br /> <p>Name</p> <input type=”text” name=”name”…

新しくModel-View-Controllerを作る

Modelを作る Modelsフォルダを右クリック→追加→新しい項目 コード→クラス 名前は「ItemModel」とする ItemModelクラスはこのようにする public class ItemModel { public int Id { get; set; } public string Name { get; set; } }   Controllerを作る Controllersフォルダを右クリック→追加→コントローラ MVC5コントローラ – 空→OK SampleControllerと名前をつける→追加 作成できたらSampleController.csはこのようになってると思うのでShowアクションメソッドを生やす 先ほど作ったItemModelをShowメソッド内で初期化し、Viewメソッドの引数に入れてreturnする public class SampleController : Controller { Models.ItemModel _itemItemModel; // GET: Sample public ActionResult Index() { return View(); } public ActionResult Show() {…

ASP.Net MVCのプロジェクト構造を理解する

MVCのプロジェクト構造 ASP.Net MVCのプロジェクト構造はModelはModelsフォルダ、ControllerはControllersフォルダ、ViewはViewsフォルダにある F5を押してデバッグを開始してみる /Home/Indexにアクセスする ここでControllers/HomeController.csを見てみる HomeControllerクラスにIndexというメソッドがあることがわかる public class HomeController : Controller { public ActionResult Index() { return View(); } public ActionResult About() { ViewBag.Message = “Your application description page.”; return View(); } public ActionResult Contact() { ViewBag.Message = “Your contact page.”; return View(); } }   Viewsフォルダを見てみるとHomeフォルダ内にIndex.cshtmlがあることがわかる まとめると、ASP.Net MVCのファイルやフォルダの名前の対応付けはこのようになっている ブラウザで/Home/Indexにアクセスする HomeControllerのIndexメソッドに処理が渡る IndexメソッドがView()メソッドをreturnしているためViews/Home/Index.cshtmlがブラウザに描画される 試しに/Account/LoginにアクセスするとちゃんとViews/Account/Login.cshtmlにアクセスすることができる ルーティング設定…

MVCプロジェクトを作成する

ASP.Net MVCの新規プロジェクトを作成する VisualStudio の新規プロジェクト インストール済みテンプレート→Web ASP.NET Webアプリケーションを選択 名前を入力してOK 次に出てくるダイアログでMVCを選択 OK F5キーもしくはデバッグ開始ボタンを押す MVCのWebサイトが実行できる