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 a6340250f2
4 changed files with 197 additions and 10 deletions

View File

@@ -900,4 +900,17 @@ export function channelApplyInfoApi() {
// 采购商切换身份
export function checkIdentityApi(data) {
return request.post(`user/switch_identity`, data);
}
/* ---------- App 身份(2026-10-26,Android 一期) ----------
宿主在短信登录后调用:
appIdentity() 取规范 openid(routine 优先 → app → unionid 反查)
appBind({ code }) 新用户:uni.login 拿 code → 绑定到当前 uid
两个接口都要求登录态(request 自动带 Authori-zation)。 */
export function appIdentity() {
return request.get('wechat/app_identity');
}
export function appBind(data) {
return request.post('wechat/app_bind', data);
}

View File

@@ -132,7 +132,78 @@ export default {
{auth_login:1, openid, unionid}(新用户,无 token)或 {token, ...}(老用户)
两端都算成功,只要拿到 openid 就落到 store + 缓存。
返回 Promise<{openid, unionid}>;拿不到就 resolve 空串,由调用方决定是否匿名加载。 */
/* ============================================================
App(Android 一期)身份链路 —— 2026-10-26
------------------------------------------------------------
App 没有 wx.login / openid;本地身份来源是「短信登录后的 uid」:
① 有 token → GET /api/wechat/app_identity(routine openid 优先)
② 没有 openid(全新用户)→ uni.login({provider:'weixin'}) 拿 code
→ POST /api/wechat/app_bind 绑定到当前 uid → 再取 app_identity
③ 没装微信/拒绝授权 → 返回空,页面给「登录后继续 / 重试」
⚠️ 不在启动时弹微信:只有走到这里(且确实没有 openid)才授权。
============================================================ */
_appIdentityFlow() {
const needLogin = { openid: '', unionid: '', needLogin: true };
const empty = { openid: '', unionid: '', needLogin: false };
let hasToken = false;
try { hasToken = !!(store.state.app.token || uni.getStorageSync(LOGIN_STATUS)); } catch (e) { hasToken = !!store.state.app.token; }
if (!hasToken) return Promise.resolve(needLogin);
const save = (openid, unionid) => {
if (!openid) return empty;
try { store.commit('SET_OPENID', openid); uni.setStorageSync('OPENID', openid); } catch (e) {}
if (unionid) {
try { store.commit('SET_UNIONID', unionid); uni.setStorageSync('UNIONID', unionid); } catch (e) {}
}
return { openid: openid, unionid: unionid || '', needLogin: false };
};
const read = (res) => {
const d = (res && res.data) || {};
return { openid: d.openid || '', unionid: d.unionid || '', source: d.source || '' };
};
return import('@/api/user.js').then((api) => {
return api.appIdentity().then((res) => {
const id = read(res);
console.log('[auth-flow] App app_identity: openid=' + (id.openid ? '有' : '无') + ' source=' + (id.source || '?'));
if (id.openid) return save(id.openid, id.unionid);
return this._weixinLoginCode().then((code) => {
if (!code) {
console.warn('[auth-flow] App:未拿到微信 code(未安装微信/拒绝授权)');
return empty;
}
return api.appBind({ code: code }).then(() => {
return api.appIdentity().then((r2) => {
const id2 = read(r2);
console.log('[auth-flow] App app_bind 后身份: openid=' + (id2.openid ? '有' : '无'));
return save(id2.openid, id2.unionid);
});
});
});
});
}).catch((err) => {
console.warn('[auth-flow] App 身份解析失败:', err && (err.message || err));
return empty;
});
},
_weixinLoginCode() {
return new Promise((resolve) => {
// #ifdef APP-PLUS
uni.login({
provider: 'weixin',
success: (r) => resolve((r && r.code) || ''),
fail: (e) => { console.warn('[auth-flow] uni.login(weixin) 失败:', e); resolve(''); }
});
// #endif
// #ifndef APP-PLUS
resolve('');
// #endif
});
},
_silenceAuthOpenid() {
// #ifdef APP-PLUS
/* App:走短信登录 + app_identity / app_bind(不碰 wx.login) */
return this._appIdentityFlow();
// #endif
const empty = { openid: '', unionid: '' };
return new Promise((resolve) => {
/* ⚠️ 保险丝:wx.login / 接口有可能长时间不回调(弱网、域名没配好)。
@@ -253,11 +324,18 @@ export default {
break;
}
case 'requestProfile':
/* App:没有小程序授权页,也不该弹页内面板(web-view 是原生组件、会盖住)。
直接用当前 openid 查共享资料,把 hash 写回 web-view 即可。 */
// #ifdef APP-PLUS
this._pushAppProfile(m.href);
// #endif
// #ifndef APP-PLUS
this.showAuth = true;
/* 面板回传基址:H5 在消息里带 href(发起面板时的当前地址)→ 提交后
按它回传。消息送达=面板弹出,href 同一条消息到达,确定性强于
赌 shareHref 的 postMessage 派发时机(宫格换应用后可能还是旧地址)。 */
if (m.href) this._panelBaseUrl = m.href;
// #endif
break;
case 'setTitle':
if (m.title) {
@@ -312,6 +390,42 @@ export default {
'&avatar=' + encodeURIComponent(r.avatar || '');
},
/* App:H5 发 requestProfile 时,直接用当前 openid 查共享资料并回传 hash。
—— 不弹面板、不调 getPhoneNumber(短信登录已验证手机号);
—— 也绕开「App 的 web-view 是原生组件、页内面板会被盖住」的问题。 */
_pushAppProfile(href) {
const openid = this._hostOpenid();
if (!openid) return uni.showToast({ title: '未获得 openid,请先登录', icon: 'none' });
const current = (typeof this._hostCurrentUrl === 'function') ? this._hostCurrentUrl() : '';
const base = String(href || this.shareHref || current || '').split('#')[0];
if (!base) return;
uni.showLoading({ title: '获取资料中', mask: true });
uni.request({
url: SHARED_AUTH_API + '?openid=' + encodeURIComponent(openid),
method: 'GET',
timeout: 10000,
success: (r) => {
uni.hideLoading();
const d = r.data || {};
if (d.code === 200) {
const res = d.result || {};
this._hostSetWebviewUrl(this.hostAuthUrl(base, {
openid: openid,
phone: res.phone || '',
nickname: res.userName || '',
avatar: res.avatar || ''
}));
} else {
uni.showToast({ title: d.message || '资料获取失败', icon: 'none' });
}
},
fail: () => {
uni.hideLoading();
uni.showToast({ title: '资料请求失败,请检查网络', icon: 'none' });
}
});
},
/**
* 读取独立授权页(pages/annex/auth/index)写下的 __AUTH_RESULT__。
* 该页成功后 navigateBack 回到宿主页 —— 两个宿主页都必须在 onShow 调用本方法,

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,21 @@ 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 {
/* 必须走 $Cache.set(loginMobile 读的是 $Cache.get(BACK_URL)) */
this.$Cache.set('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) {

View File

@@ -32,7 +32,8 @@
<view class="mamabox-title">{{ fallbackTitle }}</view>
<view class="mamabox-desc">{{ fallbackDesc }}</view>
</view>
<button v-if="loadError || identityFail" class="mamabox-retry" hover-class="mamabox-retry-hover" @tap="retryLoad">{{ loadError ? '重新加载' : '重新获取身份' }}</button>
<button v-if="appNeedLogin" class="mamabox-retry" hover-class="mamabox-retry-hover" @tap="goAppLogin">登录后继续</button>
<button v-else-if="loadError || identityFail" class="mamabox-retry" hover-class="mamabox-retry-hover" @tap="retryLoad">{{ loadError ? '重新加载' : '重新获取身份' }}</button>
</view>
<!-- 小程序原生授权面板(H5 postMessage 请求后显示):手机号/昵称/头像 -->
@@ -122,19 +123,21 @@
别让用户对着「正在加载」干等却不知道在等什么。 */
fallbackTitle() {
if (this.loadError) return '页面加载失败';
if (this.appNeedLogin) return '登录后继续';
if (this.identityFail) return '未获取到微信身份';
if (this.identityPending) return '正在获取微信身份';
return '正在加载';
},
fallbackDesc() {
if (this.loadError) return '请检查网络后重试';
if (this.appNeedLogin) return '使用手机号验证码登录;登录后会获取微信身份并自动进入首页';
if (this.identityFail) return '请检查网络后点下方重试,或退出小程序重新进入';
if (this.identityPending) return '马上就好,请稍候(不会加载空数据的页面)';
if (this.restoring) return '正在回到你上次使用的应用';
return '正在为你打开「兜爸心选」';
},
fallbackEmoji() {
return (this.loadError || this.identityFail) ? '🥲' : '🍼';
return this.appNeedLogin ? '🔐' : ((this.loadError || this.identityFail) ? '🥲' : '🍼');
},
},
data() {
@@ -150,6 +153,7 @@
_noRestore: false, // 本次加载 mama-box 是否要带 #norestore=1(禁止 H5 兜底再把用户送回应用)
identityPending: false, // 正在获取 openid(此期间**不加载 H5**,见 fetchIdentityThenLoad)
identityFail: false, // 多次仍未拿到 openid → 停在兜底屏,给「重新获取身份」入口
appNeedLogin: false, // App:没登录(或登录后仍无身份)→ 兜底屏给「登录后继续」
shareInfo: {}, // CRMEB 后台「分享设置」(标题/图,无 App 匹配时兜底)
// 授权面板字段由 mixins/webviewHost.js 提供:
// showAuth / authNickname / authAvatar / _authCode
@@ -620,9 +624,25 @@
它先落地就直接加载 —— 避免两边各换一次 code 白花 200–300ms
(微信 code 一次性;实测 code2session 约 200–300ms)。
之后的重试才自己 wx.login + 换 openid(_silenceAuthOpenid)。 */
const task = (seq === 0) ? this._awaitHostLogin(1500) : this._silenceAuthOpenid();
task.then(() => {
let task;
// #ifdef APP-PLUS
/* App:没有并行的 wx.login,直接走「短信登录态 + app_identity/app_bind」 */
task = this._silenceAuthOpenid();
// #endif
// #ifndef APP-PLUS
task = (seq === 0) ? this._awaitHostLogin(1500) : this._silenceAuthOpenid();
// #endif
task.then((r) => {
if (this._loadWithCachedIdentity(base)) return;
/* App 未登录:**停止自动重试**,兜底屏给「登录后继续」按钮 ——
没有 token 时重试多少次都拿不到身份,继续循环只是让用户干等。 */
if (r && r.needLogin) {
this.identityPending = false;
this.identityFail = false;
this.appNeedLogin = true;
console.log('[auth-flow] App 未登录 → 等待用户登录(不自动重试)');
return;
}
if (this._idAttempts < MAX) {
/* 退避固定 500ms(原来 600×n,最坏 3 次 + 1.8s 退避 ≈ 3.5s 才出失败屏;
现在 2 次 + 0.5s ≈ 1.5s 量级) */
@@ -639,6 +659,7 @@
if (!this._hostOpenid()) return false;
this.identityPending = false;
this.identityFail = false;
this.appNeedLogin = false;
this._idAttempts = 0;
this._shownOnce = true;
// 沿用本次的 _noRestore(见 loadMamaBox 注释):本轮加载是否需要禁止 mama-box 兜底恢复
@@ -697,6 +718,7 @@
this.requesting = false;
this._shownOnce = true;
this.identityFail = false;
this.appNeedLogin = false;
/* 有身份直接重载;没有就再走一遍「取到才加载」(重置尝试次数,自动重试 3 次)
⚠️ 沿用 this._noRestore:重试首页时同样不许首页 H5 兜底恢复(见 loadMamaBox)。 */
const homeUrl = this._homeBase();
@@ -709,6 +731,15 @@
this.fetchIdentityThenLoad(homeUrl);
},
/* App:去登录。登录页成功后会 reLaunch 回 login_back_url(这里显式设成本页),
回到首页再走一遍「短信登录态 → app_identity → app_bind」。 */
goAppLogin() {
/* ⚠️ 必须走 $Cache.set:loginMobile 用 $Cache.get(BACK_URL) 读,
裸 uni.setStorageSync 会因缺少过期标记被当成「无值」覆盖掉。 */
try { this.$Cache.set('login_back_url', '/pages/index/index'); } catch (e) {}
uni.navigateTo({ url: '/pages/users/login/index' });
},
/* 授权完善资料(postMessage → 原生面板 → 共享授权接口 → hash 回传)与
pages/annex/web_view 共用 mixins/webviewHost.js:
handleHostMessage / onChooseHostAvatar / onHostGetPhone /