Как создать свой url страницы?

Question

[Дмитрий]

Добрый день, подскажите, как можно создать свой адрес страницы. То есть пользователь в поле input вводит свой url адрес (например: domain.com/то что ввел пользователь) и это будет уникальная страница с его адресом

Answer 1

[Daria Motorina]

В пределах одного домена - относительный урл страницы это просто идентификатор, который сохраняется в базу данных на бекенде, а потом на основе этого идентификатора и данных, связанных с пользователем, на бекенде генерируется страница.
Для любого домена такая задача не реализуема.

Comments

[Дмитрий]

Подскажите, как это можно реализовать в пределах одного домена? Может есть какой-нибудь материал?

[Daria Motorina]

moiseev1788, задача составная, поэтому статья конкретно по этому вопросу вряд ли существует. Надо иметь какую-то систему соответствия юзера и его страницы (аутентификацию), с формы отправить урл страницы, сохранить в базу, связав с пользователем. Для поиска и вывода страницы надо иметь роутинг, контроллер и экшен, который ищет страницу и генерит шаблон. Такое можно реализовать средствами PHP фреймворков

Answer 2

[Андрей]

Про Vue Router знаете?) Он по каким-то причинам не подходит для решения этой задачи?

const rotues = [
  {
    // :user_input = "то что ввел пользователь"
    path: '/:user_input',
    name: 'UserPage',
    component: UserPage
  }
]

Внутри компонента UserPage можно обратится к объекту роутера и получить параметр 'user_input' в одном из хуков для того, чтобы сделать запрос на бэк и получить данные о пользователе.

created() {
  const user_input = this.$route.params.user_input
  this.$api.getUser(user_input)
}

Comments

[Дмитрий]

Знаю про Vue Router, но не знал, что он может помочь с решением этой задачи. Подскажите пожалуйста, есть какой-нибудь материал по этому способу или пример, буду очень сильно благодарен

К примеру есть страница profile, где пользователь указывает всю нужную информацию, допустим это будет имя и фамилия. Как и при помощи чего, эти данные можно вывести на отдельную страницу с user_input?

[Андрей]

moiseev1788, в экосистеме Vue мало чего есть лучше официальной документации)