Привет, друзья! ✌️ Решил я тут апгрейднуть наш сайт www.mnogodeto4ka.ru. Хотел добавить ленту с постами из ВК и Дзена — чтоб вы, наши гости, могли всё в одном месте почитать. Заходите, оцените новинку! 😉 Ну, думал, дело-то пустяковое! Ан нет... Настоящий квест начался там, где я не ожидал. 😅
Часть 1: Легкий старт (или иллюзия?)
Во фронтенде (это лицевая часть сайта mnogodeto4ka.ru) всё пошло как по маслу! 💅 Красота компонентной разработки на VUE JS в том, что настроил один "кирпичик" — новостную карточку — и раскидал его где надо. Добавил раздел "Новости", прописал маршруты. Теперь все актуальные посты — прямо на главной! Загляните, покликайте! 👀
Бэкенд (мозги сайта) тоже не подкачал:
- Создал табличку в БД для постов
- Настроил "умные" модули для работы с данными
- Проложил API-ручку — спецтоннель для контента
- Заполнил тестовыми постами (в Laravel это как пельмени слепить — пара команд! 🥟)
Проверил: данные прилетают, вид красивый. Теперь на сайте всё синхронизировано — как раз то, что нужно для удобства! Думаю: "Да я гений!". Но... рано пить шампанское. 🍾
Часть 2: ВКонтакте: Ключ к стене... данных!
Настоящий аттракцион начался с парсера. Нужно было научить mnogodeto4ka.ru самостоятельно забирать посты из соцсетей. Создал для этого консольного робота 🤖.
С ВК повезло — был тестовый ключ доступа. Оказалось, если его аккуратно всунуть в URL, ВК... выдаёт данные! Со "стены" — запросто. 🧱
Вот тут началось веселье. Ответ от ВК пришел... ну, скажем так, НАВОРОЧЕННЫЙ. Как слон из конструктора Lego 🐘. Смотрите кусочек (готовьтесь!):
{
"type": "post",
"text": "Двигаем мебель в виртуальном пространстве!", // Вот оно - содержимое!
"attachments": [
{
"link": {
"title": "Двигаем мебель... в виртуальном пространстве!", // Заголовок
"photo": { ... } // Тут спряталась картинка!
}
}
],
"likes": {"count": 0}, // Лайки
"views": {"count": 11} // Просмотры
// ... и еще 100500 полей 😅
}
Что я вынес из этого JSON'а? 🤯
- ВК отдает ВСЁ: текст, картинки, статистику
- Это пазл: нужно выудить нужные данные из вложенных структур
- Оно работает! Теперь посты ВК — уже на сайте. Заходите смотреть! 🎉
Часть 3: Дзен, или Встреча с Невидимкой 👻
А вот с Дзеном — эпическое фиаско. 🤦♂️ Облазил весь интернет: официального API НЕТ. Дзен — тот еще жадина! Берёт контент, но не отдаёт.
Мой гениальный план Б: 💡
- Репостнул посты из Дзена → в ВК-группу
- Мой парсер (который уже умеет читать ВК) подхватил их
- Пометил как "Дзен" в базе
Костыль? Да! Рабочее? Абсолютно! Главное — вам удобно.
Итоги и планы:
✅ Функционал LIVE! Лента с постами из ВК/Дзена уже на сайте
✅ ВК — молодцом (хоть JSON их — головная боль)
✅ Дзен — перехитрили 😎
🔜 Админка для прямых публикаций (скоро!)
Мораль сей басни: 💡
Хотел просто ленту — получил квест с JSON-драконами и "жадным" Дзеном. Но теперь mnogodeto4ka.ru стал удобнее! Веб-разработка — это поиск обходных путей. Зато как приятно, когда вы можете этим пользоваться! 😌
P.S. Загляните на www.mnogodeto4ka.ru → раздел "Новости"!
Увидите результат моих танцев с бубном 🥁
Особенно интересно, если сравните с соцсетями!
(А программисты оценят масштаб JSON'а 😉)
#WebDev #mnogodeto4ka #VueJS #Laravel #API #Парсинг #ВК #Дзен #ЮморПрограммиста #РазработкаСайтов #Новости