Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете

Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете

<p style="text-align: justify; ">Вы проделали длинный путь! В начале вы создали простую HTML страницу, а затем научились дорабатывать ее. После вы создали динамический сайт, на котором вы можете генерировать страницы, полноценное серверное приложение, использующее данные из базы данных. Проделывая полный сценарий по созданию веб-приложения, вы также научились редактировать, обновлять и удалять записи из базы данных.</p> <p style="text-align: justify; ">Это было очень просто, и это является основой того, на что будет похоже конечное веб-приложение, созданное на ASP.NET и с помощью Razor на WebMatrix. Я уверен, что вы убедились в том, насколько это просто!</p> <p style="text-align: justify; ">Настала пора самого интересного – <b>пора опубликовать сайт в интернете на площадке хостинг провайдера</b>. Лично меня магия этого процесса поразила и пленила на долго. Это сложно сравнить с каким-либо другим процессом установки действительно сложного и большого проекта на хостинг.</p> <p style="text-align: justify; ">WebMatrix поставляется с интегрированной галереей Web Hosting, которая помогает вам понять, что лучшие поставщики услуг хостинга удовлетворяют вашим требованиям и подходят для вашего сайта. К сожалению, там представлены только аккедитованные и сертифицирвоанные партнёры MS, так что вы не увидите там многих мелких российских хостеров, к которым могли привыкли. Ничего страшного – у них как правило всё равно нет тарифов для работы MS технологий…</p> <p>Если вы войдете в рабочее пространство «сайта» на WebMatrix, то увидите следующее:</p> <p><img src="/upload/medialibrary/dc5/dc5fedd693f5dc7e6808d55848b3ea5b.PNG" title="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" hspace="5" vspace="5" border="0" alt="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" width="700" height="512" /></p> <p style="text-align: justify; ">Альтернативный хостинг вы можете найти здесь: http://www.microsoft.com/web/hosting. На данном сайте содержится полный список провайдеров веб-хостинга, имеющие множество предложений, которые удовлетворят вашим требованиям.</p> <h2>Регистрация на Cytanium</h2> <p style="text-align: justify; ">В этой главе я собираюсь использовать Cytanium, потому что у них есть предложение по хостингу на WebMatrix (а ещё они находятся в начале алфавитного списка, так что использование их для примера вовсе <b>не является рекомендацией с моей стороны</b>).</p> <p style="text-align: justify; ">Посетите их сайт и нажмите кнопку «Signup» (Зарегистрироваться):</p> <p><img src="/upload/medialibrary/61d/61d8c2384ef5015c1792ed38c4afd68c.PNG" title="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" hspace="5" vspace="5" border="0" alt="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" width="700" height="487" /></p> <p style="text-align: justify; ">Вас попросят заполнить некоторые данные вашей учетной записи, а именно, имя и фамилию, адрес электронной почты, на который вам отправят описание регистрации в системе.</p> <p><img src="/upload/medialibrary/a84/a8469f22a4b2723ecc9c95e4a1fa097f.PNG" title="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" hspace="5" vspace="5" border="0" alt="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" width="700" height="487" /></p> <h2>Конфигурирование WebMatrix для публикации на Cytanium</h2> <p style="text-align: justify; ">Нажмите «Register» (Зарегистрироваться), и через несколько минут вы получите письмо на электронную почту с адреса noreply@cytanium.com. Проверьте почту, и найдете в ней письмо с описанием раздела под названием «WebMatrix - WebDeploy». Если не найдёте во входящих – загляните в «спам», мой почтовый сервер оказался слишком подозрительным. Письмо должно выглядеть примерно так:</p> <p><img src="/upload/medialibrary/60f/60fc4518e7c20f6e93109ac7a7db2bc8.PNG" title="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" hspace="5" vspace="5" border="0" alt="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" width="785" height="363" /></p> <p style="text-align: justify; ">Теперь, откройте сайт, созданный на WebMatrix, и найдите на нем кнопку «Publish»(Публиковать). Щелкая по стрелке у ее основания, выберите пункт «Настройки».</p> <p><img src="/upload/medialibrary/44c/44c472ae36c6d4cc3362d48eec70b436.png" title="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" hspace="5" vspace="5" border="0" alt="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" width="242" height="247" /></p> <p>Выбранные настройки будут применены к вашему сайту. Заполните пункты, которые вы получили по электронной почте:</p> <p><img src="/upload/medialibrary/d28/d2861b979c5730e98e4102ead4319492.PNG" title="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" hspace="5" vspace="5" border="0" alt="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" width="700" height="459" /></p> <p>Нажмите «Проверить соединение», чтобы убедиться в том, что настройки указаны правильно:</p> <p><img src="/upload/medialibrary/cc0/cc02589ad5c79a74773c90d50ff97697.PNG" title="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" hspace="5" vspace="5" border="0" alt="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" width="393" height="55" /></p> <p style="text-align: justify; ">Если настройки были сделаны правильно, вы должны увидеть пункт, отмеченный галочкой «Соединение прошло успешно».</p> <p style="text-align: justify; ">Нажмите «Сохранить», чтобы выйти из опубликованного диалогового окна настроек.</p> <p style="text-align: justify; ">Затем еще раз нажмите выпадающую кнопку «Publish» (Публиковать), и на этот раз выберете пункт «Публикации...»</p> <p><img src="/upload/medialibrary/42d/42df6813685429ec420f5c9eecee3bb6.png" title="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" hspace="5" vspace="5" border="0" alt="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" width="240" height="248" /></p> <p style="text-align: justify; ">На экране отобразится окно «Publish Preview» (Предварительный просмотр), в котором WebMatrix определит изменения на вашем сайте. В зависимости от того, что вы недавно делали, вы увидите различные пункты. Особенно наглядным будет первое изменение, которое будет сохраняться в файлах, находящихся на вашем ПК, и не находящихся на вашем сервере. Если это так, не волнуйтесь. Убедитесь только в том, что флажок баз данных установлен так, как показано здесь, и нажмите «Continue» (Продолжить).</p> <p><img src="/upload/medialibrary/7d3/7d34ad298e0b06eb9479ff8590223d27.PNG" title="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" hspace="5" vspace="5" border="0" alt="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" width="700" height="498" /></p> <p style="text-align: justify; ">Публикация запустится, и вы увидите желтую панель у основания окна WebMatrix. Когда это произойдёт, вы поймёте, что это все сделано для вашего удобства. URL конечного сайта:</p> <p><img src="/upload/medialibrary/bef/befc9538fefb20ba92e0469a73945547.PNG" title="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" hspace="5" vspace="5" border="0" alt="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" width="700" height="37" /></p> <h2>Использование публикуемых настроек</h2> <p style="text-align: justify; ">Вы, возможно, заметили, что в диалоговом окне существует возможность настроить импорт и публикацию. Некоторые поставщики услуг хостинга посылают вам по электронной почте документ, в котором вы указываете публикуемые настройки, что делает настройку публикации более простой (в частности это делает Parking.ru с недавних пор, однако <b>это так же не является рекомендацией по выбору хостинга</b>).</p> <p style="text-align: justify; ">Чтобы сделать это, просто нажмите ссылку «Импорт публикуемых настроек» и выберете путь к файлу, котрый вы сохраните на жесткий диск. Когда вы откроете его, WebMatrix засчитает все настройки, включая соединения с базой данных. Ваш сайт готов к публикации в интернете.</p> <h2>Просмотр вашего сайта в интернете</h2> <p style="text-align: justify; ">Введите URL своего сайта, и убедитесь, что он работает в интернете. Перед вами отобразится сообщение «Сайт скоро будет открыт». Это произойдет, потому что по умолчанию у вас еще нет страницы на сайте. Поэтому введите URL своего сайта и добавьте к нему часть /dataMovies.cshtml, как показано здесь:</p> <p>http://kweddle.webmatrix01.cytanium.com/dataMovies.cshtml</p> <p style="text-align: justify; ">,(где часть kweddle.webmatrix01.cytanium.com – это ваш сайт, у которого будет отличный адрес),</p> <p>Когда вы сделаете это, убедитесь, что ваш сайт работает и доступен в интернет:</p> <p><img src="/upload/medialibrary/254/254b0bf4f932e883989e1d74f1531cd1.PNG" title="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" hspace="5" vspace="5" border="0" alt="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" width="700" height="472" /></p> <p style="text-align: justify; ">На этом сайте вы можете сделать все, что вы делали со своим сайтом в его <b>локальной версии</b>. Так, например, вы можете выбрать пункт «Добавить новый фильм». Заполните форму, и фильм будет добавлен к базе данных, а страница обновлена. Здесь вы можете увидеть, какие фильмы добавил я, если посмотрите код уже существующего сайта и фильм «Миллион поездок года».</p> <p><img src="/upload/medialibrary/599/599f143ac875a6cc3ea878e05cdbd04a.PNG" title="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" hspace="5" vspace="5" border="0" alt="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" width="700" height="472" /></p> <h2>Синхронизация ваших сайтов</h2> <p style="text-align: justify; ">Теперь необходимо решить интересную задачу. У вас есть 2 отдельных сайта: один находится на вашем интернет-сервере, который содержит новый фильм, второй же находится на вашей локальной машине.</p> <p style="text-align: justify; ">К счастью, WebMatrix помогает вам синхронизировать сайты с помощью функции «Загрузить опубликованный сайт». Так, например, мой сайт dataMovies.cshtml работает локально:</p> <p><img src="/upload/medialibrary/ab2/ab250a6717e71f9668843c68826e421d.PNG" title="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" hspace="5" vspace="5" border="0" alt="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" width="700" height="472" /></p> <p style="text-align: justify; ">Как вы могли заметить, я только что разместил на своем сайте 5 фильмов, а не 6. Если я опубликую их, то перезапишу 6-ой фильм, добавив его к «работающему» сайту, выбрав опцию «Загрузить опубликованный сайт» в меню «Publish» (Публиковать):</p> <p><img src="/upload/medialibrary/55e/55e8de17761f026abd9e7350cb892d75.png" title="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" hspace="5" vspace="5" border="0" alt="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" width="238" height="244" /></p> <p style="text-align: justify; ">WebMatrix определит все файлы, которые изменились на моем работающем сайте, и позволит мне загружать и перезаписывать свои локальные данные, включая базу данных.</p> <p><img src="/upload/medialibrary/464/4648704fbe0f829b386a89e7b9c8822c.PNG" title="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" hspace="5" vspace="5" border="0" alt="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" width="700" height="498" /></p> <p style="text-align: justify; ">Нажмите «Продолжить», и фильм загрузится на сайт. Когда это произойдет, вы увидите желтую панель у основания окна WebMatrix.</p> <p><img src="/upload/medialibrary/d30/d306c248a699a51755b2f2ccee9a6d6a.PNG" title="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" hspace="5" vspace="5" border="0" alt="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" width="700" height="38" /></p> <p style="text-align: justify; ">Теперь, если я запущу сайт снова, я увижу, что все 6 фильмов находятся на моем сайте, и что данные, которые содержатся у меня на сервере, синхронизировались и доступны в интернете:</p> <p><img src="/upload/medialibrary/87d/87da06d08a070b0d0b0e5915ece0d8e0.PNG" title="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" hspace="5" vspace="5" border="0" alt="Разработка сайта 101: Часть 9, Разворачивание вашего сайта в интернете" width="700" height="493" /></p> <h2>Заключение</h2> <p style="text-align: justify; ">УРА! Вы создали свой сайт <b>полностью на WebMatrix</b>. Вы начали с основного, статического HTML-кода, а закончили полностью управляемыми данными приложением CRUD, которое работает в интернет на хостинге поставщика услуг WebMatrix. Вы также научились делать так, чтобы это приложение выполняло синхронизацию данных между сервером и вашим компьютером!</p> <p style="text-align: justify; "><i>Однако не забывайте о том, что </i><i>WebMatrix не является средством версионирования и совместной разработки, так что если несколько разработчиков одновременно вносят правки на свои локальные копии, а потом синхронизуются с веб-сервером, то порой могут получать весьма неприятные результаты. </i><b><i>WebMatrix – средство простой, но индивидуальной веб разработки!</i></b><i> </i></p> <p style="text-align: justify; ">Добро пожаловать в замечательный мир веб-разработки. Чтобы узнать больше о WebMatrix, пожалуйста, посетите сайт web.ms/webmatrix.</p> <div style="text-align: right; ">26.1.2012</div> <div style="text-align: right; ">Задойный А.В.</div>