+
+
+
浏览器兑换
+ 把账号登录态写入你自己的 Chrome/Edge 后打开兑换页，兑换手动完成；客服仅可见已分配给自己的账号。
+
+
+ } onClick={() => setImportOpen(true)}>导入账号
+ } onClick={() => void load()} loading={loading}>刷新
+
+
+
+ {!exchangeHelperReady && (
+
+ )}
+
+
+
+ rowKey="id"
+ size="small"
+ columns={columns}
+ dataSource={accounts}
+ loading={loading}
+ pagination={accounts.length > 20 ? { pageSize: 20 } : false}
+ locale={{ emptyText: '还没有账号，点击右上角「导入账号」开始' }}
+ />
+
+
+
setImportOpen(false)}
+ footer={null}
+ width={700}
+ >
+
+
+ }
+ allowClear
+ value={importSearch}
+ onChange={(event) => setImportSearch(event.target.value)}
+ style={{ width: 220 }}
+ />
+
+
+
+
+
+
+
+ setImportSelectedIds(keys.map(Number)) }}
+ dataSource={importPool}
+ columns={[
+ { title: '账号', render: (_value, row) => row.nickname || row.username || row.uid },
+ { title: '用户名', dataIndex: 'username', render: (value: string) => value || '-' },
+ { title: '标签', dataIndex: 'tag', width: 140, render: (value: string) => (value ? {value} : '-') },
+ ]}
+ pagination={{
+ current: importPage,
+ pageSize: IMPORT_PAGE_SIZE,
+ total: importTotal,
+ size: 'small',
+ showLessItems: true,
+ showTotal: (total) => `共 ${total} 条`,
+ onChange: setImportPage,
+ }}
+ locale={{ emptyText: '没有可导入的账号' }}
+ />
+
+
+ setExchangeKit(null)}
+ footer={exchangeKit ? [
+ } onClick={() => openExchangeTarget(exchangeKit.target_url)}>打开兑换页面,
+ ,
+ ] : null}
+ >
+ {exchangeKit && (
+
+ {exchangeHelperReady ? (
+
+ ) : (
+
+ )}
+
+ 手动步骤 1：
+ 点击下方「打开兑换页面」，在新标签页打开兑换活动页。
+
+
+ 手动步骤 2：
+ 点击「复制登录脚本」，在兑换页面按 F12 打开控制台，粘贴脚本并回车执行。
+ Chrome/Edge 首次粘贴需先手动输入 allow pasting 再回车。脚本会写入该账号的登录态并自动跳转。
+
+
+ } onClick={() => void copyExchangeText(exchangeKit.cookie_script, '登录脚本已复制')}>复制登录脚本
+ } onClick={() => void copyExchangeText(exchangeKit.cookie_string, 'Cookie 字符串已复制')}>复制 Cookie 字符串
+
+
+ 备选：安装 Cookie-editor 类扩展后，在 .huya.com 域下导入 Cookie 字符串。脚本和 Cookie 等同账号凭证，请勿泄露给他人。
+
+
+ 手动步骤 3：
+ 确认页面右上角登录态为目标账号后完成兑换，回到此处点击「完成」。
+
+
+ )}
+
+
+ );
+}
diff --git a/web/frontend/src/utils/huyaExchange.ts b/web/frontend/src/utils/huyaExchange.ts
new file mode 100644
index 0000000..c20668b
--- /dev/null
+++ b/web/frontend/src/utils/huyaExchange.ts
@@ -0,0 +1,32 @@
+/** 虎牙浏览器兑换：与内置扩展（web/extension/huya-exchange-helper）的通信桥。 */
+
+import type { HuyaBrowserExchangeKit } from '../api/modules';
+
+/** 解析后端 Cookie 字符串为 [name, value] 数组，供兑换扩展注入 */
+export function parseCookieString(cookieString: string): [string, string][] {
+ return cookieString
+ .split(';')
+ .map((part) => part.trim())
+ .filter((part) => part.includes('='))
+ .map((part) => {
+ const idx = part.indexOf('=');
+ return [part.slice(0, idx), part.slice(idx + 1)];
+ });
+}
+
+/** 内置扩展的内容脚本会在所有页面打上此标记 */
+export function huyaExchangeHelperReady(): boolean {
+ return document.documentElement.dataset.huyaExchangeHelper === '1';
+}
+
+/** 请求内置扩展自动注入登录态；同时留存到 window 供扩展图标点击兜底读取 */
+export function requestExtensionInject(kit: HuyaBrowserExchangeKit): void {
+ const payload = JSON.stringify({ target_url: kit.target_url, cookies: parseCookieString(kit.cookie_string) });
+ (window as unknown as { __huyaExchangeKit?: string }).__huyaExchangeKit = payload;
+ window.dispatchEvent(new CustomEvent('huya-exchange-kit', { detail: payload }));
+}
+
+/** 在新标签页打开兑换页面（noopener 避免反向标签劫持） */
+export function openExchangeTarget(targetUrl: string): void {
+ window.open(targetUrl, '_blank', 'noopener,noreferrer');
+}