feat(App): 宿主接入短信登录 + app_identity/app_bind

- mixin 新增 _appIdentityFlow:有 token → GET wechat/app_identity;
  无 openid → uni.login(weixin) → POST wechat/app_bind → 再取身份
- _silenceAuthOpenid 在 APP-PLUS 下改走该流程(不碰 wx.login)
- 首页壳/容器页:未登录时停止自动重试,兜底屏给「登录后继续」;
  登录页成功后 reLaunch 回原页(首页 / 容器页带原 url)
- App 的 requestProfile 改为直接查共享资料并回传 hash(不弹面板、
  不调 getPhoneNumber,规避 web-view 覆盖页内浮层)
- api/user.js 新增 appIdentity / appBind

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
2026-10-26 20:04:03 +08:00
parent f3648d5cef
commit bd7f07d7d6
4 changed files with 194 additions and 10 deletions

View File

@@ -8,10 +8,11 @@
以前 url 为空时这里是白屏(没有任何占位),所以必须给一块可见的屏,
否则「不加载」会变成「白屏 + 用户不知道该干嘛」。 -->
<view v-else class="wv-fallback">
<view class="wv-emoji">{{ identityFail ? '🥲' : '🍼' }}</view>
<view class="wv-title">{{ identityFail ? '未获取到微信身份' : '正在获取微信身份' }}</view>
<view class="wv-desc">{{ identityFail ? '请检查网络后点下方重试,或退出小程序重新进入' : '马上就好,请稍候(不会加载空数据的页面)' }}</view>
<button v-if="identityFail" class="wv-retry" hover-class="wv-retry-hover" @tap="retryIdentity">重新获取身份</button>
<view class="wv-emoji">{{ appNeedLogin ? '🔐' : (identityFail ? '🥲' : '🍼') }}</view>
<view class="wv-title">{{ appNeedLogin ? '登录后继续' : (identityFail ? '未获取到微信身份' : '正在获取微信身份') }}</view>
<view class="wv-desc">{{ appNeedLogin ? '使用手机号验证码登录;登录后会获取微信身份并自动打开该应用' : (identityFail ? '请检查网络后点下方重试,或退出小程序重新进入' : '马上就好,请稍候(不会加载空数据的页面)') }}</view>
<button v-if="appNeedLogin" class="wv-retry" hover-class="wv-retry-hover" @tap="goAppLogin">登录后继续</button>
<button v-else-if="identityFail" class="wv-retry" hover-class="wv-retry-hover" @tap="retryIdentity">重新获取身份</button>
</view>
<!-- 共享原生授权面板(任意 H5 应用 postMessage({action:'requestProfile'}) 后显示) -->
@@ -156,6 +157,7 @@ export default {
savedUrl: '',
identityPending: false, // 正在获取 openid(此期间**不加载 H5**)
identityFail: false, // 多次仍未拿到 openid → 停在兜底屏,给「重新获取身份」入口
appNeedLogin: false, // App:未登录 → 兜底屏给「登录后继续」
_idAttempts: 0, // 自动重试计数
_pendingTarget: '' // 重试时要加载的目标 URL(重试按钮用)
}
@@ -378,9 +380,23 @@ export default {
console.log('[auth-flow] 🔑 容器页取 openid(第 ' + this._idAttempts + '/' + MAX + ' 次),此期间不加载 H5');
/* 2) 第 1 次先等 App.vue onLaunch 那次静默登录(同一次 exchange,别重复换 code);
之后的重试才自己 wx.login + 换 openid。理由与首页壳一致,见 mixins 的 _awaitHostLogin。 */
const task = (seq === 0) ? this._awaitHostLogin(1500) : this._silenceAuthOpenid();
task.then(() => {
let task;
// #ifdef APP-PLUS
task = this._silenceAuthOpenid();
// #endif
// #ifndef APP-PLUS
task = (seq === 0) ? this._awaitHostLogin(1500) : this._silenceAuthOpenid();
// #endif
task.then((r) => {
if (this._loadWithCachedIdentity(t)) return;
/* App 未登录:停止自动重试,兜底屏给「登录后继续」 */
if (r && r.needLogin) {
this.identityPending = false;
this.identityFail = false;
this.appNeedLogin = true;
console.log('[auth-flow] App 未登录(容器页)→ 等待用户登录');
return;
}
if (this._idAttempts < MAX) {
setTimeout(() => this._ensureIdentityThenLoad(t), 500); // 退避固定 500ms(原 600×n)
return;
@@ -396,6 +412,7 @@ export default {
if (!cached.openid) return false;
this.identityPending = false;
this.identityFail = false;
this.appNeedLogin = false;
this._idAttempts = 0;
this._applyIdentity(t, cached.openid, cached.unionid, getUrlParam(t, 'openid'));
return true;
@@ -404,9 +421,20 @@ export default {
retryIdentity() {
this._idAttempts = 0;
this.identityFail = false;
this.appNeedLogin = false;
this._ensureIdentityThenLoad(this._pendingTarget || this.savedUrl || this.url);
},
/* App:去登录;登录成功 reLaunch 回容器页(带原目标 URL) */
goAppLogin() {
const back = this._pendingTarget || this.savedUrl || this.url || '';
try {
uni.setStorageSync('login_back_url',
back ? '/pages/annex/web_view/index?url=' + encodeURIComponent(back) : '/pages/index/index');
} catch (e) {}
uni.navigateTo({ url: '/pages/users/login/index' });
},
_applyIdentity(targetUrl, openid, unionid, urlOpenid) {
console.log('[auth-flow] _applyIdentity: openid=' + (openid || '(空)') + ', unionid=' + (unionid || '(空)') + ', urlOpenid=' + (urlOpenid || '(无)'));
if (urlOpenid && urlOpenid !== openid) {