Files
xinlong-shop-taro/.workbuddy/memory/2026-07-16.md
赵忠林 ce1e2bd4dd refactor(privacy): 调整隐私授权触发逻辑,登录页取消主动预检
- 移除登录页和注册页 `useDidShow` 中主动调用 `ensurePrivacyAuthorized()` 预检的逻辑
- 登录页不再主动弹出隐私协议弹窗,由微信在用户点击手机号登录按钮时强制触发授权
- 门店订单管理页面调用 `chooseProofImage` 前新增 `ensurePrivacyAuthorized()` 预检,确保上传凭证时授权
- 修改隐私弹窗文案为更通用描述,避免误导用户以为是相册授权
- 保留全局 `onNeedPrivacyAuthorization` 通过 `PrivacyModal` 处理,适配微信基础库强制机制
- 统一门店商品管理上传使用已内置预检的 `uploadFile()` 接口调用流程
2026-07-16 01:40:16 +08:00

4.2 KiB
Raw Blame History

2026-07-16 工作记录

修复手机号授权登录失败

  • 问题:用户点击登录页「手机号快捷登录」后,微信返回 privacy 相关错误,触发降级弹窗「未获取到手机号」。
  • 原因:基础库 3.16.1+ 对敏感 APIgetPhoneNumber / chooseImage 等)强制要求隐私协议授权;项目之前直接 resolve agree可能被微信拒绝。
  • 修改文件:
    • src/app.tsx:在 onNeedPrivacyAuthorization 中通过 Taro.showModal 展示隐私协议授权弹窗,用户点击「同意」后再 resolve({ event: 'agree', button: 'agree' }),拒绝则 resolve({ event: 'disagree', button: 'disagree' })
    • src/api/system/file/index.ts:导出 ensurePrivacyAuthorized() 工具函数。
    • src/passport/login.tsx
      • 页面显示时通过 useDidShow 预检隐私协议;
      • 统一使用 request.post + SERVER_API_URL 调用 /wx-login/loginByMpWxPhone
      • 替换原 Taro.request 和硬编码域名。
    • src/passport/register.tsx
      • 同样增加 useDidShow 隐私协议预检;
      • 修复接口基址为 SERVER_API_URL(原代码误写 https://shop-api.websoft.top
      • 统一使用 request.post 调用登录接口;
      • 删除未使用的 LoginResponse 类型。
    • src/passport/pay/index.tsx:修复缺失的 @/api/passport/wx-login 导入,改为使用 @/api/layout 中的 getWxOpenId / loginByOpenId
  • 验证:npx taro build --type weapp 构建成功。
  • 后续提醒:小程序后台需确认已添加「开发者收集你的手机号」隐私声明,并确保「手机号快速验证组件」能力已开通且额度充足。

继续修复:用户已同意隐私协议仍无法登录

  • 问题:用户已在弹窗中点击「同意」,但随后仍出现「未获取到手机号」降级弹窗。
  • 原因:Taro.showModal 的按钮不是微信认可的隐私授权触发器;基础库 3.16.1+ 要求使用 open-type="agreePrivacyAuthorization" 的 Button 组件。
  • 修改文件:
    • 新增 src/utils/privacy.ts:全局隐私协议授权管理器,保存 resolve 回调与弹窗显隐状态。
    • 新增 src/components/PrivacyModal/index.tsx + .scss:使用原生 Button 的 open-type="agreePrivacyAuthorization",用户点击后触发 onAgreePrivacyAuthorization 再 resolve。
    • src/app.tsx
      • 移除 Taro.showModal 实现;
      • onNeedPrivacyAuthorization 中调用 privacyManager.show(resolve)
      • 在 JSX 中渲染 <PrivacyModal />
  • 验证:npx taro build --type weapp 构建成功。
  • 后续提醒:
    • 由于之前的 showModal 授权无效,用户可能需要清理开发者工具/真机缓存后重新进入小程序,才能触发新的 PrivacyModal。
    • 仍需在小程序后台添加「手机号」隐私声明,并确认手机号快速验证组件已开通、额度充足。

调整隐私授权触发位置:登录页不再主动预检,仅在门店上传图片时触发

  • 用户反馈:隐私授权框不应在手机号登录时主动弹出,应只在门店中心上传图片/拍照时弹出。
  • 修改文件:
    • src/passport/login.tsx:移除 useDidShow 中主动调用 ensurePrivacyAuthorized() 的逻辑;删除对应 import。
    • src/passport/register.tsx:同样移除 useDidShow 中的隐私预检;删除对应 import。
    • src/components/PrivacyModal/index.tsx:将弹窗文案改为更通用表述,避免用户误以为是相册授权。
    • src/pages/store/orders/index.tsx:在 chooseProofImage 调用 Taro.chooseImage 前增加 ensurePrivacyAuthorized() 预检(该页面直接调 chooseImage不走 uploadFile)。
  • 保留逻辑:
    • src/app.tsx 全局 onNeedPrivacyAuthorization 仍通过 PrivacyModal 处理,这是微信基础库 3.16.1+ 强制机制,无法移除。
    • src/api/system/file/index.tsuploadFile() 内部已调用 ensurePrivacyAuthorized(),门店商品管理上传图片时会自动触发隐私授权。
  • 说明:登录时若用户尚未同意隐私协议,微信仍会在点击 getPhoneNumber 按钮时强制触发 onNeedPrivacyAuthorization。这是微信机制,无法避免;但进入登录页本身不会再主动弹框。
  • 验证:待构建完成。