Google Smartlock：PromiseStatus 时该怎么办：通过控制台中的 Javascript 挂起

Question

we are integrating Google Smartlock. Every time we run the JS code to enable Smart lock on 1 screen it does nothing at all. And when we trigger it manually we only see this in console log.

Promise {[[PromiseStatus]]: "pending", [[PromiseValue]]: undefined}

javascript is like this

<script>
        window.onload=function(e){
            var debug = true;
            var always = function() { console.log('Promise resolved: but dont understand how should process: we want/need to login') }
            navigator.credentials.get({password: true, unmediated: true, }).then(function(cred) { 
            if (cred) {
                if (cred.type == 'password') {  
                var form = new FormData();
                cred.additionalData = form;
                var url = 'domain.com/login';
                fetch(url, {method: 'POST', credentials: cred }).then(function(response) { 
                    if (response.status == 202) {
                      if (debug) { console.log('Login success; reload stopped'); exit; }
                      window.location.reload();
                    }
                    if (debug) { console.log('Server status: ' + response.status); }
                    return;
                  }).catch(function(err) { console.log('Smartlock Ajax error:'+ err); 
                  }).then(always, always);
                } // can add federated here
            } else if (typeof cred === "undefined") {
                // user clicks cancel or no credentials found
                var expiry = new Date(); expiry.setDate(expiry.getDate() + (1/3600*30));
                document.cookie="dontshowagain=true; expires=" + expiry.toGMTString();
            }
            });

        }
        </script>

Question : Does anyone know what is happening here?

I tested with 1 saved passwd, with 2 saved passwd's. We do see the small key icon next to the URL in Chrome. But it doesn't popup or do anything.

Help/advise appreciated

References: https://support.google.com/accounts/answer/6160273?hl=en

Answer 1

It looks like you're requesting unmediated: true which forces the browser to not show the account selector UI.

When you have more than one credentials stored or one credential that requires user mediation, get(...) returns undefined unless you allow the mediation ( unmediated: false which is default).

Note: Your credentials should require mediation when the user signs out of an account ( navigator.credentials.requireUserMediation() ).