中国电信推出数字身份，打造国家级可信身份认证便民服务

源：【通信信息报社】

中国电信消息，中国电信“SIM数字身份”正式上线，同时开设“中国电信数字身份”微信小程序、“电信营业厅”APP、“翼支付”APP三个入口，用户即可快速完成数字身份申领开通和认证，在线上线下场景通过数字身份便捷快速完成事务咨询和办理。

中国电信数字身份微信小程序端

中国电信“SIM数字身份”服务，集SIM与身份功能于一身，以中国电信打造的“云SIM卡”为载体，通过与公安部第一研究所“互联网+可信身份认证平台”（CTID）互联互通，整合了包含数字身份申领、认证、亮码等多项功能，为用户提供权威、安全、便捷的数字身份认证服务。用户在APP免密登录、HTML5页面身份信息补充、身份认证和本机号码认证时，可及时调用“数字身份”核验功能，为便利数字生活提供更多可能。

中国电信不仅面向个人用户提供申领开通通道，同时面向政企行业客户，提供身份认证一体化解决方案，提供API及标准化插件，助力客户快速接入，建立行业安全可信、使用便捷的数字身份系统。

中国电信云SIM卡片采用国密算法，已达到EAL4+认证的金融安全等级，实现本地安全加密存储，极大保护了用户隐私数据。云SIM卡结合“数字身份认证”，可将网络身份码、相关电子证照以及运营CA签发的个人数字证书等数字身份信息集成至SIM卡内，且可灵活调用，进一步推动了数字身份认证的发展与应用。

中国电信SIM数字身份未来将支持多场景应用，包括政务事务、金融认证、商旅认证、医疗服务、出行、住宿、货运物流等场景。通过引入数字身份核验，中国电信SIM数字身份提供“人、证、号”三合一的基础能力，打通线上线下双端信息，让用户使用数字身份时更加安全便捷。

在政务场景下，可提供政务事务预约，预约即实名，在政务办理时，可直接使用数字身份进行身份认证，提高政务效率等。

在金融领域，用户在KYC实名认证、贷款业务办理、二类户开户等场景时，可直接调用数字身份快速完成认证，无需用户临柜或出示身份证，方便快捷的同时也极大的保护了用户身份隐私。

在出行场景下，用户在乘坐飞机、高铁、大巴等公共交通时，用户刷身份证或乘车码时，即可快速完成身份验证或款项支付服务，“数字身份”极大提高了用户的出行体验。

在货运物流领域，使用数字身份也能快速解决车与司机一致，保障货物运输安全。

在住宿酒店场景时，“数字身份”将下单、入住和实名的流程融合，优化了入住流程。在商旅场景下，亦可基于数字身份，完成商旅场景与实名认证的结合，出票即认证。

中国电信SIM数字身份还支持“访客认证”。用户到访公司时，可提前通过微信小程序进行在线预约，现场通过扫描二维码或NFC快速完成身份认证。这种“非接触式服务”在疫情防控中显得尤为重要。

另据了解，中国电信很早便围绕“一网通办”开展试点“电子证照”社会化应用，2020年5月起在上海市全市各营业网点全面支持使用“随身办——电子亮证”功能。市民至电信营业厅网点时，无需再携带实体身份证，通过手机下载 APP“随申办市民云”进入“亮证”便可进行电信业务的查询和办理，覆盖费用查询、业务查询、充值缴费、便捷服务、业务办理等16项业务。

中国电信作为成都世界大运会综合信息类独家官方合作伙伴，将积极探索“数字身份”在赛会多场景中的落地。基于中国电信“SIM数字身份”，用户可快速完成身份认证，在线完成信息登记、赛事预约、在线购票等。其次，用户通过手机NFC或亮证功能，手机“刷一刷”或“扫一扫”，即可快速完成本人身份核验，快速进出场馆。

目前，国家正积极推进数字身份建设，力图实现服务事项“跨省通办”和“一网通办”，推动线上线下办事更加便捷化、高效化，实现真正的便民利民举措。

中国电信将继续围绕“数字身份”场景和应用创新，充分发挥数字科技优势，扩大数字身份使用场景，精准感知用户需求并提供安全可信、使用便捷的认证服务，推动身份认证数字化，助力国家“可信数字身份+”服务体系建设。

本文来自【通信信息报社】，仅代表作者观点。全国党媒信息公共平台提供信息发布传播服务。

ID：jrtt

tml:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录界面</title>
    <link href="../css/20240401.css" rel="stylesheet">
</head>
<body>
    <div class="container">
        <form action="#">
            <h1>Login</h1>
            <div class="input-box">
                <input type="text"  placeholder="username" required/>
            </div>
            <div class="input-box">
                <input type="password"  placeholder="password" required/>
            </div>

            <div class="remember-forgot">
                <label>
                    <input type="checkbox"/> Remember me</label>
                    <a href="#">Forgot password?</a>
            </div>

            <button type="submit" class="btn">Log in</button>

            <div class="register-link">
                <p>Don't have an account? <a href="#">Register Here!</a></p>
            </div>

        </form>
    </div>
</body>
</html>

Css:

@import url(https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap);

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Pooppins', sans-serif;
}

body{
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background: url(../html/image/20240401/login_bg.jpg);
    background-size: cover;
}

.container{
    width: 420px;
    border: 2px solid rgba(255, 255, 255, 0.1);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    color: #1d6272;
    border-radius: 10px;
    padding: 30px 40px;
    backdrop-filter: blur(18px);

}

.container h1{
    font-size: 36px;
    text-align: center;
}

.container .input-box {
    position: relative;
    width: 100%;
    height: 50px;
    margin: 30px 0px;

}

.input-box input{
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    outline: none;
    border: 2px solid rgba(255, 255, 255, 0.2);
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    padding: 20px 45px 20px 20px;

}

.input-box input::placeholder{
    color: #fff;
}

.container .remember-forgot{
    display: flex;
    justify-content: space-between;
    font-size: 14.5px;
    margin: -15px 0px 15px;
}

.remember-forgot label input{
    color: #1d6272;
    margin-right: 3px;
}

.remember-forgot a {
    color: #1d6272;
    text-decoration: none;

}

.remember-forgot a:hover{
    text-decoration: underline;
}

.container .btn{
    width: 100%;
    height: 45px;
    background: #1d6272;
    border: none;
    outline: none;
    border-radius: 5px;
    box-decoration-break: 0px 0px 10px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}

.container .register-link{
    font-size: 14.5px;
    text-align: center;
    margin: 20px 0px 20px;
}

.register-link p a {
    color: #1d6272;
    text-decoration: none;
}

.register-link p a:hover{
    text-decoration: underline;
}

效果：

tml:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录界面</title>
    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
    <link href="../css/20240331.css" rel="stylesheet">
</head>
<body>
    <form action="#" class="login-form">
        <h1 class="login-title">Login</h1>
        <div class="input-box">
            <i class="bx bxs-user"></i>
            <input type="text" placeholder="Username">
        </div>

        <div class="input-box">
            <i class="bx bxs-lock-alt"></i>
            <input type="password" placeholder="Password">
        </div>

        <div class="remember-forgot-box">
            <label for="remember">
                <input type="checkbox" id="remember">
                Remember me
            </label>
            <a href="#">Forgot password?</a>
        </div>

        <button class="login-btn">Login</button>
        <p class="register">
            Don't hava an account?<a href="#">Register</a>
        </p>
    </form>
</body>
</html>

Css:


@import url(https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap);

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Pooppins', sans-serif;
}

body {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../html/image/20240331/login_bg3.jpg);
    background-size: cover;
    background-position: center;
}

.login-form {
    background: rgba(64, 64, 64, 0.15);
    border: 3px solid rgba(255, 255, 255, 0.3);
    padding: 30px;
    border-radius: 16px;
    backdrop-filter: blur(25px);
    text-align: center;
    color: #fff;
    width: 400px;
    box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.15);
}

.login-title {
    font-size: 40px;
    margin-bottom: 40px;
}

.input-box {
   margin: 20px 0;
    position: relative;
}

.input-box input{
    width: 100%;
    background: rgba(255, 255, 255, 0.1);
    border: none;
    padding: 12px 12px 12px 45px;
    border-radius: 99px;
    outline: 3px solid transparent;
    transition: 0.3s;
    font-size: 17px;
    color: #fff;
    font-weight: 600;
}

.input-box input::placeholder{
    color: rgba(255, 255, 255, 0.8);
    font-size: 17px;
    font-weight: 700;
}

.input-box input:focus{
    outline: 3px solid rgba(255, 255, 255, 0.3)
}

.input-box input::-ms-reveal{
    filter: invert(100%);
}

.input-box i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: rgba(255, 255, 255, 0.8);
}

.remember-forgot-box{
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
    font-size: 15px;
}

.remember-forgot-box label{
    display: flex;
    gap: 8px;
    cursor: pointer;

}

.remember-forgot-box input{
    accent-color: #fff;
    cursor: pointer;
}

.remember-forgot-box a {
    color: #fff;
    text-decoration: none;
}

.remember-forgot-box a:hover{
    text-decoration: underline;
}

.login-btn{
    width: 100%;
    padding: 10px 0;
    background: #2f9cf4;
    border: none;
    border-radius: 99px;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.login-btn:hover{
    background: #0b87ec;
}

.register{
    margin-top: 15px;
    font-size: 15px;

}

.register a{
    color: #fff;
    text-decoration: none;
    font-weight: 500;
}

.register a:hover{
    text-decoration: underline;
}

效果：

在线咨询

上一篇：简单了解CSS3的all属性
下一篇：HTML转换成PDF，这样就搞定了

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

中国电信推出数字身份，打造国家级可信身份认证便民服务

您的项目需求