Локальный сервер для проектов и тестирования
HTML-код
- Опубликовано: 28 сен 2024
- JSON-server - это самый быстрый способ развернуть себе окружение для работы с тестовым сервером и делать запросы по REST API. База данных создается в файле формата JSON и автоматически обновляется при сетевых запросах.
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru...
paypal.me/mish...
Если вы хотите использовать JSON-server для своих проектов в портфолио, то посмотрите в сторону CodeSandbox, который сегодня позволяет создать онлайн песочницу с JSON-server. Ваше фронтенд приложение вполне может стучаться в эту сторону.
Как пример: codesandbox.io/p/sandbox/hopeful-tree-1mixrj
Запрос к нему будет 1mixrj-8080.preview.csb.app/posts
мужик, ты лучший
Офигенное видео, подробно, сжато, и по сути! Спасибо Вам!
Прекрасная история. Михаил как всегда на высоте. Все понятно. Спасибо!
Дай Бог тебе здоровья!!!
Большое спасибо Михаил! Долго не мог найти информацию по серверной части для домашних тестовых проектов
А я везунчик, с первого видео наткнулся на топ контент, и не пришлось даже других смотреть )
Спасибо большое. Вы один из немногих рассказываете про реальные практические приемы без воды и тупого копирования оф доки.
Михаил снимите пожалуйста про Firebase 9 как сделать юзера и привязать к нему контент например контент для его профиля ( фото, текст, слоган и тп ) спасибо огромное за ваши видео !!
Вот прикол, 4 часа назад сам искал какой бы мок сервер применить и выбрал этот. И тут когда уже все настроил и работаю с ним, увидел твое видео.
Спасибо большое за видео!
большое спасибо, как раз то что сейчас нужно
Доброй ночи, Михаил! Я еще не все Ваши ролики прошёл :), но ощущаю, что мне будет мало... Многих товарищей уже наслушался, но только от Вашего контента исходит благодатная энергетика, прям хочется заниматься и заниматься. Продолжайте пожалуйста!
уже даже забыл про него, спасибо напомнил
Спасибо. Очень полезно было узнать
Спасибо!
дякую, дуже допоміг :)
На русском пиши
Круто! Спасибо!
спасибо, очень информативно!
Здравствуйте Александр! А можно ли построить crud приложение с json-server, где сперва нужно войти (authentication) или зарегистрироваться( тоже чз json-server), потом только увидеть crud app и там же все операции выполнять (create, read, update, delete) ?
Подписка!
Каеф. Спасибо!
как сделать строгое соответсвие по элементу в массиве? Условно "category" = [ "first", "two" ], я обращаюусь к caregory_limit и оно выдает даже при совпадение 1-2 букв
Спасибо за труд, не подскажете на json server можно использовать только один json файл db. json или можно несколько json файлов? Например в одном регистрационные формы хранить, в другом тестовые билеты с вопросами?
этот бд будет работать если задеплоить на гитхаб? и rest api
Спасибо.
Спасибо за видео. А как узнать общее кол-во динамических страниц через get запрос? (без скачивания всего списка и махинаций с делением по лимиту на фронте)
Чаще всего бэкенд предоставляет отдельный ключ с этой информацией. Json-server из коробки этого не делает, но при большом желании и можно расширить, используя прилагаемое API.
@@mishanep спасибо за ответы
Допустим я написал простое приложение Todo. А как деплоит Реакт и JSON server чтобы работал не локально? Есть такой JSON server не фейковый сервер?
Не фейковый обычно пишется бэкенд разработчиками или фуллстеками. Есть решения вроде Pocketbase или headless CMS, но и там тоже требуется определенный эффорт от разработчика.
Есть также публичные API, которые можно использовать для своих фронтенд-приложений. Но в большинстве случае они предоставляют данные только на чтение.
@@mishanep а типа создать чисто backend от express.js или node.js ? А как создать можно такой сервер что учить надо
@@karoche-tv Если на JS, то Nodejs и какой нибудь фреймворк к нему, тот же Express. Плюс базы данных, чтобы хранить те самые не фейковые данные. Например, mongodb или sqllite.
Можешь посмотреть mockapi, бесплатный, но ограниченный сервер
👍
Возможно что бы сервер работал постоянно? Что бы портфолио работало, развернуть на верселе и тянуть с JSON данные
В принципе возможно, но не уверен что на верселе или гитхаб пейджес это просто сделать.
По сути Json-server нужен для работы с данными, с умной сортировкой, не для того чтобы установить на него Реакт приложение, я правильно понимаю?
Json-server не имеет ничего общего с архитектурой фронтенд-приложения. Он одинаково хорошо подходит как для Реакт приложений, так и для любых других, будь то ванилла, vue, angular или что-то еще.
Подскажите как обращатся к json-server через запрос get/fetch?
Разве в видео об этом нет?
У вас json-server запускается по конкретном адресу на локалхосте, с конкретным портом. Вы по нему обращаетесь через fetch, добавляя к адресу название ключей, что самостоятельно добавили в db.json.
@@mishanep сталкивались ли с cors mode ? Когда запускаю get запрос в vs а сервер запускаю в командаре, в консоль ошибка: cors conflict... если использовать fetch, можно отключить а как отключить при get запросе? (XmlHttpRequest)
больше не надо мучаться с кастрированными mock api!!!
а насколько уместно сравнивать JSON-server и метод Promise.resolve([]), который так же позволяет нам вернуть любую структуры которую мы сами напишем?
или есть какая то разница в использовании JSON-server против Promise.resolve([]) ?
спасибо заранее за ответ!🙏
Думаю совсем неуместно. Json-server - это имитация базы данных, в нее можно что-то сохранить, изменить, удалить, сделать выборку с поиском, сортировкой и пр. Promise.resolve позволит вам имитировать результат ответа от сервера, в рабочих задачах в качестве заглушки - отличный инструмент, но ограниченный.
@@mishanep понял, значит json server как раз отлично подойдут для изучения и отработки таких запросов как post,put,del
Спасибо вам большое
я забуксовал на ""свеже установленный криэй три ак аб"
Эту штуку не обязательно использовать с Реактом. Да и Реакт можно собрать по-разному. Вы можете обычную html страничку создать и js файлик к ней с запросами на тестовый сервер
@Идешь в разные области реакта
@гуглишь решение
@попадаешь вновь на данный канал с рассказом нужной технологии
@ставишь лукаса👍
Спасибо за видео)
Спасибо!
👍
Было бы круто увидеть видос про бэкенд для фронтендеров: сделать простенький апи, запилить круд, ну и вот это все
Канал Pedro Tech
Димыч на канале it-kamasutra сделал видео недавно back-end путь самурая, перезагрузка 3е видео и как раз рассказал об этом
@@nepcz спасибо за инфу, уже не столь актуально)
@@mico6762 тоже так подумал, раз год прошел, но на всякий случай))
Спасибо!
Можно еще дополнить деплоем на хероку вместе с реакт приложением. Сам недавно разбирался с этим, не сразу понятно было что и как там
Спасибо ! Очень полезная инфа. Читал статью на медиуме, там все по сравнению с этим видосом очень поверхностно
Огромное спасибо! Невероятно рад что наткнулся на Ваше видео) Большое спасибо
Спасибо большое! Благодаря Вашему опыту у меня расширяется кругозор RESPECT
подскажите пож-ста package.json на 1:30 скачивается/устанавливается откуда?
На видео используется стандартная сборка create-react-app
Как пользоваться можно почитать тут create-react-app.dev/docs/getting-started
А как в vite прописать конкурентный режим? У меня ошибки вылезают. Сервер грузится, а фронт нет. Либо наоборот. В Вашем примере CRA
Спасибо, видосик помог. Сделал себе тестовую апишку,
Михаил, спасибо Вам большое за уроки! Очень помогаете.
спасибо!
Спасибо за видео! а не подскажете, как называется ваша тема VSCode?
Сейчас пользуюсь темой Code Sandbox. Не уверен она ли была в тот раз.
Михаил, спасибо Вам за Ваш труд. Очень интересное и познавательное видео, в прочем как и все остальные. Я попробовал задеплоить этот проект на Vercel, json server запускал через concurrently, но это не работает. Поискал в интернете варианты - не нашёл. Может подскажите как это сделать? Конечно желательно в формате видео урока. Это избавило бы от необходимости делать базу данных на Firebase или MongoDB . Очень рассчитываю на Ваш отклик 😇
CodeSandbox позволяет создавать инстансы json-server. Вы можете создать таковой и настроить под себя и делать запросы на него.
По факту json-server не для продашкна, а для разработки. Но современные песочницы для нас и такой вариант предложили.
@@mishanep А что вы используете на продакшн?
Спасибо большое капец как помог
Возвращает объект со свойством type: cors
Спасибо за обзор! Хорошая штука что бы потестить REST API
долго искал как сделать свою API и нашёл ваше видео спасибо
🙂🙂🙂
как задеплоить проект с таким сервером
Это тестовый сервер - он для разработки, не для деплоя.
Если очень хочется, можно воспользоваться CodeSandbox - у них среди песочниц есть и JSON Server.