sdz/ks-app-employment-service
Template
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

身份证号码登录开发

Browse Source
This commit is contained in:
冯辉
2025-11-14 19:05:03 +08:00
parent c798f1bdf2
commit 251770c057
5 changed files with 276 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
apiRc/login.js
View File

@@ -56,6 +56,18 @@ export function idCardLogin(data) {
})
}
// 手机号登录
export function phoneLogin(data) {
return request({
method: 'post',
url: '/app/phoneLogin',
data,
headers: {
isToken: false
}
})
}
// 获取用户详细信息
export function getInfo() {
return request({

4
pages/login/h5-login.vue
View File

@@ -198,8 +198,8 @@ const handleLogin = async () => {
loading.value = true
try {
// 调用账号密码登录接口
const res = await $api.createRequest('/app/login', {
// 调用手机号登录接口 /app/phoneLogin
const res = await $api.createRequest('/app/phoneLogin', {
username: form.username,
password: form.password
}, 'post')

24
pages/login/id-card-login.vue
View File

@@ -72,9 +72,9 @@ const handleIdCardLogin = async (idCard) => {
})
// 跳转到首页
uni.reLaunch({
url: '/pages/index/index'
})
// uni.reLaunch({
// url: '/pages/index/index'
// })
} else {
uni.showToast({
title: '登录失败',
@@ -137,12 +137,11 @@ const getUrlParams = (url) => {
}
return params
}
onLoad((options) => {
// 处理第三方跳转过来的身份证登录
if (options.idCardBase64) {
if (options.idCard) {
// 直接通过参数传递
processIdCardLogin(options.idCardBase64)
processIdCardLogin(options.idCard)
} else {
// 从当前URL中获取参数
const currentPages = getCurrentPages()
@@ -150,8 +149,8 @@ onLoad((options) => {
const url = currentPage.$page.fullPath
const params = getUrlParams(url)
if (params.idCardBase64) {
processIdCardLogin(params.idCardBase64)
if (params.idCard) {
processIdCardLogin(params.idCard)
} else {
uni.showToast({
title: '缺少身份证号码参数',
@@ -165,18 +164,18 @@ onLoad((options) => {
})
// 处理身份证登录流程
const processIdCardLogin = async (idCardBase64) => {
const processIdCardLogin = async (idCard) => {
try {
// 解码Base64身份证号码
const idCard = decodeBase64(idCardBase64)
const decodedIdCard = decodeBase64(idCard)
// 验证身份证号码格式（简单验证）
if (!idCard || idCard.length < 15) {
if (!decodedIdCard || decodedIdCard.length < 15) {
throw new Error('身份证号码格式不正确')
}
// 调用登录接口
await handleIdCardLogin(idCard)
await handleIdCardLogin(decodedIdCard)
} catch (error) {
console.error('处理身份证登录失败:', error)
@@ -192,6 +191,7 @@ const processIdCardLogin = async (idCardBase64) => {
onMounted(() => {
// 页面挂载后的逻辑
// 这里可以添加页面挂载后的其他逻辑
})
</script>

247
test-idcard-login.html Normal file
View File

@@ -0,0 +1,247 @@
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>社保登录流程测试</title>
<style>
body {
font-family: Arial, sans-serif;
max-width: 800px;
margin: 0 auto;
padding: 20px;
background-color: #f5f5f5;
}
.container {
background: white;
padding: 30px;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}
h1 {
color: #333;
text-align: center;
}
.test-case {
margin: 20px 0;
padding: 15px;
border: 1px solid #ddd;
border-radius: 5px;
background: #f9f9f9;
}
.test-case h3 {
margin-top: 0;
color: #4778EC;
}
.code {
background: #f4f4f4;
padding: 10px;
border-radius: 4px;
font-family: monospace;
overflow-x: auto;
}
.btn {
background: #4778EC;
color: white;
padding: 10px 20px;
border: none;
border-radius: 4px;
cursor: pointer;
margin: 10px 5px;
}
.btn:hover {
background: #256BFA;
}
.result {
margin-top: 10px;
padding: 10px;
border-radius: 4px;
display: none;
}
.success {
background: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
}
.error {
background: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
}
</style>
</head>
<body>
<div class="container">
<h1>社保登录流程测试</h1>
<div class="test-case">
<h3>测试用例 1: Base64 解码测试</h3>
<p>测试 Base64 解码功能是否正常工作</p>
<div class="code">
// 测试数据: "142634199305163418" 的 Base64 编码<br>
// 原始身份证号: 142634199305163418<br>
// Base64 编码: MTQyNjM0MTk5MzA1MTYzNDE4
</div>
<button class="btn" onclick="testBase64Decode()">测试 Base64 解码</button>
<div id="base64Result" class="result"></div>
</div>
<div class="test-case">
<h3>测试用例 2: URL 参数解析测试</h3>
<p>测试从 URL 中获取 idCard 参数的功能</p>
<div class="code">
// 测试 URL: http://localhost:5173/ks_app/#/pages/login/id-card-login?idCard=MTQyNjM0MTk5MzA1MTYzNDE4<br>
// 预期结果: 成功获取到 idCard 参数值
</div>
<button class="btn" onclick="testUrlParams()">测试 URL 参数解析</button>
<div id="urlResult" class="result"></div>
</div>
<div class="test-case">
<h3>测试用例 3: 完整登录流程测试</h3>
<p>模拟完整的社保登录流程</p>
<div class="code">
1. 从 URL 获取 idCard 参数 (Base64 编码)<br>
2. Base64 解码得到明文身份证号<br>
3. 调用 /app/idCardLogin 接口<br>
4. 处理登录结果
</div>
<button class="btn" onclick="testFullLoginFlow()">测试完整登录流程</button>
<div id="loginResult" class="result"></div>
</div>
<div class="test-case">
<h3>测试用例 4: 生成测试链接</h3>
<p>生成用于测试的社保登录链接</p>
<div class="code">
身份证号: <input type="text" id="testIdCard" value="142634199305163418" style="width: 200px; padding: 5px;">
</div>
<button class="btn" onclick="generateTestLink()">生成测试链接</button>
<div id="linkResult" class="result"></div>
</div>
</div>
<script>
// Base64 解码函数 (与前端代码保持一致)
function decodeBase64(base64Str) {
try {
return atob(base64Str);
} catch (error) {
console.error('Base64解码失败:', error);
throw new Error('身份证号码解码失败');
}
}
// 测试 Base64 解码
function testBase64Decode() {
const base64Str = "MTQyNjM0MTk5MzA1MTYzNDE4";
const resultDiv = document.getElementById('base64Result');
try {
const decoded = decodeBase64(base64Str);
resultDiv.innerHTML = `<strong>成功!</strong><br>
Base64 编码: ${base64Str}<br>
解码结果: ${decoded}<br>
预期结果: 142634199305163418<br>
匹配: ${decoded === "142634199305163418" ? "✓" : "✗"}`;
resultDiv.className = 'result success';
resultDiv.style.display = 'block';
} catch (error) {
resultDiv.innerHTML = `<strong>失败!</strong><br>错误信息: ${error.message}`;
resultDiv.className = 'result error';
resultDiv.style.display = 'block';
}
}
// 测试 URL 参数解析
function testUrlParams() {
const testUrl = "http://localhost:5173/ks_app/#/pages/login/id-card-login?idCard=MTQyNjM0MTk5MzA1MTYzNDE4";
const resultDiv = document.getElementById('urlResult');
try {
const urlObj = new URL(testUrl);
const idCardParam = urlObj.searchParams.get('idCard');
resultDiv.innerHTML = `<strong>成功!</strong><br>
URL: ${testUrl}<br>
获取到的 idCard 参数: ${idCardParam}<br>
参数存在: ${idCardParam ? "✓" : "✗"}`;
resultDiv.className = 'result success';
resultDiv.style.display = 'block';
} catch (error) {
resultDiv.innerHTML = `<strong>失败!</strong><br>错误信息: ${error.message}`;
resultDiv.className = 'result error';
resultDiv.style.display = 'block';
}
}
// 测试完整登录流程
function testFullLoginFlow() {
const resultDiv = document.getElementById('loginResult');
resultDiv.innerHTML = '<strong>测试中...</strong>';
resultDiv.className = 'result';
resultDiv.style.display = 'block';
setTimeout(() => {
try {
// 模拟登录流程
const base64IdCard = "MTQyNjM0MTk5MzA1MTYzNDE4";
const decodedIdCard = decodeBase64(base64IdCard);
// 验证身份证格式
if (!decodedIdCard || decodedIdCard.length < 15) {
throw new Error('身份证号码格式不正确');
}
resultDiv.innerHTML = `<strong>成功!</strong><br>
完整登录流程测试通过:<br>
1. Base64 参数获取: ✓<br>
2. Base64 解码: ✓ (${decodedIdCard})<br>
3. 身份证格式验证: ✓<br>
4. 接口调用准备: ✓<br>
<br>
<em>注意: 实际接口调用需要在真实环境中测试</em>`;
resultDiv.className = 'result success';
} catch (error) {
resultDiv.innerHTML = `<strong>失败!</strong><br>错误信息: ${error.message}`;
resultDiv.className = 'result error';
}
}, 1000);
}
// 生成测试链接
function generateTestLink() {
const idCardInput = document.getElementById('testIdCard');
const idCard = idCardInput.value.trim();
const resultDiv = document.getElementById('linkResult');
if (!idCard) {
resultDiv.innerHTML = '<strong>错误!</strong><br>请输入身份证号码';
resultDiv.className = 'result error';
resultDiv.style.display = 'block';
return;
}
try {
const base64IdCard = btoa(idCard);
const testLink = `http://localhost:5173/ks_app/#/pages/login/id-card-login?idCard=${base64IdCard}`;
resultDiv.innerHTML = `<strong>测试链接已生成!</strong><br>
原始身份证号: ${idCard}<br>
Base64 编码: ${base64IdCard}<br>
<br>
<strong>测试链接:</strong><br>
<a href="${testLink}" target="_blank" style="word-break: break-all;">${testLink}</a><br>
<br>
<em>复制此链接在开发环境中测试社保登录功能</em>`;
resultDiv.className = 'result success';
resultDiv.style.display = 'block';
} catch (error) {
resultDiv.innerHTML = `<strong>生成失败!</strong><br>错误信息: ${error.message}`;
resultDiv.className = 'result error';
resultDiv.style.display = 'block';
}
}
</script>
</body>
</html>

6
utils/loginHelper.js
View File

@@ -107,9 +107,9 @@ export function parseIdCardLoginParams(url) {
const params = {};
// 获取身份证号码base64参数
const idCardBase64 = urlObj.searchParams.get('idCardBase64');
if (idCardBase64) {
params.idCardBase64 = idCardBase64;
const idCard = urlObj.searchParams.get('idCard');
if (idCard) {
params.idCard = idCard;
}
// 获取重定向URL