javascript - 获取参数并将其存储并在变量上使用以在我的方法中使用

Question

我想获取一些参数并使用它们从 firebase 重置密码功能。

我的链接是这样的: http://localhost:8080/passwordreset?mode=resetPassword&oobCode=y6FIOAtRUKYf88Rt5OlEwxUuTyEmb3M4gquZSIseX2UAAAFevpj-gw&apiKey=AIzaSyBaCCvq-ZEfQmdrL7fmElXDjZF_J-tku2I

我想获取mode、oobCode和apiKey。这是我现在所拥有的:

export default {


data: function() {
    return {
        passwordNew: '',
        passwordConfirm: '',
        mode:'',
        actionCode: '',
        continueUrl: '',
    }
},
methods: {
    handleResetPassword: function() {
        var accountEmail;

        firebase.auth().verifyPasswordResetCode(actionCode).then(function(email) {
            var accountEmail = email;
            firebase.auth().confirmPasswordReset(this.actionCode, this.passwordNew).then(function(resp) {

                alert("Password reset success");
                this.$router.push('hello')
            }).catch(function(error) {
                // Error occurred during confirmation. The code might have expired or the
                // password is too weak.
                console.log("error 1")
            });
        }).catch(function(error) {
            // Invalid or expired action code. Ask user to try to reset the password
            // again.
            console.log("error 2")
        });
    },
}

}

Answer 1

来自 Firebase 文档:

Some user management actions, such as updating a user's email address and resetting a user's password, result in emails being sent to the user. These emails contain links that recipients can open to complete or cancel the user management action. By default, user management emails link to the default action handler, which is a web page hosted at a URL in your project's Firebase Hosting domain.

链接:https://firebase.google.com/docs/auth/custom-email-handler

您需要获取这些参数并将它们存储在变量中，从 firebase 文档中我得到了这些片段并刚刚编写了 getParameterByName 函数:

function getParameterByName( name ){
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return decodeURIComponent(results[1].replace(/\+/g, " "));
}
    // Get the action to complete.
    var mode = getParameterByName('mode');
    // Get the one-time code from the query parameter.
    var actionCode = getParameterByName('oobCode');
    // (Optional) Get the continue URL from the query parameter if available.
    var continueUrl = getParameterByName('continueUrl');

您需要首先获取这些参数并在 verifyPasswordResetCode 方法上验证操作代码，然后您可以更改密码并将其与操作代码一起存储到该方法中。

在您的导出默认值中:

data: function() {
        return {
            passwordNew: '',
            passwordConfirm: '',
            mode: mode,
            actionCode: actionCode,
            continueUrl: continueUrl,
        }
    },
    methods: {
        handleResetPassword: function() {
            var passwordNew = this.passwordNew
            var actionCode = this.actionCode
            firebase.auth().verifyPasswordResetCode(actionCode).then(function(email) {
                console.log("ActionCode: "+ actionCode);

                firebase.auth().confirmPasswordReset(actionCode, passwordNew).then(function(resp) {

                    alert("Password reset success");
                    this.$router.push('hello')
                }).catch(function(error) {
                    console.log("error 1"+ error)
                });
            }).catch(function(error) {
                console.log("Action code is invalid"+ error)
            });

        },
    }