feat(api): 升级 HaveADrink 依赖并实现用户头像上传功能

- 将 HaveADrink 依赖从 1.0.15 升级至 1.0.16 版本
- 新增 UpdateUserAvatar API 接口用于更新用户头像
- 添加 isValidAvatar 工具函数验证头像 URL 有效性
- 在登录流程中集成头像上传逻辑,支持微信头像选择
- 更新多个组件中的头像显示逻辑,过滤无效头像地址
- 优化 tabBar 主题应用逻辑,修复异步错误处理问题
- 修复微信新规范下头像选择的临时路径处理机制
This commit is contained in:
cg
2026-08-16 22:19:10 +08:00
parent 81e7a3afa5
commit 019262289c
15 changed files with 269 additions and 39 deletions
+49 -18
View File
@@ -90,7 +90,7 @@
<script>
import themeMixin from '../../common/theme-mixin'
import client, { saveAuthTokens } from '../../common/api'
import client, { saveAuthTokens, UploadImage, UpdateUserAvatar } from '../../common/api'
import { handlePendingInvite } from '../../common/invite'
import wsManager from '../../common/websocket'
@@ -102,6 +102,7 @@ export default {
loginLoading: false,
agreed: false,
avatarUrl: '',
avatarTempPath: '', // 待上传的 wxfile:// 临时路径(选头像时暂存,登录后带 token 上传)
nickname: ''
}
},
@@ -123,10 +124,14 @@ export default {
},
// ===== 微信新规范:头像选择 =====
// chooseAvatar 返回的是 wxfile://tmp_ 本地临时路径(微信随时会清理、仅本机有效),
// 上传接口需要登录 token,而选头像时还未登录,因此这里只暂存临时路径,
// 等 handleLogin 拿到 token 后再上传
onChooseAvatar(e) {
if (e.detail && e.detail.avatarUrl) {
this.avatarUrl = e.detail.avatarUrl
}
const tempUrl = e.detail && e.detail.avatarUrl
if (!tempUrl) return
this.avatarUrl = tempUrl
this.avatarTempPath = tempUrl
},
// ===== 微信新规范:昵称输入 =====
@@ -157,30 +162,56 @@ export default {
if (!loginRes || !loginRes.code) {
throw new Error('获取微信code失败')
}
// 2. 调用后端微信登录接口
const loginParams = {
// 2. 调用后端微信登录接口换取 token(上传头像接口需要鉴权)
const firstResp = await client.WechatLogin({
code: loginRes.code,
nickName: this.nickname.trim() || '',
avatarUrl: this.avatarUrl || ''
}
const resp = await client.WechatLogin(loginParams)
avatarUrl: ''
})
// errcode 兜底:后端业务错误码非 0 时视为登录失败
if (resp && resp.errcode && resp.errcode !== 0) {
throw { msg: resp.errmsg || '登录失败' }
if (firstResp && firstResp.errcode && firstResp.errcode !== 0) {
throw { msg: firstResp.errmsg || '登录失败' }
}
if (!resp || !resp.token) {
if (!firstResp || !firstResp.token) {
throw { msg: '登录响应缺少 token' }
}
// 3. 保存 token 和用户信息
saveAuthTokens(resp)
if (resp.user) {
uni.setStorageSync('user_info', JSON.stringify(resp.user))
// 3. 保存 token 和用户信息(此时已有鉴权能力)
saveAuthTokens(firstResp)
if (firstResp.user) {
uni.setStorageSync('user_info', JSON.stringify(firstResp.user))
}
uni.setStorageSync('is_logged_in', 'true')
uni.setStorageSync('is_guest', 'false')
uni.setStorageSync('is_first_launch', 'false')
loginOk = true
// 4. 有头像时:带 token 上传临时文件,再调 UpdateUserAvatar 写入后端
// (头像环节失败不阻断登录)
if (this.avatarTempPath) {
try {
const upRes = await UploadImage({ filePath: this.avatarTempPath })
const remoteUrl = upRes && upRes.data && upRes.data.url
if (remoteUrl && /^https?:\/\//.test(remoteUrl)) {
const avatarResp = await UpdateUserAvatar({ avatar: remoteUrl })
if (avatarResp && avatarResp.data && avatarResp.data.ok) {
// 同步更新本地缓存的用户头像
try {
const cached = JSON.parse(uni.getStorageSync('user_info') || '{}')
cached.avatar = remoteUrl
uni.setStorageSync('user_info', JSON.stringify(cached))
} catch (cacheErr) { /* ignore */ }
} else {
uni.showToast({ title: '头像保存失败,可稍后在个人主页修改', icon: 'none' })
}
} else {
uni.showToast({ title: '头像上传失败,可稍后在个人主页修改', icon: 'none' })
}
} catch (avatarErr) {
console.warn('头像上传/保存失败,不影响登录:', avatarErr)
uni.showToast({ title: '头像上传失败,可稍后在个人主页修改', icon: 'none' })
}
}
} catch (e) {
// 打印完整错误,方便定位具体失败环节
console.warn('后端登录失败,降级为本地模式:', e && e.stack ? e.stack : e)
@@ -194,7 +225,7 @@ export default {
const userInfo = {
id: `user_${Date.now()}`,
nickname: this.nickname.trim() || '酒友',
avatar: this.avatarUrl || '',
avatar: '',
joinedAt: new Date().toISOString().slice(0, 10),
preferences: null
}