Мне очень нравится проверка подлинности телефона Firebase.Я написал проект в феврале 2017 года, используя
<script src="https://cdn.firebase.com/libs/firebaseui/2.3.0/firebaseui.js"></script>
<link type="text/css" rel="stylesheet" href="https://cdn.firebase.com/libs/firebaseui/2.3.0/firebaseui.css" />
Довольно хорошие результаты:
Я пытаюсь создать новыйаналогичный продукт.Я подумал, что я буду использовать последние версии Firebase Auth.firebaseui.js и .css версии 3.4.1 К сожалению, новая Recaptcha полностью убивает проект.
... и вот вторая фаза.Вы не можете перемещаться слишком далеко от экрана.Это неприменимо в текущей форме.
Я внимательно изучаю элементы iframe, включая все соответствующие настройки CSS.На первый взгляд ничто не кажется неправильным, но новый материал выглядит ужасно и совершенно не функционален.
Непонятно, какая именно версия recaptcha используется для каждой версии пользовательского интерфейса.Для простой установки флажка в начальной области старая версия 2.3.0 использует iframe, который начинается: https://www.google.com/recaptcha/api2/anchor?ar=2&k=....В новой, нечитаемой версии (из firebaseui 3.4.1) используется iframe, который запускается https://www.google.com/recaptcha/api2/anchor?ar=1&k=...
Я сейчас так долго тестирую, что получаю ошибку ReCaptcha, вздох.
Ваш компьютер или сеть могут отправлять автоматические запросы.Чтобы защитить наших пользователей, мы не можем обработать ваш запрос прямо сейчас.Для получения более подробной информации посетите нашу справочную страницу ссылка
Этот сайт предназначен только для использования через мобильный телефон.При существующем состоянии ни один пользователь не поймет, что он должен щелкнуть в поле, чтобы перейти к следующему этапу reCaptcha ...
Есть ли обходные пути для очистки этого?Из того, что я могу сказать, если вы используете аутентификацию телефона с Firebase Auth, вы ДОЛЖНЫ использовать reCaptcha.
Как я могу очистить первую фазу recaptcha, "Проверьте флажок".Как я могу очистить фазу два recaptcha «Выберите квадрат с аллигаторами пешеходного перехода / автобус / оранжевый».
(на этом этапе мне не терпится попробовать ...)
@media (max-width:320px) {
.firebaseui-recaptcha-container>div>div {
transform: scale(.7);
-webkit-transform: scale(.7);
transform-origin: 0 0;
-webkit-transform-origin: 0 0
}
}