В этом блоге мы увидим, как построить короткоформат URL, как немного или короткий URL, используя nodejs.
Мы, возможно, много раз слышали, что люди просит построить URL короче в качестве интервью-интервью, это не так сложный, но придавая ему начало строить один сложный, хотя:).
Так что, не тратя время, давайте сделаем это.
Что такое укороченность URL
Сокращение URL – это простой инструмент, который занимает длинный URL и превращает его в любой URL, который вы хотели бы, чтобы это было.
Почему нам это нужно
Иногда ссылки на местоположение или, как правило, с социальной платформой становятся настолько большими, что им становится трудно управлять. Короче URL поможет в управлении данными Click Compile, и один важный момент, который они способствуют обмену.
пакеты NPM мы собираемся использовать
config : Он позволяет определить набор параметров по умолчанию и расширять их для различных среду развертывания (разработка, QA, постановка, производство и т. Д.). Для производства мы должны определить Production.js аналогично развитию devlopment.js. По умолчанию он будет выглядеть по умолчанию .js.
Это будет использоваться для хранения конфигураций, связанных с БД и другими.
Действительный URL : Этот модуль собирает общие процедуры валидации URI для создания проверки ввода и сохранение проще и читабели. Все функции возвращают незапятнанное значение, если тест проходит, и не определено, если оно не удалось.
Это будет использоваться для проверки URL-адреса, заданного пользователем для сокращения.
Shortid : ShortId создает удивительно короткие не последовательные уникальные идентификаторы, удобные для URL.
Это будет использоваться для генерации уникального идентификатора для каждого сокращенного URL.
Экспресс : Экспресс-философия состоит в том, чтобы обеспечить небольшую, надежное оснащение HTTP-серверов, что делает его отличным решением для одностраничных приложений, веб-сайтов, гибридов или общественных API.
Это будет использоваться для создания сервера и маршрутизации различного пути HTTP.
мангуста : Mongoose – это инструмент моделирования объекта Mongodb, предназначенный для работы в асинхронной среде. Монгуст поддерживает обе обещания, так и обратные вызовы. Поскольку они используют обещание, мы будем использовать Async и ждать функции JS.
Это будет использоваться для подключения с MongoDB, сохранение, обновление и запросы БД.
Далее давайте настроим MongoDB для настройки нашей базы данных.
Настройка Mongodb Atlas
Я хотел использовать облачную настройку MongoDB вместо локальной настройки, вы можете выбрать, что лучше для вас.
Шаги для настройки Cloud Mongodb Atlas Account:
- Посетите сайт https://www.mongodb.com/cloud/atlas
- Сделайте учетную запись, облачная установка бесплатна
- Создать кластер
- Перейти к подключению, создать пользователь
- Перейдите для подключения вашего приложения, вы увидите URL (просто запомните местоположение URL). Пароль будет заменен паролем вашей учетной записи.
Настройка проекта
Создайте отдельный каталог для вашего проекта URLSHORTNER, откройте этот каталог в своем любимом IDE. Я использую код Visual Studio здесь.
Зайдите внутрь папки и введите NPM init, дайте необходимые подробности для настройки проекта.
Далее нам нужно скачать необходимые узловые пакеты, которые мы обсуждали ранее, Тип следующую команду, чтобы загрузить их
npm i express config mongoose shortid valid-url
Приведенная выше команда обновит Package.json с зависимостями и загрузки необходимых пакетов внутри папки Node_Modules.
Phewwwww, давайте сделаем кодирующую часть сейчас
Откройте свой код кода. Создайте папку для хранения конфигурации, дайте название папки. Создайте файл внутри папки Default.js и дайте свой URL-адрес Mongodb Connect (мы настроим ранее, я сказал вам запомнить 😂) и BaseURL.
- Замените имя пользователя и пароль с пользователем и паролем, которые мы создали в MongoDB ATLAS.
- BrangClick – это своего рода ограничение, то сколько раз можно использовать один и тот же URL. Позже можно использовать для ценообразования. Вы можете изменить его в зависимости от ваших потребностей.
Файл конфигурации для настройки MongoDB
Мы импортируем необходимые пакеты и подключаемся к MongoDB
Определить схему для хранения деталей URL
- мангуста. Схема будет определять детали документа, которую она будет хранить. Когда мы будем кодировать, будет много ясно, что делает каждую деталь.
URLCode : Это будет хранить уникальный идентификатор, связанный с каждым URL.
longurl : Это URL, который нам нужно коротко.
Shoturll : Это фактический короткий URL
ClickCount : Это магазины, сколько раз пользователи использовали короткий URL.
Определите маршрут для сокращения URL
Создайте маршруты имени папок, внутри, которые создают файл Shorturl.js, который будет иметь код для сокращения URL.
Давайте поймем код. 🤓 🤓🤓
Прежде всего, мы импортировали необходимые пакеты, которые потребуются позже. Используется Экспресс Пакет для создания маршрута, используя этот маршрут создал HTTP Post обработчик.
Затем пометил IT Async, поскольку он гарантирует, что функция возвращает обещание, а в нем обещает обещания. Использование Async позволяет нам useawait, это делает JavaScript ждать до тех пор, пока это обещание оседает и возвращает его результат.
Мы вынимаем URL-адрес, представленный для сокращения целей из корпуса запроса, также извлекает базовый URL, который упоминается по умолчанию .js. Далее мы проверяем, отправляется ли URL для сокращения, является действительным URL или не используя Isuri метод Действительный URL упаковка.
После того, как проверка успешна, мы запросим MongoDB, чтобы проверить, отправлен ли URL для сокращения уже сокращения или нет. Если укорочение просто вернется, что результат еще короткий URL.
Методы мангусты возвращает обещать Итак, мы добавили Ждите до этого подожди, пока мы не получим ответ Анкет
Для укорочения URL мы будем генерировать уникальный идентификатор, используя генерационный метод Подробнее упаковка. Далее добавьте BaseUrl с уникальным идентификатором для создания URL в качестве короткого URL. Также, поскольку короткий URL сгенерирован в первый раз, мы отметим кликконт быть ноль. Сохраните документ и верните результат как json.
Образец отклика (отправка ссылок на продукты Amazon, которая должна быть сокращена).
Определите маршрут для перенаправления короткого топового назначения URL
Создайте новый файл внутри папки «Маршруты» с именем getshortenurl.js.
Давайте поймем код. 🤓 🤓🤓
Прежде всего, мы импортировали необходимые пакеты, которые потребуются позже. Используется Экспресс Пакет для создания маршрута, используя этот маршрут, создал HTTP Get Handler. URL будет получать Shoturll как параметр. Этот параметр является уникальным кодом, который мы добавили к BASITURL.
Далее мы извлекаем Shoturll в отдельной переменной. Поскольку код уникален, поэтому мы можем найти DB, если у нас есть какой -либо документ с этим уникальным кодом. Результат возврата хранится в переменной.
Если результат возврата представляет собой документ, который означает, что мы уже сократили URL. Проверьте значение нажатием подсчета возвращаемого документа, если счетчик нажатием передается предел, который мы устанавливаем по умолчанию .js, если да, возвращение ошибки, остальное увеличение подсчета щелчков документа и обновляйте его в DB, перенаправьте к длинному URL используя перенаправить метод res объект.
Давайте все объединим
Нам нужен основной файл, который объединит все это вместе, помните, что мы еще не создали сервер. 😅😅😅.
BaseURL, которую мы настроили по умолчанию. JS, имеет значение http://localhopst: 8000/v1, Поскольку наше приложение работает в Localhost, и сервер прослушивает пост 8000. URL для GetShortenUrlroute/V1/Так что это прилагается к BaseURL.
Давайте поймем код. 🤓 🤓🤓
Импортируйте необходимые пакеты с помощью этого импорта маршрутов, которые мы создали на предыдущем шаге, импортируйте конфигурацию для подключения MongoDB.
Подключитесь к БД, создайте сервер и подключитесь к порту (здесь это 8000).
app.use (express.json ({})) Это будет анализировать тело входящего запроса в формате JSON.
Далее подключите маршрутизатор к соответствующему URL. Теперь давайте надеемся, что все получится. Запустите приложение, используя odd index.js и играть.
После создания короткого URL-адреса вставьте короткий URL в вашем браузере, он должен перенаправлять на главный URL.
Я надеюсь, что этот блог поможет вам понять основы, как сделать URL короче. Для кода вы можете обратиться к Здесь, на GitHub Отказ
Если вам понравилось читать это, не забудьте подобное. 👏 Спасибо.
Если вам понравился контент, купи мне кофе. Sachinsarawgi. .
Оригинал: “https://dev.to/sachinsarawgi/url-shortner-with-limit-onclick-count-4maf”