скрипт сайта сокращения ссылок

Легкий сокращатель ссылок на JavaScript, Cloudflare Workers и c Telegram Bot’ом

Что делать если нужно быстро создать короткую ссылку? Конечно – использовать сокращатель ссылок. А что если при этом сделать эту ссылку читаемой? Еще и при этом использовать свой личный домен? А лучше было бы делать это без дополнительных серверов. Похоже что ответ есть.

Предыстория

Решение напросилось само собой, так как сайт был заранее посажен на Cloudflare. Изначально использовала функция «Page Rules», которая позволяет задать, в том числе, правила переадресации, но вскоре пришла идея сделать эту переадресацию более гибкой и изменяемой без нужды заходить в настройки сервиса. Конечно же, таким решением стал Telegram Bot.

Постановка задачи

Для того чтобы выполнить задуманное нужно решить несколько проблем:

Как переадресовывать с определенного под-домена?

Куда сохранять ссылки по ключу (сокращение) – значению (адрес переадресации)?

С помощью чего создавать такие сокращения?

Как вы догадались, ответы на эти вопросы есть в самом заголовке статьи. Поэтому предлагаю приступить к практической части.

Предусловия

Для более детального описания отмечу основные условия необходимые для реализации нашего проекта:

Домен подключенный к Cloudflare;

Общие знания JavaScript;

Созданный Telegram бот;

Как выполнить необходимые предусловия в этой статье не рассматривается. Решение этих задач остается на читателе.

Подготовка

Казалось бы, все предусловия соблюдены, — «Какая еще подготовка?». Предлагаю отметить несколько шагов подготовки к реализации:

1. Создание хранилища – нам поможет Cloudflare KV.

Последовательность простая: на странице наших Workers переходим во вкладку KV, вводим желаемое имя для хранилища, нажимаем добавить.

Страница Cloudflare KV

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

Внутри нашего хранилища

2. Создаем свой Worker и настраиваем его.

Для этого воспользуемся кнопкой «Create worker», в редакторе сразу сохраним и задеплоим новый Worker («Save and Deploy») и вернемся обратно в меню.

Так выглядит страница нового Worker’а

Сразу задаем вменяемое имя и перейдя в «Settings» запишем токен нашего Telegram бота, а также привяжем хранилище.

Настройки Worker’а

3. Привяжем под-домен к скрипту

Страница Workers для нашего домена

А именно, нам надо на странице «Workers» для нашего домена добавить свой «Route» на будущий сервис-сокращатель.

Добавление нового перенаправления

Это важный аспект для того чтобы дальше все сработало.

Соответственно, создаем также запись в DNS чтобы все запросы проходили DNS проверку.

Новая запись в DNS по которой будет находиться сокращатель ссылок

Готово! Можем приступать к кодированию.

Реализация

Приступим к непосредственной реализации. Дальнейшие действия будут происходить в редакторе кода, который предоставляет нам Cloudlfare. Мы его уже видели перед тем как инициализировать новый Worker. Вернемся туда воспользовавшись кнопкой «Quick edit» на странице нашего проекта.

Редактор кода

У нас сервис будет состоять из двух частей:

Запись нового сокращения

Для реализации переадресации напишем функцию которая будет брать значение из нашей базы данных и в случае нахождения введенного нами пути (URL path) будет создавать редирект. В ином случае будем выдавать ошибку 404.

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

Есть контакт!

Теперь приступим к реализации второй части. Тут задача будет более объемной. Для начала мы будем определять что это к нам постучался Telegram через заданный нами URL. Дальше проверим что это боту написали мы, чтобы никто другой не имел доступа к боту пропишем наш Telegram User ID в константу. Следующим шагом достанем из присланного сообщения короткий путь и ссылку куда переадресовывать и запишем ссылку в базу данных. В конце подключим нашего бота через webhook’и.

Тут же, в дебаге, проверяем работу нашего кода:

Выглядит работоспособно

Заглянем в нашу базу данных чтобы убедиться что все записалось (тут же можем почистить хранилище от наших тестовых значений):

Работает

Ответ Telegram API должен быть:

Проверяем результат работы бота. Отправляем ему короткое имя и ссылку, так как задали в коде, и пробуем пройти по ссылке для проверки работоспособности.

Заключение

В итоге у нас получился короткий и легкий в реализации «сокращатель ссылок» который мы можем модифицировать по нашему усмотрению.

Стоит отметить, что такой подход имеет некоторые ограничения с которыми можно ознакомится на странице Cloudflare Worker’ов. Если коротко, то:

записывать в БД мы можем до 1000 значений в день (максимально возможное количество созданных сокращений);

считывать из БД до 100 000 раз в день (максимальное количество посещений);

сам скрип может быть запущен до 100 000 раз в день (количество сообщений боту и посещений сокращенных ссылок);

скрипт должен запускаться не больше 1000 раз в минуту.

Этих ограничений должно хватить для личного использования, поделитесь вашим мнением на этот счет в комментариях.

Источник

Простой скрипт сокращения ссылок на языке программирования PHP

Бывают разные ситуации, когда хочется реализовать собственный скрипт сокращения ссылок или как-нибудь сократить ссылки на собственном ресурсе. Часто это происходит на личном сайте из-за того, что нативные ссылки на нем получаются очень длинными и некрасивыми. А как известно, непонятные и некрасивые ссылки отпугивают потенциальных пользователей и клиентов.

Реализовать сокращение ссылок можно 2-мя проверенными способами:

Сторонние PHP-скрипты для сокращения ссылок на собственном сайте

Приведем самые популярные сторонние PHP-скрипты, которые помогут реализовать короткие ссылки на своем веб-ресурсе:

Использование подобных ресурсов имеет несколько недостатков:

Эти все проблемы решаются одним махом — нужно просто создать собственный скрипт сокращения ссылок.

Собственный скрипт сокращения ссылок

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

Наш будущий простой скрипт сокращения ссылок будет соответствовать следующим требованиям:

Благодаря этим требованиям наш скрипт сокращения ссылок будет максимально коротким. Для реализации нашей идеи нужно будет выполнить 2 вещи:

Документ INI будет называться, к примеру, link.ini. Цель создания этого документа — возможность прописывать сокращение длинных урлов самостоятельно.

link.ini можно отобразить следующим образом:

И вс е в таком роде, но только с ссылками вашего сайта.

header(‘HTTP/1.0 404 Not Found’);

echo ‘Неизвестная ссылка.’;

RewriteRule (.*)$ index.php?l=$1 [L]

Заключение

Улучшения собственного скрипта сокращения ссылок ограничива ю тся только вашими возможностями и умениями в программировании.

Мы будем очень благодарны

если под понравившемся материалом Вы нажмёте одну из кнопок социальных сетей и поделитесь с друзьями.

Источник

Сокращаем ссылки без жира (F3)

Короткие ссылки — это прикольно. Напишем сократитель с использованием Fat-Free Framework.
Итак, пятый бутстрап, обезжиренный фреймворк и частичка души.

Фреймворк, не так ли?

Конечно не Laravel и тому подобные — сегодня обойдёмся 65-ю килобайтами FatFreeFramework. Если Вы знакомы с Python Flask, то возникнет ощущение, что где-то это уже было:

Здесь все предельно просто — в папке ui у нас Views, а если по простому — ХТМЛ шаблоны, которые будем показывать пользователю при переходе на определенный URL.

Вот каркас нашего «приложения»:

Приступим. Для разработки я использовал локальный XAMPP на Windows и VS Code.

Homepage

Начнем с главной страницы, панели управления

Теперь нужно этот шаблон написать. Для простоты я использовал бутстрап v5 alpfa.

Cоздават шаблоны нужно в папке ui, иначе они не будут видны фреймворку.

Вот и все, у нас уже работает главная страница. Форма отправляет POST-запросом ссылку, которую нужно сократить.

Работа с БД

Создадим MySQL БД. Если у Вас установлен PhpMyAdmin, то создайте новую БД «shortener«, а потом выполните этот SQL:

У нас будет 3 поля у каждой ссылки:

Кратко расскажу принцип работы с БД, без жира.

Обработка новой ссылки

Создаем новую view в index’e, которая будет обрабатывать запрос из формы на главной странице.

Сначала создадим новый, но очень похожий на первый (home.htm) шаблон — «newLink.htm«.
Там мы будем выводить уже сокращенную ссылку и количество переходов по ней (чтобы снова увидеть эту «статистику» нужно снова сократить эту ссылку — адрес останется тот же).
Для вывода воспользуемся трюком с «переходом переменных»:

А вот и листинг newLink.html:

Перенаправление

Дело осталось за малым:

Продолжаем писать код после прошлого Роута.

Вы могли заметить, что в и в роуте newLink, и в роуте выше определятся одно и тоже — ведь code может совпасть с «newLink» (не может, в генераторе только буквы верхнего регистра), но так как сначала определен он, то он и выполнится первым.

$f3→run()!

Спасибо за прочтение!
Я буду рад, если Вы напишете комментарий, и поправите если что не так.

Вот, что стоило бы сделать:

Настоятельно рекомендую даже в таком маленьком деле делать валидацию ввода и на стороне сервера, с выводом соответствующих ошибок, не стоит полагаться на добавление аттрибута required и типа type=«url» к полю ввода
RedComrade

Источник

Собственный сервис сокращения ссылок

Всем привет, с вами Денис Чернятинский. Сегодня я затрону тему создания коротких ссылок на своем сайте. Я полагаю, что вы частенько попадали на сервис сокращения ссылок, который из длинных ссылок, состоящих из нескольких сотен символов, делает короткие, состоящие их нескольких символов.

Для чего нужен сервис сокращения ссылок?

Например, для того, чтоб вы могли сокращать ваши партнерские ссылки, не боясь о том, что могут обрезать её партнерский «хвост». Такие сервисы сокращают ссылку и партнерский идентификатор уже не будет обрезан.

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

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

В интернете существует довольно много сервисов сокращения ссылок, но, думаю, вы бы хотели сделать такой сервис на своем домене. Чтобы вместо названия стороннего сайта выводилось название вашего сайта, например, blogden.ru/partner.

Как сделать сервис сокращения ссылок своем хостинге?

Как реализовать такой сервис на вашем домене, в этой статье мы рассмотрим этот вопрос. В этом нам поможет специальный скрипт, который называется YOURLS. Скачиваем его с официального сайта прямо с главной страницы, проматываем вниз страницы и нажимаем «Download YOURLS».

Скрипт постоянно развивается и совершенствуется, на момент написания статьи последней версией является 1.7. Нажимаем по ссылочке закачки архива в формате zip.

Распаковываем скачанный архив к себе на компьютер, получаем папку YOURLS-1.7 с файлами скрипта. Соединяемся со своим доменом для загрузки этих файлов на хостинг. Если не в курсе как это сделать, прочитайте эту статью.

Этот скрип работает не только с основным доменом, но также с под доменами и с любой директорией домена. Вы сами должны прикинуть, как вам будет более удобно и какого вида ссылку вы хотите увидеть в итоге.

Для примера я сделаю папку внутри своего домена на сервере, и ссылка будет выглядеть вот так: «сайт.ру/папка/ссылка». Чтоб ссылка выглядела коротко назовем папку «url» и загружаем в неё все файлы распакованного скрипта.

Тем временем, пока файлы скрипта загружаются в папку на сервер, мы создадим базу данных. В ней он будет хранить исходные ссылки и сокращенные. Заходим в панель управления вашим хостингом, управление базами MySQL и создаем базу данных для нашего YOURLS скрипта. Придумываете значения логина и пароля по усмотрению, желательно, чтобы они не были слишком простыми, нажимаете создать.

Всё, базу данных мы создали, в нашем примере это «blogurl», у вас названия могут отличаться. Как раз файлы скрипта уже залились на хостинг, и мы можем перейти к настройке нашего скрипта.

На хостинге заходим в папку «url», далее в папку «user», там вы увидите файл «config-sample.php», который нужно переименовать в «config.php». Открываем его для редактирования и внесем необходимые изменения:

Настройки базы

У вас эти значения будут кардинально отличаться, так как я демонстрирую работу скрипта на своем локальном сервере.

Настройки url ссылок

Настройки скрипта

Варианты сокращения ссылок:

Стоп-слова

Этот параметр содержит список стоп-слов, которые не позволяют генерировать ссылки с указанными значениями. Там указаны определенные слова, можете добавить еще свои.

Отлично, с настройками все, сохраняем его и загружаем уже отредактированный файл обратно на сервер в соответствующую директорию.

Проверка работы скрипта

Запускаем браузер и прописываем адрес скрипта на нашем домене, например, «blog.ru/url/admin/», далее нажимаем ввод, затем «Install YOURLS».

Появится уведомление, что все таблицы в базе данных созданы и предложение перехода на административную страницу скрипта, нажимаем на ссылочку перехода к админке. Вот прямая ссылка на всякий случай «https://blog.ru/url/admin/index.php».

Вводим логин и пароль, указанные при редактировании файла «config», нажимаем «login». При первом входе в админку появится уведомление, что ваш пароль хранится в незашифрованном виде просто в файле «config» и предложение его зашифровать. Нажимаем на предложенную ссылочку для шифрования. Откроется специальная страница, генерирующая hash из нашего пароля, необходимый для его шифрования.

Вводим пароль в соответствующее поле и нажимаем отправить, ваш пароль превратится в hash, копируем его значение и вставляем в файл настроек «config.php» на сервере вместо вашего пароля. Сохраняем и обновляем файл на сервере.

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

В новых версиях скрипта, начиная с версии 1.7, уже реализовано автоматическое шифрование пароля в config файле. Вышеописанные манипуляции шифрования делать не обязательно.

Примеры использования ссылок

В качестве примера будут указаны несколько ссылок, их можно удалить, нажав на кнопочку удаления. Этим действием мы немного освободим нашу базу данных и начнем создание ссылок с чистого листа. Например, введем какую-то длинную ссылку и зададим ей сокращение вручную, например, «do», нажимаем на кнопочку сократить. Наша длинная ссылка сократилась до «blog.ru/url/do», если скопируем и перейдем по ней, то попадем на изначальную страницу с длинной ссылкой.

Если не ввести ручное сокращение ссылки, то ссылка сократится произвольным образом. Для партнерских ссылок название какого-то курса лучше делать вручную, так более наглядно и красиво, например, «blog.ru/url/videokurs». Пользователь, нажимающий на такую ссылку, будет понимать, что в дальнейшем произойдет, на какую страницу он попадет.

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

Локализация скрипта

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

Установки русского языка

Теперь вы научились устанавливать и использовать сервис коротких ссылок у себя на сайте. Надеюсь, информация была для вас полезной.

Мысль статьи

Желаю всем успешного создания коротких ссылок у себя на сайте. Увидимся в интересных статьях моего блога. Спасибо за внимание, пока!

Источник

10 лучших PHP-скриптов для сокращения ссылок

Russian (Pусский) translation by Marat Amerov (you can also view the original English article)

Выбор PHP-скриптов для сокращения ссылок приносит столько же разнообразия и различной степени сложности, как и любое другое решение для веб-разработки. Self-hosted скрипты могут быть настроены для внутреннего использования, но они также могут быть использованы публично.

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

Независимо от того, какой тип решения для вы ищете, вот PHP-скриптов для сокращения ссылок, которые, несомненно, помогут вам начать работу:

«Позволить пользователям сокращать ссылки и зарабатывать деньги, а также получать долю прибыли».

Эта готовая система издателей и рекламодателей поддерживает несколько платежных шлюзов, включая:

С помощью четырех различных инструментов API, админ-панели, входа в систему в социальных сетях и т. д. Вы мгновенно запустите свою собственную настроенную систему сокращалок.

2. Mighty URL Shortener | Short URL Script

Mighty URL Shortener | Short URL Script предлагает несколько полезных функций сокращения URL-адресов и упаковывает их в сервис на основе членства.

Пользователи могут выбирать из разных планов, которые могут быть настроены и оплачивать услугу сокращения ссылок через PayPal, биткойн, банковский перевод и многие другие.

Некоторые из функций, включенных для пользователей:

Вы также можете разрабатывать приложения, которые работают с сервисом, используя расширенный API. Mighty URL Shortener | Short URL Script действительно мощьный.

3. Premium URL Shortener

Этот PHP URL сокращатель предлагает некоторые приятные функции и включает в себя некоторые инструменты CMS, которые помогут вам создать что-то потрясающее. Независимо от того, хотите ли вы публичную или self-hosted систему, Premium URL Shortener может это совместить.

Он также включает систему закладок URL с букмарклетом:

«URL-адреса автоматически связаны с зарегистрированными пользователями и сохраняются в их учетной записи для будущего доступа».

Это позволяет пользователям перетаскивать инструмент буклета в свою панель закладок браузера, что упрощает сокращение URL-адреса любого веб-сайта, который они просматривают.

Документация и поддержка включены, Premium URL Shortener не следует упускать из виду.

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

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

В интерфейсе пользователи могут:

На back-end стороне, администратор веб-сайта может:

6. URL Shortener with Ads and Powerful Admin Panel

С технической стороны функционал включает в себя:

Некоторый функционал пользователя и администратора включает:

URL Shortener with Ads and Powerful Admin Panel включает в себя достаточно возможностей для создания собственного рекламного сокращателя ссылок.

Когда URL-адреса сокращаются, у пользователей есть несколько вариантов настроек:

А затем можно конировать и делиться своей недавно созданной ссылкой.

После того, как ссылка будет доступна, можно посмотреть статистику ссылок:

Back-end панели администратора есть возможности:

8. Shortix – URL Shortener

9. URL Shortener

Одним из самых простых сокращений URL-адресов является URL Shortener.

Но не позволяйте простоте обмануть вас. У него есть много мощного.

Благодаря мощной панели администрирования и простому установщику URL Shortener может быть именно тем, что вы ищете.

10. URL Shortener Script with Statistics

Shortener Script with Statistics вмещает невероятное для его ценовой категории. Используя Google Shortener API, этот скрипт для URL-адресов является хорошим и мощным.

Поскольку он использует Shortener API от Google, «он предлагает расширенную статистику ссылок из Google, такую ​​как рефералы, браузеры или операционную систему, используемые посетителями».

Задавайте правильные вопросы

Какой тип скриптов сокращения URL-адресов PHP вы ищете?

Есть несколько вещей, которые следует учитывать:

Это всего лишь несколько общих вопросов, которые вы должны задавать себе. Возможно вы захотите задать более конкретные вопросы в зависимости от вашего проекта.

Заключение

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

Если вы не можете найти решение, которое ищете, вы можете подумать о создании своего. На Envato Tuts + вы найдете много ресурсов для изучения PHP, таких как учебники PHP, электронные книги и видео курсы. Там есть курсы PHP для начинающих, такие как PHP Fundamentals или более продвинутые видеокурсы, такие как Object Oriented Programming Fundamentals. Независимо от вашего стиля обучения, вы обязательно найдете полезные правильные курсы для PHP.

А если вам интересно узнать, что предлагают другие PHP-скрипты, посмотрите на Envato Market.

Источник