Подготовка кода веб-приложения

Завершено

В этом уроке вы узнаете, как создать код для веб-приложения и интегрировать его в репозиторий системы управления версиями.

Начальная загрузка веб-приложения

Теперь, когда вы создали ресурсы для развертывания веб-приложения, необходимо подготовить код, который требуется развернуть. Существует множество способов загрузки нового веб-приложения, поэтому мы узнаем, что мы узнаем здесь, может отличаться от того, что вы привыкли. Наша цель — быстро предоставить начальную точку для полного цикла развертывания.

Примечание.

Все код и команды, отображаемые на этой странице, предназначены только для объяснения. Вам не нужно выполнять ни одного из них. Мы будем использовать их в следующем упражнении.

Средство командной строки dotnet, которое входит в состав пакета SDK для .NET, позволяет напрямую создавать код для нового веб-приложения. В частности, можно использовать dotnet new команду для создания нового приложения из шаблона:

dotnet new mvc --name <YourAppName>

Эта команда создает новое приложение ASP.NET Core MVC в новой папке с указанным именем.

Чтобы быстро создать начальное веб-приложение, можно использовать средство командной строки Maven (mvn), обычно используемое в экосистеме Java. Например, в Maven есть функция архетипы, которая быстро создает начальный код для различных типов приложений с помощью шаблонов. Мы можем использовать шаблон maven-archetype-webapp для создания кода для простого веб-приложения, которое отображает "Hello World!" на домашней странице.

mvn archetype:generate -DgroupId=example.webapp -DartifactId=helloworld -DinteractiveMode=false -DarchetypeArtifactId=maven-archetype-webapp

Эта команда создает папку, содержащую исходный helloworld код приложения.

Для создания нового приложения можно использовать программу командной строки диспетчера пакетов Node (npm), которая входит в состав пакета Node.js. Команда init создает новый package.json обязательный для приложения:

npm init -y

Если открыть package.json файл, созданный в текущей папке, можно добавить start запись в scripts раздел, чтобы описать, как должно выполняться веб-приложение:

...
  "scripts": {
    "start": "node index.js"
  },
...

После этого можно написать фактический код веб-приложения в новом index.js файле:

const http = require('http');
const port = process.env.PORT || 3000;

http.createServer(function(request, response) {
  response.writeHead(200, { 'Content-Type': 'text/plain' });
  response.end('Hello World!');
}).listen(port);

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

В этом примере кода создается сервер, который ожидает передачи данных на порту 3000 вашего компьютера и отвечает сообщением "Hello World!" на каждый запрос.

Чтобы создать новое веб-приложение, используя несколько строк кода, можно использовать Flask, которая обычно используется платформой веб-приложений. Установить Flask можно следующей командой:

pip install flask

Когда Flask будет доступен в вашей среде, вы можете создать минимальное веб-приложение, используя следующий код:

from flask import Flask
app = Flask(__name__)

@app.route("/")
def hello():
    return "Hello World!\n"

В этом примере кода создается сервер, который на каждый запрос отвечает сообщением «Hello World!».

Добавление кода в систему управления версиями

После подготовки кода веб-приложения следующий шаг обычно заключается в том, чтобы поместить код в репозиторий системы управления версиями, например Git. Если на компьютере установлена Git, выполнение этих команд в папке исходного кода инициализирует репозиторий.

git init
git add .
git commit -m "Initial commit"

Эти команды позволяют инициализировать локальный репозиторий Git и создать первую фиксацию с кодом. Вы сразу же получаете преимущество сохранения истории изменений с фиксациями. Позже вы также сможете синхронизировать локальный репозиторий с удаленный репозиторий, например, размещенным на GitHub. Это позволяет настроить непрерывную интеграцию и непрерывное развертывание (CI/CD). Хотя мы рекомендуем использовать репозиторий системы управления версиями для рабочих приложений, это не обязательно для развертывания приложения в службе приложение Azure.

Примечание.

Использование CI/CD позволяет развертывать код чаще и с меньшими рисками за счет автоматизации сборки, тестирования и развертывания для каждого изменения кода. Он позволяет предоставлять новые функции и исправления ошибок для приложения быстрее и эффективнее.