中國電信推出數字身份，打造國家級可信身份認證便民服務

源：【通信信息報社】

中國電信消息，中國電信“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小時內與您取得聯系。

整合營銷服務商

中國電信推出數字身份，打造國家級可信身份認證便民服務

您的項目需求