Локальный сервер для проектов и тестирования

No video

Локальный сервер для проектов и тестирования

Рет қаралды 42,513

Күн бұрын

JSON-server - это самый быстрый способ развернуть себе окружение для работы с тестовым сервером и делать запросы по REST API. База данных создается в файле формата JSON и автоматически обновляется при сетевых запросах.
Мои курсы по вебу с купонами:
✅ mishanep.com/
📢 Поддержка канала:
/ mishanep
www.tinkoff.ru...
paypal.me/mish...

Пікірлер: 83

@mishanep Жыл бұрын

Если вы хотите использовать JSON-server для своих проектов в портфолио, то посмотрите в сторону CodeSandbox, который сегодня позволяет создать онлайн песочницу с JSON-server. Ваше фронтенд приложение вполне может стучаться в эту сторону. Как пример: codesandbox.io/p/sandbox/hopeful-tree-1mixrj Запрос к нему будет 1mixrj-8080.preview.csb.app/posts

@user-dz1uq5sd5b 11 ай бұрын

мужик, ты лучший

@arti532 Жыл бұрын

@Идешь в разные области реакта @гуглишь решение @попадаешь вновь на данный канал с рассказом нужной технологии @ставишь лукаса👍

@user-gg5rg3wu6n 2 жыл бұрын

Доброй ночи, Михаил! Я еще не все Ваши ролики прошёл :), но ощущаю, что мне будет мало... Многих товарищей уже наслушался, но только от Вашего контента исходит благодатная энергетика, прям хочется заниматься и заниматься. Продолжайте пожалуйста!

@andreydiakonov57 2 жыл бұрын

Офигенное видео, подробно, сжато, и по сути! Спасибо Вам!

@vitalygaraev8093 9 ай бұрын

Прекрасная история. Михаил как всегда на высоте. Все понятно. Спасибо!

@voidcode2534 Жыл бұрын

Огромное спасибо! Невероятно рад что наткнулся на Ваше видео) Большое спасибо

@GoodArtStudioRu 19 күн бұрын

Дай Бог тебе здоровья!!!

@evloev4821 Жыл бұрын

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

@devastoned Жыл бұрын

Большое спасибо Михаил! Долго не мог найти информацию по серверной части для домашних тестовых проектов

@mico6762 2 жыл бұрын

Было бы круто увидеть видос про бэкенд для фронтендеров: сделать простенький апи, запилить круд, ну и вот это все

@krokodile6550 2 жыл бұрын

Канал Pedro Tech

@nepcz Жыл бұрын

Димыч на канале it-kamasutra сделал видео недавно back-end путь самурая, перезагрузка 3е видео и как раз рассказал об этом

@mico6762 Жыл бұрын

@@nepcz спасибо за инфу, уже не столь актуально)

@nepcz Жыл бұрын

@@mico6762 тоже так подумал, раз год прошел, но на всякий случай))

@true227 Жыл бұрын

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

@vladimirplyukhin5234 2 жыл бұрын

Михаил, спасибо Вам большое за уроки! Очень помогаете.

@demid088web Жыл бұрын

Спасибо большое за видео!

@paulsekishov4143 2 жыл бұрын

Спасибо большое! Благодаря Вашему опыту у меня расширяется кругозор RESPECT

@spaikissinfernio8610 Жыл бұрын

Спасибо, видосик помог. Сделал себе тестовую апишку,

@lalepu3316 Жыл бұрын

долго искал как сделать свою API и нашёл ваше видео спасибо

@yaroslavzef7267 8 ай бұрын

Спасибо за обзор! Хорошая штука что бы потестить REST API

@user-cz3ez4go4h 2 жыл бұрын

большое спасибо, как раз то что сейчас нужно

@saiman835 2 жыл бұрын

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

@user-bot402 Жыл бұрын

Спасибо!

@user-rp8oy2kf5d 2 жыл бұрын

Спасибо ! Очень полезная инфа. Читал статью на медиуме, там все по сравнению с этим видосом очень поверхностно

@sharkman6434 2 жыл бұрын

Михаил снимите пожалуйста про Firebase 9 как сделать юзера и привязать к нему контент например контент для его профиля ( фото, текст, слоган и тп ) спасибо огромное за ваши видео !!

@user-hr6ug3uw4o 2 жыл бұрын

дякую, дуже допоміг :)

@user-th4qi8iv3q Жыл бұрын

На русском пиши

@2009Spread 2 жыл бұрын

уже даже забыл про него, спасибо напомнил

@Seacrest. 2 жыл бұрын

Спасибо. Очень полезно было узнать

@Infinity-zf8ms 2 жыл бұрын

Спасибо за видео)

@Ksen14 Жыл бұрын

Подписка!

@djubei2265 2 жыл бұрын

Круто! Спасибо!

@langgs 6 ай бұрын

спасибо!

@user-yk9nj6co9d 2 жыл бұрын

Каеф. Спасибо!

@user-cl8hi9jw3b Жыл бұрын

спасибо, очень информативно!

@izzy7541 2 жыл бұрын

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

@murodpro-1736 7 ай бұрын

Спасибо большое капец как помог

@zhibeka6814 2 жыл бұрын

Здравствуйте Александр! А можно ли построить crud приложение с json-server, где сперва нужно войти (authentication) или зарегистрироваться( тоже чз json-server), потом только увидеть crud app и там же все операции выполнять (create, read, update, delete) ?

@olegpavlov4329 Жыл бұрын

Спасибо.

@user-yr2ek5yp7x Жыл бұрын

как сделать строгое соответсвие по элементу в массиве? Условно "category" = [ "first", "two" ], я обращаюусь к caregory_limit и оно выдает даже при совпадение 1-2 букв

@joonlorka1371 Жыл бұрын

Спасибо за труд, не подскажете на json server можно использовать только один json файл db. json или можно несколько json файлов? Например в одном регистрационные формы хранить, в другом тестовые билеты с вопросами?

@nurjam6151 Жыл бұрын

подскажите пож-ста package.json на 1:30 скачивается/устанавливается откуда?

@mishanep Жыл бұрын

На видео используется стандартная сборка create-react-app Как пользоваться можно почитать тут create-react-app.dev/docs/getting-started

@stanislavasgoldyckis7740 2 жыл бұрын

👍

@velikorossnationalist4259 8 ай бұрын

А как в vite прописать конкурентный режим? У меня ошибки вылезают. Сервер грузится, а фронт нет. Либо наоборот. В Вашем примере CRA

@druf5962 Жыл бұрын

Спасибо за видео. А как узнать общее кол-во динамических страниц через get запрос? (без скачивания всего списка и махинаций с делением по лимиту на фронте)

@mishanep Жыл бұрын

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

@druf5962 Жыл бұрын

@@mishanep спасибо за ответы

@vladimirmuratov2220 Жыл бұрын

Михаил, спасибо Вам за Ваш труд. Очень интересное и познавательное видео, в прочем как и все остальные. Я попробовал задеплоить этот проект на Vercel, json server запускал через concurrently, но это не работает. Поискал в интернете варианты - не нашёл. Может подскажите как это сделать? Конечно желательно в формате видео урока. Это избавило бы от необходимости делать базу данных на Firebase или MongoDB . Очень рассчитываю на Ваш отклик 😇

@mishanep Жыл бұрын

CodeSandbox позволяет создавать инстансы json-server. Вы можете создать таковой и настроить под себя и делать запросы на него. По факту json-server не для продашкна, а для разработки. Но современные песочницы для нас и такой вариант предложили.

@vladimirmuratov2220 Жыл бұрын

@@mishanep А что вы используете на продакшн?

@karoche-tv Жыл бұрын

Допустим я написал простое приложение Todo. А как деплоит Реакт и JSON server чтобы работал не локально? Есть такой JSON server не фейковый сервер?

@mishanep Жыл бұрын

Не фейковый обычно пишется бэкенд разработчиками или фуллстеками. Есть решения вроде Pocketbase или headless CMS, но и там тоже требуется определенный эффорт от разработчика. Есть также публичные API, которые можно использовать для своих фронтенд-приложений. Но в большинстве случае они предоставляют данные только на чтение.

@karoche-tv Жыл бұрын

@@mishanep а типа создать чисто backend от express.js или node.js ? А как создать можно такой сервер что учить надо

@mishanep Жыл бұрын

@@karoche-tv Если на JS, то Nodejs и какой нибудь фреймворк к нему, тот же Express. Плюс базы данных, чтобы хранить те самые не фейковые данные. Например, mongodb или sqllite.

@KhokhlovNikita Жыл бұрын

Можешь посмотреть mockapi, бесплатный, но ограниченный сервер

@romanpityul8805 2 жыл бұрын

Спасибо за видео! а не подскажете, как называется ваша тема VSCode?

@mishanep 2 жыл бұрын

Сейчас пользуюсь темой Code Sandbox. Не уверен она ли была в тот раз.

@artemkravetz9553 Жыл бұрын

Возможно что бы сервер работал постоянно? Что бы портфолио работало, развернуть на верселе и тянуть с JSON данные

@mishanep Жыл бұрын

В принципе возможно, но не уверен что на верселе или гитхаб пейджес это просто сделать.

@user-hl7cd7tl7z 8 ай бұрын

этот бд будет работать если задеплоить на гитхаб? и rest api

@pvls9514 2 жыл бұрын

По сути Json-server нужен для работы с данными, с умной сортировкой, не для того чтобы установить на него Реакт приложение, я правильно понимаю?

@mishanep 2 жыл бұрын

Json-server не имеет ничего общего с архитектурой фронтенд-приложения. Он одинаково хорошо подходит как для Реакт приложений, так и для любых других, будь то ванилла, vue, angular или что-то еще.

@pvls9514 2 жыл бұрын

Подскажите как обращатся к json-server через запрос get/fetch?

@mishanep 2 жыл бұрын

Разве в видео об этом нет? У вас json-server запускается по конкретном адресу на локалхосте, с конкретным портом. Вы по нему обращаетесь через fetch, добавляя к адресу название ключей, что самостоятельно добавили в db.json.

@pvls9514 2 жыл бұрын

@@mishanep сталкивались ли с cors mode ? Когда запускаю get запрос в vs а сервер запускаю в командаре, в консоль ошибка: cors conflict... если использовать fetch, можно отключить а как отключить при get запросе? (XmlHttpRequest)

@arthurq7843 Жыл бұрын

Возвращает объект со свойством type: cors

@konglomora3230 2 жыл бұрын

🙂🙂🙂

@baigeldysultanov Жыл бұрын

как задеплоить проект с таким сервером

@mishanep Жыл бұрын

Это тестовый сервер - он для разработки, не для деплоя. Если очень хочется, можно воспользоваться CodeSandbox - у них среди песочниц есть и JSON Server.

@user-dz1uq5sd5b 11 ай бұрын

больше не надо мучаться с кастрированными mock api!!!

@thunderwin 6 ай бұрын

я забуксовал на ""свеже установленный криэй три ак аб"

@mishanep 6 ай бұрын

Эту штуку не обязательно использовать с Реактом. Да и Реакт можно собрать по-разному. Вы можете обычную html страничку создать и js файлик к ней с запросами на тестовый сервер

@kirshner93 Жыл бұрын

а насколько уместно сравнивать JSON-server и метод Promise.resolve([]), который так же позволяет нам вернуть любую структуры которую мы сами напишем? или есть какая то разница в использовании JSON-server против Promise.resolve([]) ? спасибо заранее за ответ!🙏

@mishanep Жыл бұрын

Думаю совсем неуместно. Json-server - это имитация базы данных, в нее можно что-то сохранить, изменить, удалить, сделать выборку с поиском, сортировкой и пр. Promise.resolve позволит вам имитировать результат ответа от сервера, в рабочих задачах в качестве заглушки - отличный инструмент, но ограниченный.

@mars_family Жыл бұрын

@@mishanep понял, значит json server как раз отлично подойдут для изучения и отработки таких запросов как post,put,del Спасибо вам большое