手順 - Web アプリケーションを実装するコードを記述する

5 分

このユニットでは、開発者ツールを使用して、スターター Web アプリケーションのコードを作成します。

新しい Web プロジェクトを作成する

.NET CLI ツールの中心になるのは、dotnet コマンドラインツールです。このコマンドを使用して、新しい ASP.NET Core Web プロジェクトを作成します。

次のコマンドを実行して、"BestBikeApp" という名前の新しい ASP.NET Core Model-View-Controller (MVC) アプリケーションを作成します。

dotnet new mvc --name BestBikeApp

このコマンドにより、自分のプロジェクトを保持するための "BestBikeApp" という名前の新しいフォルダーが作成されます。アプリをローカルでテストするには、システムに .NET SDK がインストールされている必要があります。

スターター Web アプリケーションを作成するには、Maven を使用します。これは、一般的に使用される、Java アプリ用のプロジェクト管理およびビルドツールです。 maven-archetype-webapp テンプレートを使用して、Web アプリケーションのコードを作成します。

次に Azure Cloud Shell で次のコマンドを実行して、新しい Web アプリを作成します。

cd ~
mvn archetype:generate -DgroupId=example.demo -DartifactId=helloworld -DinteractiveMode=false -DarchetypeArtifactId=maven-archetype-webapp -DarchetypeVersion=1.5

ここで、これらのコマンドを実行して、"helloworld" の新しいアプリケーションディレクトリに変更し、デプロイ用にアプリケーションをパッケージ化します。
```
cd helloworld
mvn package
```
コマンドの実行が完了したら、次のコマンドを実行して "ターゲット" ディレクトリを開き、その内容を一覧表示します。
```
cd target
ls
```

これで、App Service にデプロイする Web アプリケーションパッケージである helloworld.war という名前のファイルが作成されました。

スターター Node.js Web アプリケーションを作成するには、Node Package Manager (npm) と共にいくつかの JavaScript コードを使用し、実際の Web ページ処理を実行します。

ターミナルで次のコマンドを実行して、Node.js アプリケーションについて説明する新しい package.json ファイルを作成します。
```
cd ~
mkdir helloworld
cd helloworld
cat >package.json <<EOL
{
  "name": "helloworld",
  "version": "1.0.0",
  "scripts": {
    "start": "node index.js"
  }
}
EOL
```

現在のフォルダーに新しい package.json ファイルが作成されます。ターミナルウィンドウに ls と入力すると、現在のフォルダーにそれが表示されます。 Web サイトロジックを実行するには JavaScript ファイルが必要です。この基本的な例では、1 つのファイル (index.js) のみが必要です。

ターミナルで次のコマンドを実行して、ファイルを作成します。

cat >index.js <<EOL
const http = require('http');

const server = http.createServer(function(request, response) { 
    response.writeHead(200, { "Content-Type": "text/html" });
    response.end("<html><body><h1>Hello World!</h1></body></html>");
});

const port = process.env.PORT || 1337;
server.listen(port);

console.log(\`Server running at http://localhost:\${port}\`);
EOL

アプリをローカルでテストするには、Node.js と npm がシステムにインストールされている必要があります。

スターター Web アプリケーションを作成するには、Flask Web アプリケーションフレームワークを使用します。

Azure Cloud Shell で次のコマンドを実行して仮想環境を設定し、自分のプロファイルに Flask をインストールします。
```
python3 -m venv venv
source venv/bin/activate
pip install flask
```
次のコマンドを実行して、新しい Web アプリディレクトリを作成して切り替えます。
```
mkdir ~/BestBikeApp
cd ~/BestBikeApp
```

基本的な HTML 応答を含む application.py という名前の新しいファイルを作成します。

cat >application.py <<EOL
from flask import Flask
app = Flask(__name__)

@app.route("/")
def hello():
    return "<html><body><h1>Hello Best Bike App!</h1></body></html>\n"
EOL

アプリケーションを Azure にデプロイするには、アプリケーションについて作成したアプリケーション要件のリストを requirements.txt ファイルに保存する必要があります。これを行うには、次のコマンドを実行します。
```
pip freeze > requirements.txt
```

アプリをローカルでテストするには、Python 3 と Flask がシステムにインストールされている必要があります。

フィードバック

このページはお役に立ちましたか?