Я пытаюсь создать приложение для моей бильярдной лиги, используя React и Firebase. Я хочу, чтобы пользователи входили в систему, а затем могли видеть полное приложение (калькулятор для определения гонок, расписания, команд и т. Д.). Я сохраняю статус того, вошел ли кто-то в систему или нет в состоянии родительского компонента (например: this.state = { loggedIn: true }). Вход / выход из Firebase работает просто отлично, как и условный рендеринг компонентов React, основанный на вышеупомянутом состоянии. Состояние по умолчанию равно false и изменяется на true в зависимости от firebase.auth().onAuthStateChanged (что также прекрасно работает).
Проблема, с которой я столкнулся, заключается в том, что в настоящее время ничто не может остановить предприимчивого человека - того, кто не имеет учетной записи в моем приложении и не вошел в систему - от открытия инструментов разработчика React и переключения с loggedIn на true, и таким образом, раскрывая все вкусности.
Я просмотрел несколько руководств (например, CC-Tricks one) для React и Firebase, в которых говорится, что именно это и делается - сохранять статус аутентификации в состоянии компонента. Я также думаю, что есть простой способ сделать то, что мне нужно от моего приложения, но я, вероятно, просто слишком много думаю / слишком нуб. Есть указатели?