В динамичния свят на уеб разработката винаги има нещо ново за научаване и създаване. Като част от #100CodingChallenge се впуснах в приключение за кодиране, за да създам уеб приложение, което извлича шеги и ги показва с помощта на Express.js и JavaScript. Нека се потопим в пътуването на настройване на приложението, правене на заявки за API и елегантно обработване на отговорите.
Настройване на основите
Първата стъпка беше създаването на проекта. Стартирах приложение Express.js, популярна рамка за изграждане на уеб приложения в Node.js. Express.js опростява маршрутизирането, обработката на заявки и управлението на логиката от страната на сървъра. За да започна, ми бяха необходими необходимите зависимости:
Извличане на вицове от API
Основната функционалност на това приложение е извличане на шеги от JokeAPI с помощта на Axios, базиран на обещание HTTP клиент. Настроих маршрут за обработка на основния URL („/“) и направих асинхронна заявка за Axios:
Динамично изобразяване с EJS
За динамично изобразяване на извлечените вицове на уеб страницата използвах EJS (Embedded JavaScript) машина за шаблони. EJS позволява вграждане на JavaScript код в HTML, което улеснява генерирането на динамично съдържание. Създадох файл „index.ejs“, за да покажа шегите:
Заключение
В това начинание за кодиране, аз успешно създадох уеб приложение, което извлича шеги от JokeAPI и ги показва динамично на уеб страница. Използвайки Express.js за маршрутизиране, Axios за правене на заявки за API и EJS за изобразяване на съдържание, приложението обработва както успешните отговори, така и случаите на грешка елегантно. Това пътуване е пример за вълнението от непрекъснатото учене и кодиране, ден по ден. С всяко предизвикателство идва растеж и с всеки ред код, стъпка напред в света на уеб разработката.
