Создание веб-сайта с использованием технологий PHP, MySQL и FTP

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

Если у вас еще нет подписки на сервис Azure, вы можете подписаться на бесплатную пробную версию и получить ресурсы Azure на 200 долларов США в течение месяца.

Итак. Когда ваша учетная запись будет активирована, войдите на портал Azure по адресу:

https://manage.windowsazure.com

Как только вход будет выполнен, вы увидите нечто подобное показанному ниже – просто, наверное, у вас список в окне будет поменьше (у меня уже активировано много сервисов).

pic1

Сначала нам нужно создать хостинг для веб-сайта.

Перейдите по пунктам меню New > Compute > Web App > Create Custom ("Новый > Расчет > Веб-приложение > Создать по запросу пользователя"). Вы увидите на экране нечто подобное тому, что показано ниже:

pic2

Как можно видеть, имя нашего веб-сайта будет определять URL-адрес, структура которого по умолчанию выглядит так: myURL.azurewebsites.net. Если вам необходимо разместить ваш веб-сайт на особом собственном домене (www.mydomain.com), то далее по тексту вы сможете найти пояснение, как это можно сделать.

Пример: В качестве имени сайта я выбрал mfelman-phpsite, следовательно, мой адрес будет выглядеть так: mfelman-phpsite.azurewebsites.net. Кроме того, я являюсь владельцем адреса www.marcelofelman.com.ar и хочу обеспечить к нему доступ. Все это можно сделать; позже мы увидим как.

Итак, теперь в окне, показанном выше, мы выбираем опцию Create a new MySQL database ("Создать новую базу данных MySQL")e. Если вы уже создали базу данных и хотите подключиться к ней, это также можно сделать (мы увидим это далее).

pic3

ПРИМЕЧАНИЕ: Убедитесь в том, что база данных и веб-сайт располагаются в одном и том же регионе. Это важно для обеспечения наивысшего быстродействия.

Я выбрал регион Southern Brazil ("Южная Бразилия"). В моем контексте он обеспечивает наименьшее время задержки при обработке данных. Выбирайте наиболее близко географически расположенный к вам регион.

pic4

В зависимости от используемого вами репозитория программного кода выбирайте опцию, наиболее отвечающую вашим запросам. Для того, чтобы обеспечить соответствие условиям наиболее общего случая, я выполню развертывание системы с использованием протокола FTP (и, следовательно, мне не придется ставить отметку у опции Publish from Source Control.).

Примечание: Если вы не используете никакого репозитория программного кода, я бы предложил вам не ставить отметку у опции Publish from Source Control и создать веб-сайт с использованием протокола FTP (как сделал и я). pic5

Теперь, для того чтобы задать параметры доступа пользователя, используемые для имплементации системы, необходимо выполнить следующую последовательность действий:

pic6

pic7

pic8

pic9

После этого скопируйте ссылку FTP HOST NAME и откройте ее в Проводнике Windows ("Мой компьютер") или в другом FTP-клиенте, с которым вы предпочитаете работать. Вы можете скопировать имя пользователя из раздела DEPLOYMENT / FTP USER (отмечено желтым).

pic10

Теперь мы выбираем пункты меню site > wwwroot, где расположены файлы нашего веб-сайта:

pic11

Просто вставьте сюда ваш файл. В качестве простого теста я только что создал файл с расширением .php (воспользовавшись для этого Блокнотом) – в котором я написал слово "Hello!" Попытайтесь сделать то же самое и вставьте файл с расширением .php в папку, указанную выше.

pic12

(Знаю, знаю... Мне нравятся крупные значки. Не судите меня строго...)

pic13

Готово. Теперь откройте ваш браузер и перейдите по адресу<ваш веб-сайт>.azurewebsites.net; вы должны увидеть нечто наподобие показанного ниже:

pic14

Подключение к базе данных MySQL

Ну что ж, все, что мы сделали, оказалось чрезвычайно простым. Давайте теперь добавим подключение к базе данных; это тоже не должно вызвать у нас затруднений. Для того, чтобы получить информацию о подключении, мы вернемся на портал и щелкнем опцию. View connection strings.

pic15 Ищите следующие поля: pic16

И заменяйте специфическую информацию о подключении в вашем программном коде, как показано ниже:

pic17 Затем мы напишем небольшой кусок программного кода, чтобы подтвердить его работоспособность: pic18

Ниже я поместил указанную последовательность команд (на случай, если вы захотите ее скопировать):

<?php 
// 
$host = "Server"; 
$user = "User"; 
$pwd = "Password"; 
$db = "Database"; 
try{ 
`$conn = new PDO( "mysql:host=$host;dbname=$db", $user, $pwd); `
$conn->setAttribute( PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION ); 
$sql = "CREATE TABLE registration_tbl( 
id INT NOT NULL AUTO_INCREMENT, 
PRIMARY KEY(id), 
name VARCHAR(30), 
email VARCHAR(30), 
date DATE)"; 
$conn->query($sql); 
} 
catch(Exception $e){ 
die(print_r($e)); 
} 
echo "<h3>Table created!</h3>"; 
?>

Теперь, как мы уже делали раньше, скопируйте и вставьте эту последовательность команд в виде файла в папку wwwroot (расположенную в пути FTP):

pic19

Выберите опцию.Yes to All ("Подтвердить все").

pic20

Оказалось, все просто. Если мы снова попытаемся выполнить вход в систему, мы должны увидеть сообщение об ошибке, потому что мы пытаемся создать таблицу, которая уже существует, верно?

pic21 Отлично. Таблица создана и сайт работает. Описанная ниже последовательность действий поможет вам войти в панель управления вашего веб-сайта: pic22 pic23

Здесь показана панель управления вашей базы данных MySQL (в онлайн режиме). Обратите внимание на множество интересных и полезных параметров вашей базы данных, которые вы можете отслеживать в режиме реального времени.

pic24 Теперь вам нужно выстроить ваш сайт; однако, это уже не является предметом курса обучения по работе с сервисом Azure.

Персонализированные домены

Если вы выбрали для своего сайта уровень ценовой политики, не являющийся "бесплатным" ("free"), то вы можете с легкостью связать ваш сайт с вашим персонализированным доменом. Выберите ваш веб-сайт в панели Azure, затем щелкните кнопку Manage domains ("Управление доменами") и следуйте появляющимся на экране простым инструкциям.