Заметка: активирована адаптивная версия сайта, которая автоматически подстраивается под небольшой размер Вашего браузера и скрывает некоторые детали сайта для удобства чтения. Приятного просмотра!
Здравствуйте дорогие гости и постоянные читатели блога о создании сайтов – Site on! В одной из предыдущих статей этого раздела я обещал вам рассказать, как всего за пару минут можно создать собственные ЧПУ ссылки. Несмотря на то, что статья может показаться вам объёмной, а для некоторых и сложной – я надеюсь, когда дочитаете её до конца, вы согласитесь, что в создании ЧПУ действительно нет ничего сверхъестественного.
ЧПУ – это исковерканная англоязычная аббревиатура (search engines friendly url). Она обозначает адреса ссылок, которые дружелюбны для поисковых систем. О ЧПУ я также писал в статье про . В русскоязычном варианте SEF URL пишется как ЧПУ – человеко-понятные url. Что всё это значит? Это значит, что адреса ваших ссылок будут иметь осознанный текст, а не технический мусор, за примером можете сходить по ссылке выше.
Какие преимущества дают SEF URL?
Во-вторых , SEO. Такие ссылки приветствуются поисковыми системам, пару лет назад они могли бы дать вам значительный перевес над конкурентами. Сегодня подобные ссылки являются само собой разумеющимися, сейчас редко встретишь сайты с не ЧПУ ссылками, однако они до сих пор есть.
В-третьих , это престиж. Когда я захожу на сайты, где вместо понятного и красивого адреса в ссылках содержится разного рода мусор, а то и засекреченная информация – я задаюсь вопросом: «Вроде бы приличный сайт, но почему разработчики не сделали ЧПУ? Неужели это было так сложно? Может им настолько нет дела до подобных вещей или просто не хватает знаний и навыков?». В общем, для меня такие сайты большая загадка.
В-четвёртых , безопасность. Сайты с ЧПУ ссылками не содержат в своём адресе техническую информацию переданную методом GET (), которую можно запросто использовать для взлома сайта.
И последнее : ЧПУ – как средство навигации. Если ссылка понятна пользователю, то он сам может переходить по разделам сайта, просто редактируя ваш URL. Например:
Http://сайт/useful/2-sublime-text-2
Http://сайт/useful/ Options +SymLinksIfOwnerMatch
RewriteEngine On
Имеем следующий файл.htaccess:
Правила и условия mod_rewrite
Все правила записываются с помощью команды RewriteRule , после которой ставится пробел и записывается шаблон ваших ЧПУ с помощью регулярных выражений, далее ставится ещё один пробел и указывается строка, в которую мы хотим преобразовать данный шаблон, где $1,$2,…$n – наши переменные. Более подробно о вы можете узнать по приведённой выше ссылке, а также далее в данной статье. Давайте рассмотрим пример:
RewriteRule ^useful/(*) /index.php?category=useful&article=$1
Где ^useful/(*) – это шаблон ожидаемого url,
а /index.php?category=useful&article=$1 – это то, во что мы его конвертируем, если пришедший URL подошёл под шаблон.
При этом $1 равен тому, что написано в круглых скобках , то есть $1 = * Если бы круглые скобки встречались 2 раза, то у нас были бы переменная $1 и $2, если круглые скобки встречаются 3 раза, то переменные $1, $2, $3 и так далее. При этом переменные создаются в том же порядке, как идут круглые скобочки.
Понятно? – молодцы. Непонятно? - идёмте дальше, мы ещё к этому вернёмся. Также хочу обратить ваше внимание на то, что для лучшего понимания статьи, вы уже должны обладать начальными знаниями о PHP, а также о работе с методами GET и POST. Продолжаем.
Для того чтобы наш обработчик, то есть mod_rewrite не срабатывал каждый раз без надобности, мы в RewriteRule указываем шаблон, которому должны соответствовать приходящие URL. Если URL не соответствует шаблону, то mod_rewrite просто не сработает и не преобразует пришедший SEF URL в URL, с которым мы можем работать.
То есть на данном этапе вам важно понять саму суть: в ЧПУ ссылках не передаются параметры, а без параметров мы не можем ничего сделать в PHP с этой ссылкой, поэтому с помощью mod_rewrite мы преобразуем ЧПУ ссылку без параметров в не ЧПУ ссылку с параметрами . Что такое параметры? В примере выше имеем 2 параметра:
/index.php?category=useful&article=$1
Параметр category и параметр article .
Опять-таки обращаю ваше внимание, что про параметры вы уже должны были знать, я лишь вкратце вам напомнил.
В шаблонах мы можем использовать символы и символьные классы . Символ точки обозначает абсолютно любой символ.
- . – любой одиночный символ
- – это класс символов. Обозначает наличие одного из перечисленных символов с учётом регистра.
- – класс символов. Обозначает наличие одного из символов в промежутки от a до z , то есть весь английский алфавит.
- – то же самое, только без учёта регистра, то есть весь алфавит, включая и большие и маленькие буквы.
- Можно и с цифрами:
- Естественно, всё можно комбинировать:
- [^rewfad] – класс символов, но со знаком ^ внутри квадратных скобочек обозначает, что шаблон НЕ должен содержать данных символов.
- site|cite – обозначает альтернативу: подходит site или cite.
Квантификаторы или кванторы
Все предыдущие примеры обозначали один символ (одну единицу), а что если мы хотим показать, что символов из этого промежутка может быть не один, а сколько угодно. Для этого мы должны использовать квантификаторы:
- ? — 0 или 1 символ из предшествующего текста (класса символов, символа и тд.)
- * — 0 или любое количество символов из предшествующего текста (n>0)
- + — 1 или любое количество символов из предшествующего текста (n>1)
- {n} — ровно n символов, где n – конкретное число.
Например:
- {4} — должно быть ровно 4 символа из предшествующего текста.
- {4,5} — 4 или 5 символов
- {,6} — от нуля до 6 символов
- {4,} — от 4 до бесконечности символов
Примером может послужить наша уже известная строчка:
RewriteRule ^useful/(*)
В которой мы применили квантификатор (квантор) звёздочку (*) после класса символов . Это значит, что в нашем URL после useful/ могут находиться символы от a до z в любом количестве и, естественно, в любой последовательности, а могут и не быть вовсе. Домен в счёт не берём, он подразумевается сам по себе.
Экранирование
Также при составлении шаблона не стоит забывать и про . Если вы хотите заключить в класс символов, например, символ точки, то вам нужно её заэкранировать, так как без экранирования точка (служебный символ) обозначает абсолютно любой символ:
Тоже самое касается и квадратных скобочек, они у нас обозначают класс символов, поэтому если в вашем url могут быть квадратные скобочки их нужно заэкранировать:
Ограничение начала и конца строки (маркеры)
Для того чтобы указать начало или конец строки, без учёта домена, используются символы:
- ^ - начало URL
- $ - конец URL
То есть в нашем первом примере мы указали, что наш шаблон начинается именно с начала URL, а не откуда угодно (с середины, с конца):
RewriteRule ^useful/()
Обращаю ваше внимание на то, что знак ^ внутри квадратных скобок обозначает отрицание, не путайте!
Обратные связи в mod_rewrite
$n – это наша «переменная» в круглых скобках, о них мы уже говорили. Работает для RewriteRule.
%n – то же самое, только в RewriteCond . RewriteCond мы ещё не рассматривали, он у нас впереди.
Итак, если RewriteRule – это наши правила преобразования URL, то RewriteCond – это условие, аналог . RewriteCond нужно в ситуациях, когда вам необходимо выполнить URL преобразование (RewriteRule) только при выполнении какого-то условия.
У сервера есть свои собственные переменные, которые мы можем использовать в наших условиях RewriteCond:
HTTP заголовки:
HTTP_USER_AGENT
HTTP_REFERER
HTTP_COOKIE
HTTP_FORWARDED
HTTP_HOST
HTTP_PROXY_CONNECTION
HTTP_ACCEPT REMOTE_ADDR
Соединение и запрос:
REMOTE_HOST
REMOTE_USER
REMOTE_IDENT
REQUEST_METHOD
SCRIPT_FILENAME
PATH_INFO
QUERY_STRING
AUTH_TYPE
Внутри серверные:
DOCUMENT_ROOT
SERVER_ADMIN
SERVER_NAME
SERVER_ADDR
SERVER_PORT
SERVER_PROTOCOL
SERVER_SOFTWARE
Системные:
TIME_YEAR
TIME_MON
TIME_DAY
TIME_HOUR
TIME_MIN
TIME_SEC
TIME_WDAY
TIME
Специальные:
API_VERSION
THE_REQUEST
REQUEST_URI
REQUEST_FILENAME
IS_SUBREQ
Синтаксис применения серверных переменных таков:
%{переменная}
Давайте составим наше первое условие:
RewriteCond %{HTTP_USER_AGENT} ^Mozilla.* RewriteRule …
Если посетитель зашёл с браузера Mozilla Firefox, то выполняем следующее правило. Как видите, в отличие от PHP мы не используем фигурные скобки для обрамления нашего правила, которое выполнится, если условие TRUE.
RewriteCond позволяет использовать операторы сравнения: < (меньше), > (больше), = (равно). Также есть специальные значения, например:
- -d (является ли каталогом)
- -f (является ли файлом)
- -s (является ли файлом с ненулевым размером)
- ! – отрицание.
Флаги
- nocase|NC – можно писать либо nocase, либо NC, это одно и то же, обозначает регистро-независмость. То есть мы можем больше не писать:
Вместо этого написать так:
RewriteRule ^useful/
Если нужно поставить одновременно несколько флагов, ставим их через запятую, например:
Как вы уже могли догадаться, mod_rewrite можно использовать не только для ЧПУ, но и для многих других интересный целей, например, клоакинга – это метод чёрного SEO, когда по одному и тому же адресу посетителям отдаётся одна страница, а поисковым роботам совершенно другая. Ну и под конец статьи, я покажу вам живой пример использования всего написанного выше и как же это всё работает взаимодействуя с нашим PHP.
Живой пример использования mod_rewrite
Итак, вот какой вид имеет мой файл.htaccess:
Options +SymLinksIfOwnerMatch
RewriteEngine On
RewriteCond %{HTTP_HOST} ^www\.(.*)$
RewriteRule ^(.*)$ http://%1/$1
RewriteCond %{HTTP_HOST} ^[^www\.].*$
RewriteRule ^/?(+)/?$ /index.php?article=$1 [L]
Что происходит в этом ужасе? Для начала я проверяю, не набрал ли человек старой закалки мой адрес с www, если набрал, то перенаправляю его на тот же адрес, только без www. Зачем именно это нужно я напишу в одной из следующих статей, если коротко, то для SEO. После перенаправления с www на без www у нас заново считался наш файл.htaccess, поэтому всё начинается снова: проверяем, не пришёл ли нам УРЛ с www, в этот раз - нет. Далее (второй RewriteCond) мы проверяем, если наш УРЛ действительно без www, то делаем преобразования, а именно: заносим весь URL (без имени домена) в параметр article.
На этом работа.htaccess завершена и на сцену выходит PHP. Следующий код размещён в index.php:
If (!empty($_GET["article "])){ // проверяем параметр article на пустоту switch($_GET["article "]){ case "значение1": $page = "путь до php файла1 нашей страницы";break; case "значение2": $page = "путь до php файла2 нашей страницы";break; case "значение3": $page = "путь до php файла3 нашей страницы";break; ... } include $page; // подключаем нужный файл, в зависимости от пришедшего параметра article }
О том, как работает , я подробно писал в статье по указанной ссылке. Вот и всё, дамы и господа! Наконец-то наша статья подошла к логическому завершению, и теперь вы сможете попрактиковать полученные знания. Я прощаюсь с вами до выхода новой статьи, а напоследок хочу привести интересную цитату:
«Несмотря на тонны примеров и документацию, mod_rewrite это Вуду. Чертовски клёвый Вуду, но все-таки Вуду.»
Мир интернета стремительно развивается и покоряет все новые вершины. Миллионы сайтов, сервисов и служб рады принять очередного пользователя на своих страницах. Создано огромное количество адресов, которые генерируются автоматически. И не всегда их удобно читать и запоминать. К тому же бессмысленный набор символов плохо ранжируется поисковыми системами. Вследствие этого возникла необходимость ввести реализацию кода таким образом, чтобы он мог предстать в более удобном и приятном глазу пользователя виде.
Поэтому в мире веб-разработок появился термин ЧПУ-ссылки. О том, что это такое и как его реализовать, пойдёт речь в статье.
Что такое ЧПУ-ссылки
Вообще, ЧПУ - слово жаргонное, означающее человекопонятный урл. УРЛ - заимствование от английского URL, единообразного локатора ресурса. Человекопонятный, в свою очередь, означает набор символов в адресной строке, который удобно и легко воспринимается. Например, генерируемый адрес страницы может выглядеть так: http://example.com/index.php?page=name. Не очень понятно смотрится и не показывает структуру сайта. Присутствуют знаки, не несущие смысловой нагрузки и неясно, что значит страница и имя.
Следующий адрес может выглядеть так: http://example.com/products/new/boat. Здесь понятно, что речь о продукции, причём новой, а конкретно - о лодке. Это и есть человекопонятный урл. Он гораздо лучше индексируется поисковыми системами и показывается в выдаче выше остальных. А человек, посетивший сайт, сможет понять, что зашёл именно в нужный раздел.
Однако у ЧПУ-ссылок есть некоторые ограничения. Например, в адресе нельзя использовать русские символы. Они при этом заменяются на числовое значение и знак процента. Поэтому отечественные разработчики используют транслитерацию русских слов в латиницу. Например, так - oborudovanie или produkcia. Также автоматически сформированная ЧПУ-ссылка может увеличить общую длину строки.
Для реализации транслитерации и преобразования к человекопонятным урлам используются специальные средства. Доступны они, как правило, в системах управления контента - CMS. Создание ЧПУ-ссылок происходит в них автоматически, на основе названия товара, статьи или блога, а также раздела, в котором он размещён. В итоге, при создании новой записи, добавления товара формируется человекопонятный урл, который хорошо воспринимается и людьми, и машинами.
Как сделать ссылки ЧПУ в популярных CMS
CMS — система управления, контентом, которая в удобном и простом интерфейсе позволяет в короткие сроки создать полноценный сайт. Функционал расширяется за счёт наличия большого количества готовых шаблонов, модулей и плагинов. Это позволяет человеку далёкому от языков программирования PHP, JavaScript, HTML и смежных им, быстро создать свой собственный сайт или блог.
Практически все системы управления контентом обладают отличным набором инструментов в виде плагинов для создания ЧПУ. Стоит подробнее рассмотреть наиболее распространённые из них.
- WordPress — самая популярная, по статистике, система управления контентом. Она установлена на большинстве известных блогов и сайтов. Славится простотой освоения и установки.
- Joomla — популярна меньше, но все же активно используется среди разработчиков. Обладает хорошим функционалом, выбором компонентов, плагинов и модулей.
- OpenCart — отдельный проект для создания интернет-магазинов. Внутренне напоминает любую CMS, но «заточен» под решение узкого круга задач.
ЧПУ-ссылки в WordPress — простота реализации
WordPress является, наверное, самой простой системой управления контентом. Она способна значительно упростить создание сайта или блога с нуля за короткое время.
Настройка ЧПУ в WordPress проста и сводится в основном к скачиванию и установке плагина Cyr-To-Lat. Он служит для преобразования кириллических строк в латиницу.
Для начала стоит его найти и скачать. Делать это лучше с официального сайта WordPress. Так можно избежать вероятности попадания в плагин вредоносного или рекламного кода.
- После скачивания архива его нужно распаковать.
- Затем надо переместить эту папку в раздел wp-content ->plugins. Делается это, как правило, с помощью любого доступного FTP менеджера.
- Теперь нужно зайти в административную панель WordPress, введя логин и пароль.
- В разделе «Плагины» надо найти Cyr-To-Lat и активировать его. Плагин теперь установлен в системе и включен.
- Для этого надо перейти в «Параметры», и там зайти в «Постоянные ссылки».
- В общих настройках есть несколько шаблонов, по которым можно построить внешний вид ссылки. Рекомендуется использовать тип «Произвольно», позволяющий настроить все, как необходимо. Самая простая конструкция для такого шаблона - /%category%/%postname%/. Она означает, что в адресной строке будет выводиться категория, а затем название поста.
- А потом уже Cyr-To-Lat преобразует все это в латиницу. В результате, получится красивая и понятная ЧПУ-ссылка в WordPress.
Помимо Cyr-To-Lat, можно использовать и аналоги, которые присутствуют на официальном сайте. Например, такие — WP Translitera, ACF: Rus-To-Lat, Rus-To-Lat Advanced. Установка данных плагинах похожа, поэтому останавливаться на них отдельно не имеет смысла.
ЧПУ в Joomla, несколько вариантов создания
Joomla немного более сложная система управления контентом. Так же, как и WordPress обладает свойством создавать сайты и блоги в короткие сроки. Она имеет обширный функционал и гибкость. Далее, нужно описать как сделать ссылки ЧПУ в данной CMS.
Joomla изначально обладает встроенным функционалом для создания человекопонятных урлов. ЧПУ-ссылки в Joomla 3 можно включить на странице общих настроек в разделе «Настройки SEO». Пункт «Включить SEF (ЧПУ)» должен быть установлен в положение «Да». Таким образом ссылки будут преобразованы в более понятный вид.
Здесь же можно дополнительно установить перенаправление урлов, путем создания ЧПУ-ссылки в htaccess. Этот файл выполняет роль конфигурационного хранилища веб-сервера Apache. В нем можно с помощью регулярных выражений и директивы RewriteRule изменить преобразование ссылки в нужный урл. Главное отличие такого подхода - гибкость. Можно привести ссылки практически к любому виду.
Пункт «Добавлять суффикс к URL» приставляет в конце строки расширение документа. Например, html. Данное расширение мало интересует рядового посетителя сайта, поэтому опцию можно оставить в положении «Нет».
Алиасы в Unicode - данный пункт проводит транслитерацию названия материала в латиницу. Это нужно для того, чтобы вместо русских букв или других символов не отображалось нечто несуразное и нечитаемое.
Альтернативные компоненты для Joomla
Реализовать генератор ЧПУ-ссылок в Joomla также можно с помощью различных компонентов. Например, один из популярных - JoomSEF. Он распространяется бесплатно и лучше скачивать его с официального сайта Joomla.
В её функционал, помимо преобразования урлов в ЧПУ, имеется набор для генерирования метаданных, поисковых машин, ключевых слов, а также управления дублирующимися страницами. Стоит отметить имеющуюся поддержку кодировки UTF-8 и настройку страницы 404 по своему усмотрению.
В Joomla 3 возможны три способа установки: загрузкой напрямую с компьютера, из каталога сайта и посредством передачи ссылки на него.
Для первого варианта файл придётся скачать. Затем выбрать в меню административной панели CMS в «Расширения» и перейти в «Менеджер расширений». С помощью кнопки «Выберите файл» надо показать системе подготовленный архив и установить его.
Второй вариант используется редко. А вот третий является самым удобным из них, так как не требует скачивания. Достаточно всего лишь скопировать ссылку на JoomSEF и указать его в поле «Установить из URL» на одноимённой вкладке. Система сама проверит его наличие и при соответствии всех параметров установит.
Стоит отметить, что для полноценной работы дополнения, нужно чтобы пункты «Включить SEF», «Перенаправление URL» и «Добавлять суффикс к URL» в настройках SEO были переведены в положение «Да».
Установленный компонент сразу же внедрится в систему в активном режиме и начнёт свою работу. А именно, преобразует все имеющиеся ссылки в более эстетичный вид.
JoomSEF обладает большим количеством настроек и опций. С их помощью можно очень тонко привести все ссылки сайта практически к любому необходимому виду.
JBZoo и человекопонятный урл
Компонент JBZoo представляет собой универсальный и мощный инструмент для создания интернет-магазинов, каталогов, блогов и просто сайтов-визиток на базе системы управления контентом Joomla.
Для установки JBZoo в Joomla в ней уже должно присутствовать дополнение Zoo.
Иногда стандартные настройки SEF не дотягиваются до своих компонентов, чтобы выполнить преобразование. Поэтому для создания ЧПУ-ссылок в JBZoo рекомендуется применять компонент sh404SEF. Данный продукт бесплатен и является хорошим инструментом для формирования ссылок в JBZoo. настроек, функций, поддержки различных соцсетей и сервисов.
Установка производится путем копирования ссылки на архив, либо с помощью прямой загрузки файла на сервер, скачанного предварительно.
OpenCart и настройка ЧПУ
OpenCart — это платформа без привязки к какой-либо системе управления контентом. То есть функционирует отдельно. Ее главная направленность — удобное создание интернет-магазинов различной степени сложности. Несмотря на то что сам продукт бесплатен, многие дополнения к нему распространяются на коммерческой основе. Последняя стабильная версия — 2.0.
Начать настройку ЧПУ первым способом можно с редактирования конфигурационного файла htaccess веб-сервера Apache.
- Для этого нужно перейти в папку сайта через FTP или имеющийся в административной памяти файловый менеджер.
- В корневом каталоге должен лежать файл.htaccess.txt. Так как он не оказывает никакого действия на систему с расширением txt, то первое, что надо сделать — переименовать его в.htaccess. Теперь веб-сервер будет читать его директивы и исполнять их.
- Теперь нужно перейти в настройки сайта и на вкладке «Сервер» включить использование ЧПУ.
- Все изменения нужно сохранить.
- Теперь все ссылки должны преобразится.
Иногда, ввиду некоторых причин, многие адреса все же не изменяются и остаются непонятными. Для реализации этой задачи можно использовать компонент SeoPro. Правда, перед его установкой придётся сначала реализовать OCMOD Multiline Fix. Для этого нужно вручную изменить код одного файла. Находится он по адресу admin/controller/extension/modification.php. Для его редактирования рекомендуется использовать утилиту Notepad++, чтобы избежать проблем с кодировками.
Добавить нужно всего одну строку кода в блок после переменной $limit. Выглядит она так:
- $quote = $operation->getElementsByTagName("search")->item(0)->getAttribute("quote");
- if (!$limit) {
- $limit = -1;
и после него добавить:
- if ($quote == "true") {
- $search = preg_quote($search);
Затем надо собственно установить и сам модуль SeoPro. Скачанный архив нужно распаковать на сервере. Затем выполнить пару запросов в базу данных посредством phpmyadmin:
- ALTER TABLE `oc_product_to_category` ADD `main_category` tinyint(1) NOT NULL DEFAULT "0"; ALTER TABLE `oc_product_to_category` ADD INDEX `main_category` (`main_category`);
Теперь нужно поправить главный файл index.php. В нем интересует строка:
- $controller->addPreAction(new Action("common/seo_url"));
которая заменяется на:
- if (!$seo_type = $config->get("config_seo_url_type")) {
- $seo_type = "seo_url";
- $controller->addPreAction(new Action("common/" . $seo_type));
Далее, идёт набор процедур, связанных с настройками внутри админки. В меню надо найти «Модули», перейти в «Модификаторы» и нажать на обновления. Находясь здесь же, нужно перейти к списку «Модули» и в нем установить SeoPro. Затем, по нажатию кнопки «Редактировать» зайти в него и сохранить. После всех манипуляций все должно заработать, если нет, то надо попробовать снова переустановить модуль. Или обратиться за помощью к специализированным форумам.
Реализация функционала ЧПУ на языке PHP
Большинство сайтов в Сети написаны на PHP. Он достаточно мощен, удобен и прост в изучении. Его работа незаметна для пользователя, так как обработка PHP-кода происходит на стороне сервера и браузеру отправляется уже готовая HTML-страница, понятная ему.
Показать реализацию ЧПУ-ссылок на PHP можно на небольшом примере кода. Однако для приведения строк адреса в реальных многостраничных проектах к человекопонятному виду, придётся повозиться.
Любой сайт начинает свою работу с файла index.php. В том числе и генерирует обращение к другим страницам сайта. Но сначала нужно немного изменить конфигурационный файл htaccess. В нем надо указать или расскомментировать несколько директив, как показано на фото.
Первая строка разрешает преобразовать URL с помощью сервера. Вторая — устанавливает базовый адрес. Следующие две строки выполняют проверки на присутствие файла и папки. Последняя передаёт управление в index.php, если 3 и 4 строка реализуются без ошибок.
Для хранения соответствия id страницы и её преобразованного значения нужна таблица. Поэтому её надо создать. В частности, можно создать простенькую, для понимания процесса. Она будет содержать два поля: SEF и page_id. SEF хранит название и имеет тип varchar. А page_id - номера страниц типа int.
Теперь осталось поправить и сам файл index.php. Это всего лишь пример и на практике конкретного проекта все может быть несколько иначе: $result = $_SERVER["REQUEST_URI"]. В данной строке в переменную $result передаётся запрошенный урл.
- if (preg_match ("/([^a-zA-Z0-9\.\/\-\_\#])/", $result)) { header("HTTP/1.0 404 Not Found"); echo "Недопустимые символы в URL"; exit; }
В этом блоке проверяется наличие символов, цифр и некоторых знаков. Если присутствует что-то другое кроме перечисленных, то выдаётся страница 404.
- $array_url = preg_split ("/(\/|\..*$)/", $result,-1, PREG_SPLIT_NO_EMPTY);
Здесь объявлен массив $array_url, в который с помощью функции preg_split помещаются элементы, не имеющие ничего лишнего в ЧПУ.
- if (!$array_url) { $ID_page = 1; }else{ $sef_value = $array_url;
Здесь происходит обработка запроса в случае, когда обращение было произведено не к конкретной странице, а к домену. Поэтому нужно в ответ отправить id = 1. Также на этом месте подразумевается запрос к базе данных проекта, который узнает, имеется ли в ней значение из переменной $sef_value в поле SEF. Если ничего не найдено, отправить пользователю страницу 404. В конце идёт обработка полученного в результате кода адреса и выдача соответствующих материалов или элементов.
Плюсы и минусы использования ЧПУ
Преимущества использования человекопонятных урлов можно перечислить таким образом:
- ссылка визуально выглядит эстетичнее, нежели набор непонятных символов, особенно на незнакомых сайтах;
- запоминание адреса происходит гораздо легче;
- весь путь и структура сайта становится понятной;
- GET параметры, передающиеся обычным путем, используют переменные в адресной строке, чего нет в ЧПУ, а значит, не нарушается безопасность;
- улучшение навигации по сайту;
- СЕО-оптимизация значительно улучшается и поисковые роботы лучше индексируют такой сайт.
Недостатков гораздо меньше. И самый существенный из них - это настройка. Не всегда удаётся привести адреса страниц к человекопонятному виду путем штатных или сторонних решений. Иногда приходится вникать в код и править его самостоятельно, что требует знаний и времени. Второй недостаток не так существенен и касается сайтов с большой посещаемостью. Из-за формирования ссылок на «лету» повышается нагрузка на сайт. Но так как стоимость сетевого оборудования неуклонно снижается, то такие затраты на ресурсы сервера мало кто считает. В общем, преимущества значительно перевешивают недостатки, поэтому несмотря на сложную реализацию человекопонятных урлов, использовать их стоит.
Заключение
В статье рассмотрено, какие ссылки являются ЧПУ, а какие нет. Были подробно расписаны наиболее простые и быстрые решения проблемы. А также несколько самых доступных вариантов сложных подходов. В любом случае использование CMS при разработке сайта значительно снижает трудо- и временные затраты при оптимизации адресов страниц. Поэтому связка CMS и ЧПУ должна быть использована как наиболее эффективная альтернатива ручной разработке.
И так, в рамках этой статьи-инструкции я хочу, что бы вы вместе с автором проекта, 21 летним механиком и дизайнером, изготовили свой собственный . Повествование будет вестись от первого лица, но знайте, что к большому своему сожалению, я делюсь не своим опытом, а лишь вольно пересказываю автора сего проекта.
В этой статье будет достаточно много чертежей , примечания к ним сделаны на английском языке, но я уверен, что настоящий технарь все поймет без лишних слов. Для удобства восприятия, я разобью повествование на «шаги».
Предисловие от автора
Уже в 12 лет я мечтал построить машину, которая будет способна создавать различные вещи. Машину, которая даст мне возможность изготовить любой предмет домашнего обихода. Спустя два года я наткнулся на словосочетание ЧПУ или если говорить точнее, то на фразу "Фрезерный станок с ЧПУ" . После того как я узнал, что есть люди способные сделать такой станок самостоятельно для своих нужд, в своем собственном гараже, я понял, что тоже смогу это сделать. Я должен это сделать ! В течение трех месяцев я пытался собрать подходящие детали, но не сдвинулся с места. Поэтому моя одержимость постепенно угасла.
В августе 2013 идея построить фрезерный станок с ЧПУ вновь захватила меня. Я только что окончил бакалавриат университета промышленного дизайна, так что я был вполне уверен в своих возможностях. Теперь я четко понимал разницу между мной сегодняшним и мной пятилетней давности. Я научился работать с металлом, освоил техники работы на ручных металлообрабатывающих станках, но самое главное я научился применять инструменты для разработки. Я надеюсь, что эта инструкция вдохновит вас на создание своего станка с ЧПУ!
Шаг 1: Дизайн и CAD модель
Все начинается с продуманного дизайна. Я сделал несколько эскизов, чтобы лучше прочувствовать размеры и форму будущего станка. После этого я создал CAD модель используя SolidWorks. После того, как я смоделировал все детали и узлы станка, я подготовил технические чертежи. Эти чертежи я использовал для изготовления деталей на ручных металлообрабатывающих станках: и .
Признаюсь честно, я люблю хорошие удобные инструменты. Именно поэтому я постарался сделать так, чтобы операции по техническому обслуживанию и регулировке станка осуществлялись как можно проще. Подшипники я поместил в специальные блоки для того, чтобы иметь возможность быстрой замены. Направляющие доступны для обслуживания, поэтому моя машина всегда будет чистой по окончанию работ.
Файлы для скачивания «Шаг 1»
Габаритные размеры
Шаг 2: Станина
Станина обеспечивает станку необходимую жесткость. На нее будет установлен подвижной портал, шаговые двигатели, ось Z и шпиндель, а позднее и рабочая поверхность. Для создания несущей рамы я использовал два алюминиевых профиля Maytec сечением 40х80 мм и две торцевые пластины из алюминия толщиной 10 мм. Все элементы я соединил между собой на алюминиевые уголки. Для усиления конструкции внутри основной рамы я сделал дополнительную квадратную рамку из профилей меньшего сечения.
Для того, чтобы в дальнейшем избежать попадания пыли на направляющие, я установил защитные уголки из алюминия. Уголок смонтирован с использованием Т-образных гаек, которые установлены в один из пазов профиля.
На обоих торцевых пластинах установлены блоки подшипников для установки приводного винта.
Несущая рама в сборе
Уголки для защиты направляющих
Файлы для скачивания «Шаг 2»
Чертежи основных элементов станины
Шаг 3: Портал
Подвижной портал - исполнительный орган вашего станка, он перемещается по оси X и несет на себе фрезерный шпиндель и суппорт оси Z. Чем выше портал, тем толще заготовка, которую вы можете обработать. Однако, высокий портал менее устойчив к нагрузкам которые возникают в процессе обработки. Высокие боковые стойки портала выполняют роль рычагов относительно линейных подшипников качения.
Основная задача, которую я планировал решать на своем фрезерном станке с ЧПУ - это обработка алюминиевых деталей. Поскольку максимальная толщина подходящих мне алюминиевых заготовок 60 мм, я решил сделать просвет портала (расстояние от рабочей поверхности до верхней поперечной балки) равным 125 мм. В SolidWorks все свои измерения я преобразовал в модель и технические чертежи. В связи со сложностью деталей, я обработал их на промышленном обрабатывающем центре с ЧПУ, это дополнительно мне позволило обработать фаски, что было бы весьма затруднительно сделать на ручном фрезерном станке по металлу.
Файлы для скачивания «Шаг 3»
Шаг 4: Суппорт оси Z
В конструкции оси Z я использовал переднюю панель, которая крепится к подшипникам перемещения по оси Y, две пластины для усиления узла, пластину для крепления шагового двигателя и панель для установки фрезерного шпинделя. На передней панели я установил две профильные направляющие по которым будет происходить перемещение шпинделя по оси Z. Обратите внимание на то, что винт оси Z не имеет контропоры внизу.
Файлы для скачивания «Шаг 4»
Шаг 5: Направляющие
Направляющие обеспечивают возможность перемещения во всех направлениях, обеспечивают плавность и точность движений. Любой люфт в одном из направлений может стать причиной неточности в обработке ваших изделий. Я выбрал самый дорогой вариант - профилированные закаленные стальные рельсы. Это позволит конструкции выдерживать высокие нагрузки и обеспечит необходимую мне точность позиционирования. Чтобы обеспечить параллельность направляющих, я использовал специальный индикатор во время их установки. Максимальное отклонение относительно друг друга составило не более 0,01 мм.
Шаг 6: Винты и шкивы
Винты преобразуют вращательное движение от шаговых двигателей в линейное. При проектировании своего станка вы можете выбрать несколько вариантов этого узла: Пара винт-гайка или шарико-винтовая пара (ШВП). Винт-гайка, как правило, больше подвергается силам трения при работе, а также менее точна относительно ШВП. Если вам необходима повышенная точность, то однозначно необходимо остановить свой выбор на ШВП. Но вы должны знать, что ШВП достаточно дорогое удовольствие.
Целью этого проекта является создание настольного станка с ЧПУ. Можно было купить готовый станок, но его цена и размеры меня не устроили, и я решил построить станок с ЧПУ с такими требованиями:
- использование простых инструментов (нужен только сверлильный станок, ленточная пила и ручной инструмент)
- низкая стоимость (я ориентировался на низкую стоимость, но всё равно купил элементов примерно на $600, можно значительно сэкономить, покупая элементы в соответствующих магазинах)
- малая занимаемая площадь(30"х25")
- нормальное рабочее пространство (10" по оси X, 14" по оси Y, 4" по оси Z)
- высокая скорость резки (60" за минуту)
- малое количество элементов (менее 30 уникальных)
- доступные элементы (все элементы можно купить в одном хозяйственном и трех online магазинах)
- возможность успешной обработки фанеры
Станки других людей
Вот несколько фото других станков, собравших по данной статье
Фото 1 – Chris с другом собрал станок, вырезав детали из 0,5" акрила при помощи лазерной резки. Но все, кто работал с акрилом знают, что лазерная резка это хорошо, но акрил плохо переносит сверление, а в этом проекте есть много отверстий. Они сделали хорошую работу, больше информации можно найти в блоге Chris’a. Мне особенно понравилось изготовление 3D объекта при помощи 2D резов.
Фото 2 - Sam McCaskill сделал действительно хороший настольный станок с ЧПУ. Меня впечатлило то, что он не стал упрощать свою работу и вырезал все элементы вручную. Я впечатлён этим проектом.
Фото 3 - Angry Monk"s использовал детали из ДМФ, вырезанные при помощи лазерного резака и двигатели с зубчато-ремённой передачей, переделанные в двигатели с винтом.
Фото 4 - Bret Golab"s собрал станок и настроил его для работы с Linux CNC (я тоже пытался сделать это, но не смог из-за сложности). Если вы заинтересованы его настройками, вы можете связаться с ним. Он сделал великую работу!
Боюсь что у меня недостаточно опыта и знаний, чтобы объяснять основы ЧПУ, но на форуме сайта CNCZone.com есть обширный раздел, посвященный самодельным станкам, который очень помог мне.
Резак: Dremel или Dremel Type Tool
Параметры осей:
Ось X
Расстояние перемещения: 14"
Скорость: 60"/мин
Ускорение: 1"/с2
Разрешение: 1/2000"
Импульсов на дюйм: 2001
Ось Y
Расстояние перемещения: 10"
Привод: Зубчато-ременная передача
Скорость: 60"/мин
Ускорение: 1"/с2
Разрешение: 1/2000"
Импульсов на дюйм: 2001
Ось Z (вверх-вниз)
Расстояние перемещения: 4 "
Привод: Винт
Ускорение: .2"/с2
Скорость: 12"/мин
Разрешение: 1/8000 "
Импульсов на дюйм: 8000
Необходимые инструменты
Я стремился использовать популярные инструменты, которые можно приобрести в обычном магазине для мастеров.
Электроинструмент:
- ленточная пила или лобзик
- сверлильный станок (сверла 1/4", 5/16", 7/16", 5/8", 7/8", 8мм (около 5/16")), также называется Q
- принтер
- Dremel или аналогичный инструмент (для установки в готовый станок).
Ручной инструмент:
- резиновый молоток (для посадки элементов на места)
- шестигранники (5/64", 1/16")
- отвертка
- клеевой карандаш или аэрозольный клей
- разводной ключ (или торцевой ключ с трещоткой и головкой 7/16")
Необходимые материалы
В прилагаемом PDF файле (CNC-Part-Summary.pdf) предоставлены все затраты и информация о каждом элементе. Здесь предоставлена только обобщенная информация.
Листы --- $ 20
-Кусок 48"х48" 1/2" МДФ (подойдет любой листовой материал толщиной 1/2" Я планирую использовать UHMW в следующей версии станка, но сейчас это выходит слишком дорого)
-Кусок 5"x5" 3/4" МДФ (этот кусок используется в качестве распорки, поэтому можете брать кусок любого материала 3/4")
Двигатели и контроллеры --- $ 255
-О выборе контроллеров и двигателей можно написать целую статью. Коротко говоря, необходим контроллер, способный управлять тремя двигателями и двигатели с крутящим моментом около 100 oz/in. Я купил двигатели и готовый контроллер, и всё работало хорошо.
Аппаратная часть --- $ 275
-Я купил эти элементы в трех магазинах. Простые элементы я приобрёл в хозяйственном магазине, специализированные драйвера я купил на McMaster Carr (http://www.mcmaster.com), а подшипники, которых надо много, я купил у интернет-продавца, заплатив $40 за 100 штук (получается довольно выгодно, много подшипников остается для других проектов).
Программное обеспечение --- (бесплатно)
-Необходима программа чтобы нарисовать вашу конструкцию (я использую CorelDraw), и сейчас я использую пробную версию Mach3, но у меня есть планы по переходу на LinuxCNC (открытый контролер станка, использующий Linux)
Головное устройство --- (дополнительно)
-Я установил Dremel на свой станок, но если вы интересуетесь 3D печатью (например RepRap) вы можете установить свое устройство.
Печать шаблонов
У меня был некоторый опыт работы лобзиком, поэтому я решил приклеить шаблоны. Необходимо распечатать PDF файлы с шаблонами, размещенными на листе, наклеить лист на материал и вырезать детали.
Имя файла и материал:
Всё: CNC-Cut-Summary.pdf
0,5" МДФ (35 8.5"x11" листов с шаблонами): CNC-0.5MDF-CutLayout-(Rev3).pdf
0,75" МДФ: CNC-0.75MDF-CutLayout-(Rev2).pdf
0,75" алюминиевая трубка: CNC-0.75Alum-CutLayout-(Rev3).pdf
0,5 "MDF (1 48"x48" лист с шаблонами): CNC-(One 48x48 Page) 05-MDF-CutPattern.pdf
Примечание: Я прилагаю рисунки CorelDraw в оригинальном формате (CNC-CorelDrawFormat-CutPatterns (Rev2) ZIP) для тех, кто хотел бы что то изменить.
Примечание: Есть два варианта файлов для МДФ 0,5". Можно скачать файл с 35 страницами 8.5"х11" (CNC-0.5MDF-CutLayout-(Rev3), PDF), или файл (CNC-(Один 48x48 Page) 05-MDF-CutPattern.pdf) с одним листом 48"x48"для печати на широкоформатном принтере.
Шаг за шагом:
1. Скачайте три PDF-файла с шаблонами.
2. Откройте каждый файл в Adobe Reader
3. Откройте окно печати
4. (ВАЖНО) отключите Масштабирование страниц.
5. Проверьте, что файл случайно не масштабировался. Первый раз я не сделал это, и распечатал всё в масштабе 90%, о чем сказано ниже.
Наклеивание и выпиливание элементов
Приклейте распечатаные шаблоны на МДФ и на алюминиевую трубу. Далее, просто вырезайте деталь по контуру.
Как было сказано выше, я случайно распечатал шаблоны в масштабе 90%, и не заметил этого до начала выпиливания. К сожалению, я не понимал этого до этой стадии. Я остался с шаблонами в масштабе 90% и, переехав через всю страну, я получил доступ к полноразмерному ЧПУ. Я не выдержал и вырезал элементы при помощи этого станка, но не смог просверлить их с обратной стороны. Именно поэтому все элементы на фотографиях без кусков шаблона.
Сверление
Я не считал сколько именно, но в этом проекте используется много отверстий. Отверстия, которые сверлятся на торцах особенно важны, но не пожалейте времени на них, и использовать резиновый молоток вам придется крайне редко.
Места с отверстиями в накладку друг на друга это попытка сделать канавки. Возможно, у вас есть станок с ЧПУ, на котором это можно сделать лучше.
Если вы дошли до этого шага, то я поздравляю вас! Глядя на кучу элементов, довольно сложно представить, как собрать станок, поэтому я постарался сделать подробные инструкции, похожие на инструкции к LEGO. (прилагаемый PDF CNC-Assembly-Instructions.pdf). Довольно интересно выглядят пошаговые фотографии сборки.
Готово!
Станок готов! Надеюсь, вы сделали и запустили его. Я надеюсь, что в статье не упущены важные детали и моменты. Вот видео, в котором показано вырезание станком узора на розовом пенопласте.
Решил написать эту заметку, потому как надоело отвечать 100500 раз одно и то же на ВиО.
Многие начинающие веб-программисты рано или поздно сталкиваются с задачей внедрения в свой сайт человеко-понятных линков (ЧПУ). До внедрения ЧПУ все ссылки имеют вид /myscript.php или даже /myfolder/myfolder2/myscript3.php, что тяжело для запоминания и ещё хуже для SEO. После внедрения ЧПУ линки принимают вид /statiya-o-php или даже на кириллице /статья-о-пхп.
Кстати о SEO. Человекопонятные линки на САМОМ деле придумали не для удобного запоминания, а в основном для повышения индексируемости сайта, потому что совпадение поискового запроса и части URL даёт хорошее преимущество в рейтинге поиска.
Эволюция начинающего PHP-программиста может быть выражена следующей последовательностью шагов:
- Размещение plain-PHP кода в отдельных файлах и доступ к этим файлам через линки вида /myfolder/myscript.php
- Понимание, что все скрипты имеют значительную часть общего (например, создание подключения к БД, чтение конфигурации, запуск сессии и проч.) и как следствие создание общей начальной точки «входа», некоторого скрипта, который принимает ВСЕ запросы, а потом выбирает — какой внутренний скрипт подключить. Обычно этот скрипт имеет имя index.php и лежит в корне, вследствие чего все запросы (они же URLы) выглядят так: /index.php?com=myaction&com2=mysubaction
- Необходимость внедрения роутера и переход к человекопонятным линкам.
Замечу, что между пунктами 2 и 3 большинство программистов делают очевидную ошибку. Я не ошибусь, если назову это значением около 95% программистов. Даже большинство известных фреймворков содержат эту ошибку. И заключается она в следующем.
Вместо того, чтобы реализовывать принципиально новый способ обработки линков, ошибочно делается концепция «заплаток и редиректов» на базе.htaccess, которая заключается в том, чтобы с помощью mod_rewrite создавать множество правил редиректа. Эти строки сравнивают URL с каким-либо регулярным выражением и при совпадении расталкивают выуженные из URL значения по GET-переменным, в дальнейшем вызывая всё тот же index.php.
#Неправильный метод ЧПУ RewriteEngine On RewriteRule ^\/users\/(.+)$ index.php?module=users&id=$1 #....Ещё куча подобных правил...
У данной концепции множество недостатков. Один из них — трудность создания правил, большой процент человеческих ошибок при добавлении правил, которые сложно выявить, но они приводят к ошибке сервера 500.
Другой недостаток в том, что часто правится по сути конфига сервера, что само по себе нонсенс. И если в Apache конфиг можно «пропатчить» с помощью.htaccess, то в популярном nginx такой возможности нет, там всё находится в общем файле конфигурации в системной зоне.
И ещё один недостаток, вероятно, наиболее важный, что при таком подходе невозможно динамически конфигурировать роутер, то есть «на лету», алгоритмически менять и расширять правила выбора нужного скрипта.
Предлагаемый ниже способ избавлен от всех этих недостатков. Он уже используется в большом количестве современных фреймворков.
Суть заключается в том, что начальный запрос всегда хранится в переменной $_SERVER[‘REQUEST_URI’], то есть его можно считать внутри index.php и разобрать как строку средствами PHP со всеми обработками ошибок, динамическими редиректами и проч и проч.
При этом в файле конфигурации можно создать только одно статичное правило, которое будет все запросы к несуществующим файлам или папкам редиректить на index.php.
RewriteEngine On RewriteCond %{REQUEST_FILENAME} !-f #Если файл не существует RewriteCond %{REQUEST_FILENAME} !-d #И если папка не существует RewriteRule ^.*$ index.php
Причём это правило можно разместить как в.htaccess, так и в основном файле конфигурации Apache.
Для nginx соответствующее правило будет выглядеть вот так:
Location / { if (!-e $request_filename) { rewrite ^/(.*)$ /index.php last; } }
Всё просто.
Теперь рассмотрим кусок кода PHP в index.php, который анализирует ссылки и принимает решение — какой скрипт запускать.
/часть1/часть2/часть3
Первое, что приходит в голову — разбить её с помощью explode(‘/’, $uri) и сделать сложный роутер на основе switch/case, анализирующий каждый кусок запроса. Не делайте этого! Это сложно и в итоге приводит код в ужасный непонимабельный и неконфигурабельный вид!
Я предлагаю более лаконичный способ. Лучше не описывать словами, а сразу показать код.
"page404.php", // Страница 404 "/" => "mainpage.php", // Главная страница "/news" => "newspage.php", // Новости - страница без параметров "/stories(/+)?" => "storypage.php", // С числовым параметром // Больше правил); // Код роутера class uSitemap { public $title = ""; public $params = null; public $classname = ""; public $data = null; public $request_uri = ""; public $url_info = array(); public $found = false; function __construct() { $this->mapClassName(); } function mapClassName() { $this->classname = ""; $this->title = ""; $this->params = null; $map = &$GLOBALS["sitemap"]; $this->request_uri = parse_url($_SERVER["REQUEST_URI"], PHP_URL_PATH); $this->url_info = parse_url($this->request_uri); $uri = urldecode($this->url_info["path"]); $data = false; foreach ($map as $term => $dd) { $match = array(); $i = preg_match("@^".$term."$@Uu", $uri, $match); if ($i > 0) { // Get class name and main title part $m = explode(",", $dd); $data = array("classname" => isset($m)?strtolower(trim($m)):"", "title" => isset($m)?trim($m):"", "params" => $match,); break; } } if ($data === false) { // 404 if (isset($map["_404"])) { // Default 404 page $dd = $map["_404"]; $m = explode(",", $dd); $this->classname = strtolower(trim($m)); $this->title = trim($m); $this->params = array(); } $this->found = false; } else { // Found! $this->classname = $data["classname"]; $this->title = $data["title"]; $this->params = $data["params"]; $this->found = true; } return $this->classname; } } $sm = new uSitemap(); $routed_file = $sm->classname; // Получаем имя файла для подключения через require() require("app/".$routed_file); // Подключаем файл // P.S. Внутри подключённого файла Вы можете использовать параметры запроса, // которые хранятся в свойстве $sm->params
Несмотря на то, что код довольно длинный, он прост логически. Мне не хочется его объяснять, я считаю любой код на PHP самообъясняющим, если он правильно написан. Учитесь читать код.
