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

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

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

在注册 appid 和 appsecret，注册后在控制台基础配置中查看相关的信息，如下图：

• abp login 代码修改

项目 /views/account/_layout.cshtml  ,在 head 标签的最后加入以下代码，引入验证 js 文件。

<script src="https://ssl.captcha.qq.com/tcaptcha.js"></script>

项目/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回调函数代码

    <script type="text/javascript">
        window.callback = function (res) {
            if (res.ret === 0) {
                $("form").submit();
            }
            else {
                abp.notify.warn("未验证，无法登录！");
            }
        }
    </script>