HTML / CSS / JS Перенаправление на домашнюю страницу с путем

Question

Хорошо, поэтому у меня есть редактор кода ( с использованием только HTML / CSS / JS ) с именем https://quarkedit.ga

Я пытаюсь добавить новую функцию, вроде какhttps://scratchpad.io делает.

Особенность заключается в следующем: всякий раз, когда пользователь приходит к https://quarkedit.ga, перенаправляют на случайно сгенерированный код плюс домен (например, https://quarkedit.ga/green-panda-2066), и в следующий раз, когда пользователь посещает страницу, перезагрузите ее, чтоcode.

Мой дизайн для этого выглядит следующим образом:

Когда пользователь заходит на quarkedit.ga, получите путь. Если путь существует в базе данных (используя базу данных Firebase), отобразите код, иначеперенаправьте обратно на quarkedit.ga, сгенерируйте новый случайный код и перейдите туда.

Когда пользователь покидает quarkedit.ga, получите код и сохраните его в базе данных с именем пути в качестве ключа.

Поэтому я попытался реализовать это, и я столкнулся с проблемой. https://quarkedit.ga/blahblah дает мне 404, потому что там нет html-файла.

Итак, вот что мне нужно помочь: Каксделать этот шаг работающим, например, сделать так, чтобы бла-бла вернулся в quarkedit.ga, но оставил бла-бла в URL, чтобы я все еще мог получить к нему доступ?

Если я не объяснил это должным образом или мне нужнобольше делать это, или если этот вопрос нене уместно, просто прокомментируйте ниже.

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

Я бынравится использовать только Html, CSS или JS в этом.

Кроме того, по какой-то причине это не привлекает большого внимания, щедрость может помочь;)

Спасибо!

Answer 1

В основном вам нужны две вещи:

• конфигурация веб-приложения с одной точкой входа
• маршрутизация JavaScript, начиная с вашей точки входа

Одна записьконфигурация точки будет очень похожа на ответ, который я выложил на другом QA :

Options +FollowSymLinks -MultiViews 
RewriteEngine On
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(.*)$ /index.html [NC,L,QSA]

Если у пользователя есть действительный URL, он будет обработан.Все остальное закончится в index.html.В любом случае, URL в браузере не изменится.

Следующий шаг зависит от вашей фактической реализации;Вы можете:

• генерировать физические файлы по этим URL, тогда все готово.Встроенной маршрутизации веб-сервера должно быть достаточно.Хранение URL-адресов в базе данных может быть необязательным.
• Храните содержимое кодовых страниц в другом месте, тогда может потребоваться настраиваемое перенаправление на основе поиска в базе данных.В начале простой window.location.replace(codeUrl); может быть достаточно.В долгосрочной перспективе вам может понадобиться взглянуть на компонент маршрутизации, например, router.js , navigo или Crossroads.js .
• сохранить содержимое страниц с кодами в базе данных и при необходимости загрузить его в редактор.Поиск в базе данных всегда необходим.

Когда запрашивается несуществующий URL, вы можете использовать этот URL в качестве отправной точки для новой пустой кодовой страницы.

По предложению RokoИзбегайте создания и хранения кода и связанных URL-адресов на ранней стадии.На самом деле, я бы предложил потребовать сохранить файл вручную, нажав кнопку.Если не сохранено, все временно, и содержимое исчезает, когда окно браузера закрывается.Например, этот онлайн тестер регулярных выражений работает следующим образом.