WebMatrix 2：RESTful？な Web アプリケーション

たとえば、

• ~/Posts/ …… ページリストの表示
• ~/Posts/:id …… 個別ページの表示

というのをやってみたいとき。

• ~/Posts/Default.cshtml

を作成して、

• UrlData.Count() == 0 ……ページリストの表示
• UrlData.Count() == 1 ……個別ページの表示

という処理を書けばいいよね（WebMatrix のルーティング - だるろぐ）。

WebMatrix 2 / Razor：switch と RenderPage() - だるろぐ

これはウソだ。申し訳ない。まぁ、別に正しいことを書いているブログではないので、いいと言えばいいんだけど。正しくは、

• ~/Posts.cshtml

を作成するだね。ほかにもウソがあるのだけど、それはまた別のエントリーでフォローするから！

――なにはともあれ。

この ~/Posts.cshtml をガリガリ書いていけば、いわゆる RESTful な Web アプリケーションが書けるのではないかと思いついた。RESTful の厳密な定義は知らないけど、だいたい

• Lists：GET /Posts
• Show：GET /Posts/:id
• New： POST /Posts
• Edit：PUT /Posts/:id
• Remove：DELETE /Posts/:id

みたいな感じだよね。だったら、下のような感じで書けばいいんじゃないか（本質に関係ない部分は削ってる）。

@try{
switch (Request.HttpMethod.ToUpper())
{
case "GET":
switch (UrlData.Count)
{
case 0: // GET Posts/ 
@List()
break;
case 1:
switch (UrlData[0].ToUpper())
{
case "NEW": // GET Posts/New
@New()
break;
                        default:    // GET Posts/1, Posts/Title
@Show(UrlData[0])
break;
}
break;
case 2:
switch (UrlData[0].ToUpper())
{
case "EDIT":    // GET Posts/Edit/1
@Edit(UrlData[1])
break;
case "REMOVE":  // GET Posts/Delete/1
@Remove(UrlData[1])
break;
}
break;
}
break;
case "POST":
Create();
break;
case "PUT":
Update(UrlData[0].AsInt());
break;
case "DELETE":
Delete(UrlData[0].AsInt());
break;
}
}
catch (Exception e)
{
<p><span class="badge error">Error</span> @e.Message</p>
}

@List() や @New() の部分は、@functions で定義してる。

@functions
{
HelperResult List()
{
var query = "SELECT * FROM Post ORDER BY CreatedAt DESC";
using (var db = Database.Open("db"))
{
var posts = db.Query(query);
return RenderPage("~/Views/Posts/_ListPosts.cshtml", posts);
}
}
}

HelperResult を返す関数にして @ をつけて呼べば、ちゃんと部分ビューがレンダリングされる。POST/PUT/DELETE のところで使う関数は、どうせ Response.Redirect() するから void でいいし、@Delete() なんて書く必要もない。

で。

Create() は動くのだけど、なぜか Update() と Delete() だけが動かない。ちゃんとビューで method も指定したのになぁ……

#Delete() → RenderPage()  ~/Views/Posts/_RemovePost.cshtml"

@{
var model = PageData.First().Value;
}

<form method="delete" action="~/Posts/@model.Id">
<div>
<label>Title</label>
<input type="text" name="Title" value="@model.Title" disabled />
</div>
<div>
<label>Body</label>
<textarea name="Body" disabled>@model.Body</textarea>
</div>
<div>
<input type="submit" />
</div>
</form>

なぜかこれを Submit すると GET での呼び出しになってしまう。よく知らんけど、ブラウザーは GET と POST しかサポートしていないらしい*1。あと、サーバー側にも設定がいるのかな。

とりあえず、GET と POST しか使えない。道理で、IsPost() なんていうのがお役に立つ訳だわ。なんで IsGet()、IsPut()、IsDelete() しかないのかなって思ってた。こういうのって、たぶん Web 開発者にとっては基本的な知識なんだろうな。やっぱりなにごとも経験しないとだめだねぇ。

というわけで、GET と POST だけ使っていろいろ書き直したのだけど、それはまた今度。一足先に感想を言えば、こういうのは「ASP.NET MVC」使った方が賢い（ぉ