Skip to content

feat(zer-659): 系统设置 Telegram 增加「测试代理连通性」入口 #151

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ZeroPointSix wants to merge 1 commit into
base: feat/ant-design-pro-frontend-migration
Choose a base branch
from
+133 −9
Open

feat(zer-659): 系统设置 Telegram 增加「测试代理连通性」入口 #151

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
124 changes: 115 additions & 9 deletions ant-design-pro/src/pages/settings/index.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -55,6 +55,8 @@ import {
syncCfWorkerDomains,
testEmailNotification,
testTelegram,
testTelegramProxy,
type TelegramProxyTestResponse,
testVerificationAi,
testWebhook,
triggerSystemUpdate,
Expand Down Expand Up @@ -147,6 +149,10 @@ const SettingsPage: React.FC = () => {
const [webhookTestLoading, setWebhookTestLoading] = useState(false);
const [webhookTestResult, setWebhookTestResult] =
useState<WebhookTestResponse | null>(null);
const [telegramProxyTestLoading, setTelegramProxyTestLoading] =
useState(false);
const [telegramProxyTestResult, setTelegramProxyTestResult] =
useState<TelegramProxyTestResponse | null>(null);

const settingsQuery = useQuery({
queryKey: ['settings'],
Expand Down Expand Up @@ -520,6 +526,42 @@ const SettingsPage: React.FC = () => {
}
};

const testTelegramProxyUrl = async () => {
const proxyUrl = String(
form.getFieldValue('telegram_proxy_url') || '',
).trim();
if (dirty) {
message.warning('请先保存当前 Telegram 配置，再测试代理连通性');
return;
}
setTelegramProxyTestLoading(true);
setTelegramProxyTestResult(null);
try {
const result = await testTelegramProxy(proxyUrl);
setTelegramProxyTestResult(result);
if (result?.success === false) {
message.error(pickSettingsError(result, '代理连通性测试失败'));
} else if (result?.ok === false) {
message.warning(result?.message || '代理可达但 Telegram 连接异常');
} else {
message.success(result?.message || '代理连通性测试成功');
}
} catch (error: any) {
const payload =
error?.data ||
error?.info ||
error?.response?.data || {
success: false,
message: error?.message || '代理连通性测试失败',
error,
};
setTelegramProxyTestResult(payload);
message.error(pickSettingsError(payload, '代理连通性测试失败'));
} finally {
setTelegramProxyTestLoading(false);
}
};

const loadDeployment = async () => {
setDeploymentLoading(true);
try {
Expand Down Expand Up @@ -1040,16 +1082,80 @@ const SettingsPage: React.FC = () => {
style={{ width: '100%' }}
/>
</Form.Item>
<Form.Item name="telegram_proxy_url" label="代理 URL">
<Input />
</Form.Item>
<Button
onClick={() =>
void runTest(testTelegram, 'Telegram 测试成功')
}
<Form.Item
name="telegram_proxy_url"
label="代理 URL"
extra="留空则直连（用已保存配置）。格式：socks5://host:port 或 http://host:port"
>
测试 Telegram
</Button>
<Input placeholder="socks5://user:pass@host:port 或 http://host:port" />
</Form.Item>
<Space wrap style={{ marginBottom: telegramProxyTestResult ? 16 : 0 }}>
<Button
onClick={() =>
void runTest(testTelegram, 'Telegram 测试成功')
}
>
测试 Telegram
</Button>
<Button
loading={telegramProxyTestLoading}
onClick={() => void testTelegramProxyUrl()}
>
测试代理连通性
</Button>
</Space>
{telegramProxyTestResult && (
<Alert
showIcon
style={{ marginBottom: 16 }}
type={
telegramProxyTestResult.success &&
telegramProxyTestResult.ok !== false
? 'success'
: 'error'
}
message={
telegramProxyTestResult.success &&
telegramProxyTestResult.ok !== false
? '代理连通性测试完成'
: pickSettingsError(
{ error: telegramProxyTestResult.error },
telegramProxyTestResult.message ||
'代理连通性测试失败',
)
}
description={
<Space direction="vertical" size={2}>
<Typography.Text>
状态：
{telegramProxyTestResult.ok === false
? `代理可达但 Telegram 返回异常（网络不可用/被拦截）`
: telegramProxyTestResult.success
? '代理连通成功'
: '代理连接失败'}
</Typography.Text>
{telegramProxyTestResult.message && (
<Typography.Text>
服务端返回：
{telegramProxyTestResult.message}
</Typography.Text>
)}
{telegramProxyTestResult.latency_ms != null && (
<Typography.Text>
耗时：
{telegramProxyTestResult.latency_ms} ms
</Typography.Text>
)}
{telegramProxyTestResult.error?.code && (
<Typography.Text>
错误码：
{String(telegramProxyTestResult.error.code)}
</Typography.Text>
)}
</Space>
}
/>
)}
</ProCard>
),
},
Expand Down
18 changes: 18 additions & 0 deletions ant-design-pro/src/services/outlook/settings.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -56,6 +56,24 @@ export async function testTelegram() {
);
}

export type TelegramProxyTestResponse = {
success: boolean;
ok?: boolean;
message?: string;
message_en?: string;
latency_ms?: number;
proxy_url?: string;
error?: any;
};

/** 测试 Telegram 代理连通性：后端会用表单里的代理地址实际请求 api.telegram.org/getMe。 */
export async function testTelegramProxy(proxyUrl: string) {
return outlookRequest<TelegramProxyTestResponse>(
'/api/settings/test-telegram-proxy',
{ method: 'POST', data: { proxy_url: proxyUrl }, skipErrorHandler: true },
);
}

export async function testEmailNotification() {
return outlookRequest<{ success: boolean; message?: string; error?: any }>(
'/api/settings/email-test',
Expand Down
Loading