Abp zero 登录 添加腾讯云验证码

腾讯云验证码是为网页、App、小程序开发者提供的安全验证服务,基于腾讯多年的大数据积累和人工智能决策引擎,构建智能分级验证模型,最大程度保护业务安全的同时,提供更精细化的用户体验。

  • 腾讯云-->验证码控制台

在验证码控制台注册 AppID 和 AppSecret,注册后在控制台基础配置中查看相关的信息,如下图:

Abp zero 登录 添加腾讯云验证码_第1张图片

  • ABP Login 代码修改

项目 /Views/Account/_Layout.cshtml  ,在 Head 标签的最后加入以下代码,引入验证 JS 文件。

项目/Views/Account/Login.cshtml 

 <form class="m-login__form m-form login-form" asp-action="Login" method="post" >
        <input type="hidden" name="returnUrl" value="@ViewBag.ReturnUrl" />
        <input type="hidden" name="returnUrlHash" />
        <input type="hidden" name="ss" value="@ViewBag.SingleSignIn" />
        <div class="form-group m-form__group">
            <input class="form-control m-input" type="text" placeholder="@L("UserNameOrEmail")" name="usernameOrEmailAddress" autocomplete="off" value="@(Model.UserNameOrEmailAddress ?? "")" required>
        div>
        <div class="form-group m-form__group">
            <input class="form-control m-input m-login__form-input--last" type="password" placeholder="@L("Password")" name="password" autocomplete="off">
        div>
        <div class="row m-login__form-sub">
            <div class="col m--align-left">
                <label class="m-checkbox m-checkbox--primary">
                    <input type="checkbox" name="rememberMe" value="true">
                    @L("RememberMe")
                    <span>span>
                label>
            div>
            <div class="col m--align-right">
                <a href="@Url.Action("ForgotPassword", "Account")" id="forget-password" class="m-link forget-password">@L("ForgotPassword")a>
            div>
        div>
        <div class="m-login__form-action">
            <button type="button" class="btn btn-primary m-btn m-btn--pill m-btn--custom m-btn--air" id="TencentCaptcha"
                    data-appid="AppID"
                    data-cbfn="callback">
                @L("LogIn")
                button>
            div>
        form>

页面中添加JavaScripts回调函数代码

    

 Abp zero 登录 添加腾讯云验证码_第2张图片

你可能感兴趣的:(Abp zero 登录 添加腾讯云验证码)