Задать вопрос
@AleksKek
учусь веб-разработке
фронтенд

Как реализован jsFiddle?

Как реализованы некоторые штуки в jsFiddle?
1) Что в общих чертах происходит, когда ты нажимаешь кнопку save?
2)Как генерируется ссылка твоего проекта

И можно ли сделать такое с минимум бекенда? и без баз данных. Не обязательно чтобы это все хранилось на сервере, а весь контент json'ом доставлялся именно пользователю по ссылке и хранился у него локально? И как это можно реализовать в общих чертах?
  • Вопрос задан
  • 83 просмотра
1 комментарий
Подписаться 2 Простой 1 комментарий
Пригласить эксперта
Ответы на вопрос 3
vekov
@vekov
1)
- Валидация каждого поля
- Генерируется страничка, куда в отдельные теги записывается код из полей, которые ты заполнил (JS - > <script></script>, CSS -> <style></style> и HTML -> <body></body>)
- Она вставляется в iframe справа снизу.
2) Ссылку можно генерировать как ID записи в БД, например.

Можно вместо бд файлы конечно использовать, но оно тебе надо?
Ответ написан
Комментировать
Комментировать
Stalker_RED
@Stalker_RED
1. код сохраняется на сервере, и генерируется ссылка
2. рандомный кусок текста в base64, наверное.

Без базы можно (в файлах хранить, например), но так даже сложнее.
Можно локально хранить, но какой смысл? Ссылку ведь на такое нельзя дать.
Ответ написан
Комментировать
Комментировать
ice2038
@ice2038
1) Весь введенный код сохраняется на сервере
2) Ссылка генерируется типичной библиотекой uuid https://www.npmjs.com/package/uid

Можно хранить и в браузере пользователя используя IndexedDB https://developer.mozilla.org/ru/docs/IndexedDB/Us... .
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Разработчик фронтенда в Конструктор лендингов
Яндекс • Екатеринбург
от 220 000 до 350 000 ₽
Системный инженер
САТЕЛ • Нижний Новгород
от 160 000 ₽
PHP-разработчик (Backend)
CNS Loyalty • Москва
от 110 000 до 110 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка одностраничника
25 апр. 2024, в 11:02
5000 руб./за проект
Фронт мобильное приложение
25 апр. 2024, в 10:42
150000 руб./за проект
Настроить вёрстку webapp-telegram
25 апр. 2024, в 10:41
2000 руб./за проект
Ещё заказы