源:【通信信息報社】
中國電信消息,中國電信“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;
}
效果:
*請認真填寫需求信息,我們會在24小時內與您取得聯系。