feat: Sora 平台支持手动导入 Access Token
新增 Access Token 输入方式,支持批量粘贴(每行一个)直接创建账号, 无需经过 OAuth 授权流程。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -1816,12 +1816,14 @@
|
|||||||
:show-cookie-option="form.platform === 'anthropic'"
|
:show-cookie-option="form.platform === 'anthropic'"
|
||||||
:show-refresh-token-option="form.platform === 'openai' || form.platform === 'sora' || form.platform === 'antigravity'"
|
:show-refresh-token-option="form.platform === 'openai' || form.platform === 'sora' || form.platform === 'antigravity'"
|
||||||
:show-session-token-option="form.platform === 'sora'"
|
:show-session-token-option="form.platform === 'sora'"
|
||||||
|
:show-access-token-option="form.platform === 'sora'"
|
||||||
:platform="form.platform"
|
:platform="form.platform"
|
||||||
:show-project-id="geminiOAuthType === 'code_assist'"
|
:show-project-id="geminiOAuthType === 'code_assist'"
|
||||||
@generate-url="handleGenerateUrl"
|
@generate-url="handleGenerateUrl"
|
||||||
@cookie-auth="handleCookieAuth"
|
@cookie-auth="handleCookieAuth"
|
||||||
@validate-refresh-token="handleValidateRefreshToken"
|
@validate-refresh-token="handleValidateRefreshToken"
|
||||||
@validate-session-token="handleValidateSessionToken"
|
@validate-session-token="handleValidateSessionToken"
|
||||||
|
@import-access-token="handleImportAccessToken"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
@@ -3188,6 +3190,83 @@ const handleValidateSessionToken = (sessionToken: string) => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Sora 手动 AT 批量导入
|
||||||
|
const handleImportAccessToken = async (accessTokenInput: string) => {
|
||||||
|
const oauthClient = activeOpenAIOAuth.value
|
||||||
|
if (!accessTokenInput.trim()) return
|
||||||
|
|
||||||
|
const accessTokens = accessTokenInput
|
||||||
|
.split('\n')
|
||||||
|
.map((at) => at.trim())
|
||||||
|
.filter((at) => at)
|
||||||
|
|
||||||
|
if (accessTokens.length === 0) {
|
||||||
|
oauthClient.error.value = 'Please enter at least one Access Token'
|
||||||
|
return
|
||||||
|
}
|
||||||
|
|
||||||
|
oauthClient.loading.value = true
|
||||||
|
oauthClient.error.value = ''
|
||||||
|
|
||||||
|
let successCount = 0
|
||||||
|
let failedCount = 0
|
||||||
|
const errors: string[] = []
|
||||||
|
|
||||||
|
try {
|
||||||
|
for (let i = 0; i < accessTokens.length; i++) {
|
||||||
|
try {
|
||||||
|
const credentials: Record<string, unknown> = {
|
||||||
|
access_token: accessTokens[i],
|
||||||
|
}
|
||||||
|
const soraExtra = buildSoraExtra()
|
||||||
|
|
||||||
|
const accountName = accessTokens.length > 1 ? `${form.name} #${i + 1}` : form.name
|
||||||
|
await adminAPI.accounts.create({
|
||||||
|
name: accountName,
|
||||||
|
notes: form.notes,
|
||||||
|
platform: 'sora',
|
||||||
|
type: 'oauth',
|
||||||
|
credentials,
|
||||||
|
extra: soraExtra,
|
||||||
|
proxy_id: form.proxy_id,
|
||||||
|
concurrency: form.concurrency,
|
||||||
|
priority: form.priority,
|
||||||
|
rate_multiplier: form.rate_multiplier,
|
||||||
|
group_ids: form.group_ids,
|
||||||
|
expires_at: form.expires_at,
|
||||||
|
auto_pause_on_expired: autoPauseOnExpired.value
|
||||||
|
})
|
||||||
|
successCount++
|
||||||
|
} catch (error: any) {
|
||||||
|
failedCount++
|
||||||
|
const errMsg = error.response?.data?.detail || error.message || 'Unknown error'
|
||||||
|
errors.push(`#${i + 1}: ${errMsg}`)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (successCount > 0 && failedCount === 0) {
|
||||||
|
appStore.showSuccess(
|
||||||
|
accessTokens.length > 1
|
||||||
|
? t('admin.accounts.oauth.batchSuccess', { count: successCount })
|
||||||
|
: t('admin.accounts.accountCreated')
|
||||||
|
)
|
||||||
|
emit('created')
|
||||||
|
handleClose()
|
||||||
|
} else if (successCount > 0 && failedCount > 0) {
|
||||||
|
appStore.showWarning(
|
||||||
|
t('admin.accounts.oauth.batchPartialSuccess', { success: successCount, failed: failedCount })
|
||||||
|
)
|
||||||
|
oauthClient.error.value = errors.join('\n')
|
||||||
|
emit('created')
|
||||||
|
} else {
|
||||||
|
oauthClient.error.value = errors.join('\n')
|
||||||
|
appStore.showError(t('admin.accounts.oauth.batchFailed'))
|
||||||
|
}
|
||||||
|
} finally {
|
||||||
|
oauthClient.loading.value = false
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
const formatDateTimeLocal = formatDateTimeLocalInput
|
const formatDateTimeLocal = formatDateTimeLocalInput
|
||||||
const parseDateTimeLocal = parseDateTimeLocalInput
|
const parseDateTimeLocal = parseDateTimeLocalInput
|
||||||
|
|
||||||
|
|||||||
@@ -59,6 +59,17 @@
|
|||||||
t(getOAuthKey('sessionTokenAuth'))
|
t(getOAuthKey('sessionTokenAuth'))
|
||||||
}}</span>
|
}}</span>
|
||||||
</label>
|
</label>
|
||||||
|
<label v-if="showAccessTokenOption" class="flex cursor-pointer items-center gap-2">
|
||||||
|
<input
|
||||||
|
v-model="inputMethod"
|
||||||
|
type="radio"
|
||||||
|
value="access_token"
|
||||||
|
class="text-blue-600 focus:ring-blue-500"
|
||||||
|
/>
|
||||||
|
<span class="text-sm text-blue-900 dark:text-blue-200">{{
|
||||||
|
t('admin.accounts.oauth.openai.accessTokenAuth', '手动输入 AT')
|
||||||
|
}}</span>
|
||||||
|
</label>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
@@ -227,6 +238,63 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<!-- Access Token Input (Sora) -->
|
||||||
|
<div v-if="inputMethod === 'access_token'" class="space-y-4">
|
||||||
|
<div
|
||||||
|
class="rounded-lg border border-blue-300 bg-white/80 p-4 dark:border-blue-600 dark:bg-gray-800/80"
|
||||||
|
>
|
||||||
|
<p class="mb-3 text-sm text-blue-700 dark:text-blue-300">
|
||||||
|
{{ t('admin.accounts.oauth.openai.accessTokenDesc', '直接粘贴 Access Token 创建账号,无需 OAuth 授权流程。支持批量导入(每行一个)。') }}
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<div class="mb-4">
|
||||||
|
<label
|
||||||
|
class="mb-2 flex items-center gap-2 text-sm font-semibold text-gray-700 dark:text-gray-300"
|
||||||
|
>
|
||||||
|
<Icon name="key" size="sm" class="text-blue-500" />
|
||||||
|
Access Token
|
||||||
|
<span
|
||||||
|
v-if="parsedAccessTokenCount > 1"
|
||||||
|
class="rounded-full bg-blue-500 px-2 py-0.5 text-xs text-white"
|
||||||
|
>
|
||||||
|
{{ t('admin.accounts.oauth.keysCount', { count: parsedAccessTokenCount }) }}
|
||||||
|
</span>
|
||||||
|
</label>
|
||||||
|
<textarea
|
||||||
|
v-model="accessTokenInput"
|
||||||
|
rows="3"
|
||||||
|
class="input w-full resize-y font-mono text-sm"
|
||||||
|
:placeholder="t('admin.accounts.oauth.openai.accessTokenPlaceholder', '粘贴 Access Token,每行一个')"
|
||||||
|
></textarea>
|
||||||
|
<p
|
||||||
|
v-if="parsedAccessTokenCount > 1"
|
||||||
|
class="mt-1 text-xs text-blue-600 dark:text-blue-400"
|
||||||
|
>
|
||||||
|
{{ t('admin.accounts.oauth.batchCreateAccounts', { count: parsedAccessTokenCount }) }}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div
|
||||||
|
v-if="error"
|
||||||
|
class="mb-4 rounded-lg border border-red-200 bg-red-50 p-3 dark:border-red-700 dark:bg-red-900/30"
|
||||||
|
>
|
||||||
|
<p class="whitespace-pre-line text-sm text-red-600 dark:text-red-400">
|
||||||
|
{{ error }}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<button
|
||||||
|
type="button"
|
||||||
|
class="btn btn-primary w-full"
|
||||||
|
:disabled="loading || !accessTokenInput.trim()"
|
||||||
|
@click="handleImportAccessToken"
|
||||||
|
>
|
||||||
|
<Icon name="sparkles" size="sm" class="mr-2" />
|
||||||
|
{{ t('admin.accounts.oauth.openai.importAccessToken', '导入 Access Token') }}
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<!-- Cookie Auto-Auth Form -->
|
<!-- Cookie Auto-Auth Form -->
|
||||||
<div v-if="inputMethod === 'cookie'" class="space-y-4">
|
<div v-if="inputMethod === 'cookie'" class="space-y-4">
|
||||||
<div
|
<div
|
||||||
@@ -618,6 +686,7 @@ interface Props {
|
|||||||
showCookieOption?: boolean // Whether to show cookie auto-auth option
|
showCookieOption?: boolean // Whether to show cookie auto-auth option
|
||||||
showRefreshTokenOption?: boolean // Whether to show refresh token input option (OpenAI only)
|
showRefreshTokenOption?: boolean // Whether to show refresh token input option (OpenAI only)
|
||||||
showSessionTokenOption?: boolean // Whether to show session token input option (Sora only)
|
showSessionTokenOption?: boolean // Whether to show session token input option (Sora only)
|
||||||
|
showAccessTokenOption?: boolean // Whether to show access token input option (Sora only)
|
||||||
platform?: AccountPlatform // Platform type for different UI/text
|
platform?: AccountPlatform // Platform type for different UI/text
|
||||||
showProjectId?: boolean // New prop to control project ID visibility
|
showProjectId?: boolean // New prop to control project ID visibility
|
||||||
}
|
}
|
||||||
@@ -634,6 +703,7 @@ const props = withDefaults(defineProps<Props>(), {
|
|||||||
showCookieOption: true,
|
showCookieOption: true,
|
||||||
showRefreshTokenOption: false,
|
showRefreshTokenOption: false,
|
||||||
showSessionTokenOption: false,
|
showSessionTokenOption: false,
|
||||||
|
showAccessTokenOption: false,
|
||||||
platform: 'anthropic',
|
platform: 'anthropic',
|
||||||
showProjectId: true
|
showProjectId: true
|
||||||
})
|
})
|
||||||
@@ -644,6 +714,7 @@ const emit = defineEmits<{
|
|||||||
'cookie-auth': [sessionKey: string]
|
'cookie-auth': [sessionKey: string]
|
||||||
'validate-refresh-token': [refreshToken: string]
|
'validate-refresh-token': [refreshToken: string]
|
||||||
'validate-session-token': [sessionToken: string]
|
'validate-session-token': [sessionToken: string]
|
||||||
|
'import-access-token': [accessToken: string]
|
||||||
'update:inputMethod': [method: AuthInputMethod]
|
'update:inputMethod': [method: AuthInputMethod]
|
||||||
}>()
|
}>()
|
||||||
|
|
||||||
@@ -683,12 +754,13 @@ const authCodeInput = ref('')
|
|||||||
const sessionKeyInput = ref('')
|
const sessionKeyInput = ref('')
|
||||||
const refreshTokenInput = ref('')
|
const refreshTokenInput = ref('')
|
||||||
const sessionTokenInput = ref('')
|
const sessionTokenInput = ref('')
|
||||||
|
const accessTokenInput = ref('')
|
||||||
const showHelpDialog = ref(false)
|
const showHelpDialog = ref(false)
|
||||||
const oauthState = ref('')
|
const oauthState = ref('')
|
||||||
const projectId = ref('')
|
const projectId = ref('')
|
||||||
|
|
||||||
// Computed: show method selection when either cookie or refresh token option is enabled
|
// Computed: show method selection when either cookie or refresh token option is enabled
|
||||||
const showMethodSelection = computed(() => props.showCookieOption || props.showRefreshTokenOption || props.showSessionTokenOption)
|
const showMethodSelection = computed(() => props.showCookieOption || props.showRefreshTokenOption || props.showSessionTokenOption || props.showAccessTokenOption)
|
||||||
|
|
||||||
// Clipboard
|
// Clipboard
|
||||||
const { copied, copyToClipboard } = useClipboard()
|
const { copied, copyToClipboard } = useClipboard()
|
||||||
@@ -716,6 +788,13 @@ const parsedSessionTokenCount = computed(() => {
|
|||||||
.filter((st) => st).length
|
.filter((st) => st).length
|
||||||
})
|
})
|
||||||
|
|
||||||
|
const parsedAccessTokenCount = computed(() => {
|
||||||
|
return accessTokenInput.value
|
||||||
|
.split('\n')
|
||||||
|
.map((at) => at.trim())
|
||||||
|
.filter((at) => at).length
|
||||||
|
})
|
||||||
|
|
||||||
// Watchers
|
// Watchers
|
||||||
watch(inputMethod, (newVal) => {
|
watch(inputMethod, (newVal) => {
|
||||||
emit('update:inputMethod', newVal)
|
emit('update:inputMethod', newVal)
|
||||||
@@ -789,6 +868,12 @@ const handleValidateSessionToken = () => {
|
|||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
const handleImportAccessToken = () => {
|
||||||
|
if (accessTokenInput.value.trim()) {
|
||||||
|
emit('import-access-token', accessTokenInput.value.trim())
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
// Expose methods and state
|
// Expose methods and state
|
||||||
defineExpose({
|
defineExpose({
|
||||||
authCode: authCodeInput,
|
authCode: authCodeInput,
|
||||||
|
|||||||
@@ -3,7 +3,7 @@ import { useAppStore } from '@/stores/app'
|
|||||||
import { adminAPI } from '@/api/admin'
|
import { adminAPI } from '@/api/admin'
|
||||||
|
|
||||||
export type AddMethod = 'oauth' | 'setup-token'
|
export type AddMethod = 'oauth' | 'setup-token'
|
||||||
export type AuthInputMethod = 'manual' | 'cookie' | 'refresh_token' | 'session_token'
|
export type AuthInputMethod = 'manual' | 'cookie' | 'refresh_token' | 'session_token' | 'access_token'
|
||||||
|
|
||||||
export interface OAuthState {
|
export interface OAuthState {
|
||||||
authUrl: string
|
authUrl: string
|
||||||
|
|||||||
Reference in New Issue
Block a user