More than 3 years have passed since last update.

【第１回】C#でWEBアプリ【ASP.NET Core】

Posted at 2020-03-16

はじめに

最近気になるとあるSaaS企業の製品がC#で出来ているとのことだったのでチュートリアルを参考に触ってみる。C#はWindows Formアプリを作った経験はありますが、WEBアプリについては未知の領域です。（そもそもC#でWEBアプリを作れると思っていなかった・・・）

以下を参照して進めていきます。
チュートリアル: ASP.NET Core で Razor ページ Web アプリを作成する

インストール

まずはVisual Studioをインストールします。
以下のサイトからお使いのOSに合わせてダウンロード・インストールします。

・Visual Studio

プロジェクトの作成

[新規]→[.NET Core]→[アプリ]→[Webアプリケーション]

任意のプロジェクト名を入力します。
今回は「todo」とします。

※キャプチャは「ToDo」になってますが以下は「todo」で行っていきます。

作成が完了したらとりあえずアプリの実行をしてみます。
[▶︎]ボタンを押して実行します。
初回は開発証明書のインストールを求められることがあります。その場合は画面にしたがってインストールします。
開発証明書について

ビルドに成功するとlocalhost:5001でアプリが実行されます。

簡単にアプリが立ち上がりました。

各フォルダの説明

ひとまずアプリが実行出来たところでフォルダがどのように構成されているか見てみます。

Pages

PagesフォルダにはRazorページとそのサポートファイルが格納されます。Razor（レイザー）とはASP.NET の枠組みで提供している、ビューエンジンのことみたいです。ビューエンジンというのは、MVC (モデル・ビュー・コントローラ) でいうところの、ビューの部分を担当する仕組みなわけですが、要は HTML をどう表示するか、というところを受け持つエンジンということです。

参考
・Razorビューエンジン

wwwroot

HTMLファイル、JavaScriptファイル、CSSファイルなどの静的ファイルが格納されます。

appSettings.json

接続文字列などの構成データが保存されます。

Program.cs

プログラムのエントリポイントが保存されます。

Startup.cs

アプリの動作を構成するコードが含まれています。

データモデルの追加

続いてデータモデルを追加していきます。このアプリのモデルクラスは、データベースを操作する際、Entity Framework Core(EF Core) (SQLite EF Core データベースプロバイダー)が使用されます。EF Coreは、データアクセスを簡略化するORマッパーのことです。

それではtodoフォルダの配下にModelsフォルダを作成します。

次のModelsフォルダにItemというクラスを作成します。

Item.cs

using System;
namespace todo.Models
{
    public class Item
    {
        public int ID { get; set; }
        public string Title { get; set; }
        public string Description { get; set; }
    }
}