在使用流星和反应的注册确认之前进行电子邮件验证

Question

仅通过跟随本教程来学习流星和reactj，这非常好。这是一个注册页面，默认情况下，这不会在注册之前通过电子邮件验证。在现实生活中，我希望用户在结束注册之前验证他们的电子邮件，因为我准备好howto的新手，请帮助。

。

Signupform = React.createClass({
    mixins: [ReactMeteorData],
    getMeteorData(){
        let data = {};
        data.currentUser = Meteor.user();
        return data;
    },
    getInitialState(){
        return {
            message: '',
            messageClass: 'hidden'
        }
    },
    displayError(message){
        this.setState({message: message, messageClass: 'alert alert-danger registerError'});
    },
    handleSubmit(e){
        e.preventDefault();
        this.setState({message: '', messageClass: 'hidden'});
        var that = this;
        var first_name = ReactDOM.findDOMNode(this.refs.first_name).value.trim();
        var last_name = ReactDOM.findDOMNode(this.refs.last_name).value.trim();
        var email = ReactDOM.findDOMNode(this.refs.email).value.trim();
        var password = ReactDOM.findDOMNode(this.refs.password).value.trim();
        var user = {
            email: email,
            password: password,
            profile: {
                fullname: (first_name + last_name).toLowerCase(),
                firstname: first_name,
                lastname: last_name,
                avatar: 'http://placehold.it/150x150',
                friends: []
            }
        };
        Accounts.createUser(user, function (e) {
            if (e) {
                that.displayError(e.reason);
            } else {
                FlowRouter.go('/dashboard');
            }
        })

    },
    render(){
        return (
            <div className="row">
                <div className="signup">
                    <h1>Sign Up</h1>
                    <p className="text-muted">It's free and always will be.</p>
                </div>
                <form onSubmit={this.handleSubmit}>
                    <div className="col-sm-9">
                        <div className="row">
                            <div className="col-sm-6 form-group">
                                <input ref="first_name" type="text" placeholder="First name"
                                       className="form-control"/>
                            </div>
                            <div className="col-sm-6 form-group">
                                <input ref="last_name" type="text" placeholder="Last name"
                                       className="form-control"/>
                            </div>
                        </div>

                        <div className="form-group">
                            <input type="text" placeholder="Email or mobile number" ref="email"
                                   className="form-control"/>
                        </div>
                        <div className="form-group">
                            <input type="password" placeholder="New password" ref="password"
                                   className="form-control"/>
                        </div>
                        <button type="submit" className="btn btn-md btn-success">Sign Up</button>
                        <span className={this.state.messageClass}>{this.state.message}</span>
                    </div>
                </form>
            </div>
        )
    }
});

Answer 1

流星帐户软件包具有旨在验证电子邮件地址的函数，但是在用户创建帐户之后，这会发生。Accounts.sendVerificationEmail

这是该文档的链接。

另外，您可以使用另一个称为Accounts.sendEnrollmentEmail的帐户功能，该函数将用户发送电子邮件为链接，然后将其重定向到应用程序以设置其密码并访问应用程序。

这样，您就知道他们在使用您的应用程序之前使用了有效的电子邮件。

这是该文档的链接。

Answer 2

我不确定在注册之前验证电子邮件是什么意思。如果您要验证电子邮件的存在，请按照以下步骤操作。

用户提交注册表格后，您需要将电子邮件发送到一封电子邮件地址，并用一次密码(OTP(随机4或6位数字发送电子邮件地址。然后在UI上要求用户输入电子邮件中收到的OTP。如果它与您发送的匹配匹配，则可以注册用户，如果不丢弃错误并要求他们重新确认电子邮件并重新开始循环。

注意：这与反应或流星以任何方式无关。这是一个合乎逻辑的问题。