Создавайте персонализированные URL сессий с помощью React

Question

Я пытаюсь создать приложение с использованием React, которое отправляет персонализированный posfix из моего URL, чтобы я мог впоследствии идентифицировать и организовать каждого клиента, который обращается к этим URL.

Например:

root url: myapp.com/

Что я ищу:

myapp.com/{randomstring}

Где "randomstring" будет определять, какой сеанс моего приложения использует клиент.

Другой пример этого может быть приложение Google Meet:

Их root URL-адрес:

meet.google.com/{specific hangout id}

Где полный URL-адрес с идентификатором видеовстречи выглядит следующим образом:

meet.google.com/abc-abcd-abc

Любое руководство

Answer 1

Я нашел способ, используя React Router :

Компонент Route принимает массив для параметра path, поэтому вы можете сделать что-то вроде этого:

let paths = ['/accounts', '/home', '/users'];

<Router>
    <Switch>
        <Route path={paths}>
          <Test />
        </Route>
        <Route path="/">
          <App />
        </Route>
    </Switch>
</Router>

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