feat: add temporary proxy testing page for SMS gateway
This commit is contained in:
parent
5be1e5add5
commit
aa099bad37
3 changed files with 705 additions and 14 deletions
506
app/pages/proxy-test.vue
Normal file
506
app/pages/proxy-test.vue
Normal file
|
|
@ -0,0 +1,506 @@
|
||||||
|
<template>
|
||||||
|
<div class="min-h-screen bg-base-200 py-8">
|
||||||
|
<div class="container mx-auto px-4">
|
||||||
|
<div class="max-w-6xl mx-auto">
|
||||||
|
<h1 class="text-4xl font-bold text-center mb-8">
|
||||||
|
SMS Gateway Proxy Test
|
||||||
|
</h1>
|
||||||
|
|
||||||
|
<!-- Environment Info -->
|
||||||
|
<div class="card bg-base-100 shadow-xl mb-6">
|
||||||
|
<div class="card-body">
|
||||||
|
<h2 class="card-title text-2xl mb-4">Environment Information</h2>
|
||||||
|
<div
|
||||||
|
v-if="testData?.environment"
|
||||||
|
class="grid grid-cols-1 md:grid-cols-2 gap-4"
|
||||||
|
>
|
||||||
|
<div class="stat bg-base-200 rounded-lg">
|
||||||
|
<div class="stat-title">Node Environment</div>
|
||||||
|
<div class="stat-value text-lg">
|
||||||
|
{{ testData.environment.nodeEnv || "Unknown" }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat bg-base-200 rounded-lg">
|
||||||
|
<div class="stat-title">Proxy URL</div>
|
||||||
|
<div class="stat-value text-lg">
|
||||||
|
{{ testData.environment.proxyUrl }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat bg-base-200 rounded-lg">
|
||||||
|
<div class="stat-title">SMS Gateway URL</div>
|
||||||
|
<div class="stat-value text-lg">
|
||||||
|
{{ testData.environment.smsGatewayUrl || "Not configured" }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat bg-base-200 rounded-lg">
|
||||||
|
<div class="stat-title">SMS Bypass Mode</div>
|
||||||
|
<div class="stat-value text-lg">
|
||||||
|
{{ testData.environment.smsGatewayBypass || "false" }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="text-sm text-base-content/70 mt-4">
|
||||||
|
Last Updated:
|
||||||
|
{{
|
||||||
|
testData?.timestamp
|
||||||
|
? new Date(testData.timestamp).toLocaleString()
|
||||||
|
: "Never"
|
||||||
|
}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Test Controls -->
|
||||||
|
<div class="card bg-base-100 shadow-xl mb-6">
|
||||||
|
<div class="card-body">
|
||||||
|
<h2 class="card-title text-2xl mb-4">Test Controls</h2>
|
||||||
|
<div class="flex flex-wrap gap-2 mb-4">
|
||||||
|
<button
|
||||||
|
class="btn btn-primary"
|
||||||
|
:class="{ loading: loading }"
|
||||||
|
:disabled="loading"
|
||||||
|
@click="runTests('all')"
|
||||||
|
>
|
||||||
|
Run All Tests
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
class="btn btn-secondary"
|
||||||
|
:class="{ loading: loading }"
|
||||||
|
:disabled="loading"
|
||||||
|
@click="runTests('dns')"
|
||||||
|
>
|
||||||
|
DNS Tests
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
class="btn btn-secondary"
|
||||||
|
:class="{ loading: loading }"
|
||||||
|
:disabled="loading"
|
||||||
|
@click="runTests('connectivity')"
|
||||||
|
>
|
||||||
|
Connectivity Tests
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
class="btn btn-secondary"
|
||||||
|
:class="{ loading: loading }"
|
||||||
|
:disabled="loading"
|
||||||
|
@click="runTests('sms')"
|
||||||
|
>
|
||||||
|
SMS Gateway Tests
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
class="btn btn-secondary"
|
||||||
|
:class="{ loading: loading }"
|
||||||
|
:disabled="loading"
|
||||||
|
@click="runTests('httpclient')"
|
||||||
|
>
|
||||||
|
HTTP Client Tests
|
||||||
|
</button>
|
||||||
|
<button
|
||||||
|
class="btn btn-secondary"
|
||||||
|
:class="{ loading: loading }"
|
||||||
|
:disabled="loading"
|
||||||
|
@click="runTests('proxyagent')"
|
||||||
|
>
|
||||||
|
Proxy Agent Tests
|
||||||
|
</button>
|
||||||
|
</div>
|
||||||
|
<div v-if="loading" class="text-center">
|
||||||
|
<span class="loading loading-spinner loading-lg"></span>
|
||||||
|
<p class="mt-2">Running tests...</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- DNS Resolution Tests -->
|
||||||
|
<div
|
||||||
|
v-if="testData?.tests?.dns"
|
||||||
|
class="card bg-base-100 shadow-xl mb-6"
|
||||||
|
>
|
||||||
|
<div class="card-body">
|
||||||
|
<h2 class="card-title text-2xl mb-4">DNS Resolution Tests</h2>
|
||||||
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||||||
|
<div
|
||||||
|
v-for="(test, hostname) in testData.tests.dns"
|
||||||
|
:key="hostname"
|
||||||
|
class="stat bg-base-200 rounded-lg"
|
||||||
|
>
|
||||||
|
<div class="stat-title">{{ hostname }}</div>
|
||||||
|
<div class="stat-value text-lg flex items-center">
|
||||||
|
<div
|
||||||
|
class="badge mr-2"
|
||||||
|
:class="test.success ? 'badge-success' : 'badge-error'"
|
||||||
|
>
|
||||||
|
{{ test.success ? "✓" : "✗" }}
|
||||||
|
</div>
|
||||||
|
{{ test.success ? "Resolved" : "Failed" }}
|
||||||
|
</div>
|
||||||
|
<div class="stat-desc">
|
||||||
|
{{
|
||||||
|
test.success ? test.addresses?.address : test.error?.message
|
||||||
|
}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Connectivity Tests -->
|
||||||
|
<div
|
||||||
|
v-if="testData?.tests?.connectivity"
|
||||||
|
class="card bg-base-100 shadow-xl mb-6"
|
||||||
|
>
|
||||||
|
<div class="card-body">
|
||||||
|
<h2 class="card-title text-2xl mb-4">Connectivity Tests</h2>
|
||||||
|
<div class="overflow-x-auto">
|
||||||
|
<table class="table table-zebra">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Endpoint</th>
|
||||||
|
<th>Via Proxy</th>
|
||||||
|
<th>Status</th>
|
||||||
|
<th>Response Time</th>
|
||||||
|
<th>Error</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr
|
||||||
|
v-for="(test, key) in testData.tests.connectivity"
|
||||||
|
:key="key"
|
||||||
|
>
|
||||||
|
<td class="font-mono text-sm">{{ test.url }}</td>
|
||||||
|
<td>
|
||||||
|
<div
|
||||||
|
class="badge"
|
||||||
|
:class="test.useProxy ? 'badge-info' : 'badge-neutral'"
|
||||||
|
>
|
||||||
|
{{ test.useProxy ? "Yes" : "No" }}
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div
|
||||||
|
class="badge"
|
||||||
|
:class="test.success ? 'badge-success' : 'badge-error'"
|
||||||
|
>
|
||||||
|
{{ test.success ? "✓" : "✗" }}
|
||||||
|
{{ test.status || "N/A" }}
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>{{ test.responseTime }}ms</td>
|
||||||
|
<td class="text-sm text-error">
|
||||||
|
{{ test.error?.message || "-" }}
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- SMS Gateway Tests -->
|
||||||
|
<div
|
||||||
|
v-if="testData?.tests?.smsGateway"
|
||||||
|
class="card bg-base-100 shadow-xl mb-6"
|
||||||
|
>
|
||||||
|
<div class="card-body">
|
||||||
|
<h2 class="card-title text-2xl mb-4">SMS Gateway Tests</h2>
|
||||||
|
<div
|
||||||
|
v-if="testData.tests.smsGateway.error"
|
||||||
|
class="alert alert-warning mb-4"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
class="stroke-current shrink-0 h-6 w-6"
|
||||||
|
fill="none"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
d="M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-2.5L13.732 4c-.77-.833-1.888-.833-2.664 0L3.732 16.5c-.77.833.192 2.5 1.732 2.5z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
<span>{{ testData.tests.smsGateway.error }}</span>
|
||||||
|
</div>
|
||||||
|
<div v-else class="overflow-x-auto">
|
||||||
|
<table class="table table-zebra">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Test Type</th>
|
||||||
|
<th>Via Proxy</th>
|
||||||
|
<th>Status</th>
|
||||||
|
<th>Response Time</th>
|
||||||
|
<th>Error</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr
|
||||||
|
v-for="(test, key) in testData.tests.smsGateway"
|
||||||
|
:key="key"
|
||||||
|
>
|
||||||
|
<td class="font-semibold">{{ formatTestName(key) }}</td>
|
||||||
|
<td>
|
||||||
|
<div
|
||||||
|
class="badge"
|
||||||
|
:class="test.useProxy ? 'badge-info' : 'badge-neutral'"
|
||||||
|
>
|
||||||
|
{{ test.useProxy ? "Yes" : "No" }}
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>
|
||||||
|
<div
|
||||||
|
class="badge"
|
||||||
|
:class="test.success ? 'badge-success' : 'badge-error'"
|
||||||
|
>
|
||||||
|
{{ test.success ? "✓" : "✗" }}
|
||||||
|
{{ test.status || "N/A" }}
|
||||||
|
</div>
|
||||||
|
</td>
|
||||||
|
<td>{{ test.responseTime }}ms</td>
|
||||||
|
<td class="text-sm text-error">
|
||||||
|
{{ test.error?.message || "-" }}
|
||||||
|
</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- HTTP Client Tests -->
|
||||||
|
<div
|
||||||
|
v-if="testData?.tests?.httpClient"
|
||||||
|
class="card bg-base-100 shadow-xl mb-6"
|
||||||
|
>
|
||||||
|
<div class="card-body">
|
||||||
|
<h2 class="card-title text-2xl mb-4">HTTP Client Library Test</h2>
|
||||||
|
<div class="stat bg-base-200 rounded-lg">
|
||||||
|
<div class="stat-title">Your HTTP Client</div>
|
||||||
|
<div class="stat-value text-lg flex items-center">
|
||||||
|
<div
|
||||||
|
class="badge mr-2"
|
||||||
|
:class="
|
||||||
|
testData.tests.httpClient.success
|
||||||
|
? 'badge-success'
|
||||||
|
: 'badge-error'
|
||||||
|
"
|
||||||
|
>
|
||||||
|
{{ testData.tests.httpClient.success ? "✓" : "✗" }}
|
||||||
|
</div>
|
||||||
|
{{ testData.tests.httpClient.success ? "Working" : "Failed" }}
|
||||||
|
</div>
|
||||||
|
<div class="stat-desc">
|
||||||
|
{{
|
||||||
|
testData.tests.httpClient.success
|
||||||
|
? "HTTP client successfully made request through proxy"
|
||||||
|
: testData.tests.httpClient.error?.message
|
||||||
|
}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
v-if="
|
||||||
|
testData.tests.httpClient.success &&
|
||||||
|
testData.tests.httpClient.data
|
||||||
|
"
|
||||||
|
class="mt-4"
|
||||||
|
>
|
||||||
|
<div class="collapse collapse-arrow bg-base-200">
|
||||||
|
<input type="checkbox" />
|
||||||
|
<div class="collapse-title text-xl font-medium">
|
||||||
|
Response Data
|
||||||
|
</div>
|
||||||
|
<div class="collapse-content">
|
||||||
|
<pre
|
||||||
|
class="text-sm bg-base-300 p-4 rounded-lg overflow-x-auto"
|
||||||
|
>{{
|
||||||
|
JSON.stringify(testData.tests.httpClient.data, null, 2)
|
||||||
|
}}</pre
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Proxy Agent Tests -->
|
||||||
|
<div
|
||||||
|
v-if="testData?.tests?.proxyAgent"
|
||||||
|
class="card bg-base-100 shadow-xl mb-6"
|
||||||
|
>
|
||||||
|
<div class="card-body">
|
||||||
|
<h2 class="card-title text-2xl mb-4">Direct Proxy Agent Test</h2>
|
||||||
|
<div class="stat bg-base-200 rounded-lg">
|
||||||
|
<div class="stat-title">Proxy Agent Direct Test</div>
|
||||||
|
<div class="stat-value text-lg flex items-center">
|
||||||
|
<div
|
||||||
|
class="badge mr-2"
|
||||||
|
:class="
|
||||||
|
testData.tests.proxyAgent.success
|
||||||
|
? 'badge-success'
|
||||||
|
: 'badge-error'
|
||||||
|
"
|
||||||
|
>
|
||||||
|
{{ testData.tests.proxyAgent.success ? "✓" : "✗" }}
|
||||||
|
</div>
|
||||||
|
{{ testData.tests.proxyAgent.success ? "Working" : "Failed" }}
|
||||||
|
</div>
|
||||||
|
<div class="stat-desc">
|
||||||
|
{{
|
||||||
|
testData.tests.proxyAgent.success
|
||||||
|
? "Proxy agent successfully made request"
|
||||||
|
: testData.tests.proxyAgent.error?.message
|
||||||
|
}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div
|
||||||
|
v-if="
|
||||||
|
testData.tests.proxyAgent.success &&
|
||||||
|
testData.tests.proxyAgent.data
|
||||||
|
"
|
||||||
|
class="mt-4"
|
||||||
|
>
|
||||||
|
<div class="collapse collapse-arrow bg-base-200">
|
||||||
|
<input type="checkbox" />
|
||||||
|
<div class="collapse-title text-xl font-medium">
|
||||||
|
IP Information (via Proxy)
|
||||||
|
</div>
|
||||||
|
<div class="collapse-content">
|
||||||
|
<pre
|
||||||
|
class="text-sm bg-base-300 p-4 rounded-lg overflow-x-auto"
|
||||||
|
>{{
|
||||||
|
JSON.stringify(testData.tests.proxyAgent.data, null, 2)
|
||||||
|
}}</pre
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Error Summary -->
|
||||||
|
<div v-if="hasErrors" class="card bg-base-100 shadow-xl mb-6">
|
||||||
|
<div class="card-body">
|
||||||
|
<h2 class="card-title text-2xl mb-4 text-error">Error Summary</h2>
|
||||||
|
<div class="space-y-2">
|
||||||
|
<div
|
||||||
|
v-for="error in errorSummary"
|
||||||
|
:key="error.test"
|
||||||
|
class="alert alert-error"
|
||||||
|
>
|
||||||
|
<svg
|
||||||
|
xmlns="http://www.w3.org/2000/svg"
|
||||||
|
class="stroke-current shrink-0 h-6 w-6"
|
||||||
|
fill="none"
|
||||||
|
viewBox="0 0 24 24"
|
||||||
|
>
|
||||||
|
<path
|
||||||
|
stroke-linecap="round"
|
||||||
|
stroke-linejoin="round"
|
||||||
|
stroke-width="2"
|
||||||
|
d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z"
|
||||||
|
/>
|
||||||
|
</svg>
|
||||||
|
<div>
|
||||||
|
<strong>{{ error.test }}:</strong> {{ error.message }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- Raw Data -->
|
||||||
|
<div v-if="testData" class="card bg-base-100 shadow-xl">
|
||||||
|
<div class="card-body">
|
||||||
|
<div class="collapse collapse-arrow">
|
||||||
|
<input type="checkbox" />
|
||||||
|
<div class="collapse-title text-xl font-medium">
|
||||||
|
Raw Test Data (JSON)
|
||||||
|
</div>
|
||||||
|
<div class="collapse-content">
|
||||||
|
<pre
|
||||||
|
class="text-sm bg-base-300 p-4 rounded-lg overflow-x-auto"
|
||||||
|
>{{ JSON.stringify(testData, null, 2) }}</pre
|
||||||
|
>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script setup>
|
||||||
|
import { ref, computed } from "vue";
|
||||||
|
|
||||||
|
const testData = ref(null);
|
||||||
|
const loading = ref(false);
|
||||||
|
|
||||||
|
const hasErrors = computed(() => {
|
||||||
|
if (!testData.value?.tests) return false;
|
||||||
|
|
||||||
|
const allTests = [];
|
||||||
|
Object.values(testData.value.tests).forEach((testGroup) => {
|
||||||
|
if (typeof testGroup === "object" && testGroup !== null) {
|
||||||
|
Object.values(testGroup).forEach((test) => {
|
||||||
|
if (test && typeof test === "object" && "success" in test) {
|
||||||
|
allTests.push(test);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return allTests.some((test) => !test.success);
|
||||||
|
});
|
||||||
|
|
||||||
|
const errorSummary = computed(() => {
|
||||||
|
if (!testData.value?.tests) return [];
|
||||||
|
|
||||||
|
const errors = [];
|
||||||
|
Object.entries(testData.value.tests).forEach(([groupName, testGroup]) => {
|
||||||
|
if (typeof testGroup === "object" && testGroup !== null) {
|
||||||
|
Object.entries(testGroup).forEach(([testName, test]) => {
|
||||||
|
if (
|
||||||
|
test &&
|
||||||
|
typeof test === "object" &&
|
||||||
|
"success" in test &&
|
||||||
|
!test.success
|
||||||
|
) {
|
||||||
|
errors.push({
|
||||||
|
test: `${groupName}.${testName}`,
|
||||||
|
message: test.error?.message || "Unknown error",
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
return errors;
|
||||||
|
});
|
||||||
|
|
||||||
|
const runTests = async (testType = "all") => {
|
||||||
|
loading.value = true;
|
||||||
|
try {
|
||||||
|
const response = await $fetch(`/api/proxy-test?test=${testType}`);
|
||||||
|
testData.value = response;
|
||||||
|
} catch (error) {
|
||||||
|
console.error("Failed to run tests:", error);
|
||||||
|
testData.value = {
|
||||||
|
error: error.message,
|
||||||
|
timestamp: new Date().toISOString(),
|
||||||
|
};
|
||||||
|
} finally {
|
||||||
|
loading.value = false;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const formatTestName = (key) => {
|
||||||
|
return key.replace(/_/g, " ").replace(/\b\w/g, (l) => l.toUpperCase());
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
|
||||||
|
<style scoped>
|
||||||
|
.min-h-screen {
|
||||||
|
min-height: 100vh;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
194
server/api/proxy-test.get.js
Normal file
194
server/api/proxy-test.get.js
Normal file
|
|
@ -0,0 +1,194 @@
|
||||||
|
import { ProxyAgent } from "undici";
|
||||||
|
import { httpFetchClient } from "../lib/http-client.js";
|
||||||
|
|
||||||
|
const proxyAgent = new ProxyAgent("http://wireguard:8888");
|
||||||
|
|
||||||
|
async function testEndpoint(url, useProxy = true, options = {}) {
|
||||||
|
const startTime = Date.now();
|
||||||
|
try {
|
||||||
|
const fetchOptions = {
|
||||||
|
method: options.method || "GET",
|
||||||
|
headers: options.headers || {},
|
||||||
|
...options,
|
||||||
|
};
|
||||||
|
|
||||||
|
if (useProxy) {
|
||||||
|
fetchOptions.agent = proxyAgent;
|
||||||
|
}
|
||||||
|
|
||||||
|
const response = await $fetch(url, fetchOptions);
|
||||||
|
const endTime = Date.now();
|
||||||
|
|
||||||
|
return {
|
||||||
|
success: true,
|
||||||
|
url,
|
||||||
|
useProxy,
|
||||||
|
responseTime: endTime - startTime,
|
||||||
|
status: response.status || 200,
|
||||||
|
data: response,
|
||||||
|
error: null
|
||||||
|
};
|
||||||
|
} catch (error) {
|
||||||
|
const endTime = Date.now();
|
||||||
|
return {
|
||||||
|
success: false,
|
||||||
|
url,
|
||||||
|
useProxy,
|
||||||
|
responseTime: endTime - startTime,
|
||||||
|
status: error.status || null,
|
||||||
|
data: null,
|
||||||
|
error: {
|
||||||
|
message: error.message,
|
||||||
|
code: error.code,
|
||||||
|
stack: error.stack
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function testDNSResolution(hostname) {
|
||||||
|
try {
|
||||||
|
const dns = await import('dns').then(m => m.promises);
|
||||||
|
const addresses = await dns.lookup(hostname);
|
||||||
|
return {
|
||||||
|
success: true,
|
||||||
|
hostname,
|
||||||
|
addresses,
|
||||||
|
error: null
|
||||||
|
};
|
||||||
|
} catch (error) {
|
||||||
|
return {
|
||||||
|
success: false,
|
||||||
|
hostname,
|
||||||
|
addresses: null,
|
||||||
|
error: {
|
||||||
|
message: error.message,
|
||||||
|
code: error.code
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
export default defineEventHandler(async (event) => {
|
||||||
|
const config = useRuntimeConfig();
|
||||||
|
const query = getQuery(event);
|
||||||
|
const testType = query.test || 'all';
|
||||||
|
|
||||||
|
const results = {
|
||||||
|
timestamp: new Date().toISOString(),
|
||||||
|
environment: {
|
||||||
|
nodeEnv: process.env.NODE_ENV,
|
||||||
|
proxyUrl: "http://wireguard:8888",
|
||||||
|
smsGatewayUrl: config.androidSmsGatewayUrl,
|
||||||
|
smsGatewayBypass: config.androidSmsGatewayBypass
|
||||||
|
},
|
||||||
|
tests: {}
|
||||||
|
};
|
||||||
|
|
||||||
|
// DNS Resolution Tests
|
||||||
|
if (testType === 'all' || testType === 'dns') {
|
||||||
|
results.tests.dns = {
|
||||||
|
wireguard: await testDNSResolution('wireguard'),
|
||||||
|
google: await testDNSResolution('google.com'),
|
||||||
|
httpbin: await testDNSResolution('httpbin.org')
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
// Basic Connectivity Tests
|
||||||
|
if (testType === 'all' || testType === 'connectivity') {
|
||||||
|
results.tests.connectivity = {};
|
||||||
|
|
||||||
|
// Test known good endpoints
|
||||||
|
const testEndpoints = [
|
||||||
|
'https://httpbin.org/get',
|
||||||
|
'https://google.com',
|
||||||
|
'https://api.github.com'
|
||||||
|
];
|
||||||
|
|
||||||
|
for (const endpoint of testEndpoints) {
|
||||||
|
const endpointKey = endpoint.replace(/[^a-zA-Z0-9]/g, '_');
|
||||||
|
results.tests.connectivity[`${endpointKey}_direct`] = await testEndpoint(endpoint, false);
|
||||||
|
results.tests.connectivity[`${endpointKey}_proxy`] = await testEndpoint(endpoint, true);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// SMS Gateway Specific Tests
|
||||||
|
if (testType === 'all' || testType === 'sms') {
|
||||||
|
results.tests.smsGateway = {};
|
||||||
|
|
||||||
|
if (config.androidSmsGatewayUrl) {
|
||||||
|
// Test basic connectivity to SMS gateway
|
||||||
|
const smsUrl = config.androidSmsGatewayUrl;
|
||||||
|
results.tests.smsGateway.proxy = await testEndpoint(smsUrl, true);
|
||||||
|
|
||||||
|
// Test SMS gateway health endpoint if available
|
||||||
|
const healthUrl = `${smsUrl}/health`;
|
||||||
|
results.tests.smsGateway.health_proxy = await testEndpoint(healthUrl, true);
|
||||||
|
|
||||||
|
// Test with authentication headers
|
||||||
|
if (config.androidSmsGatewayLogin && config.androidSmsGatewayPassword) {
|
||||||
|
const authHeaders = {
|
||||||
|
'Authorization': `Basic ${Buffer.from(`${config.androidSmsGatewayLogin}:${config.androidSmsGatewayPassword}`).toString('base64')}`
|
||||||
|
};
|
||||||
|
|
||||||
|
results.tests.smsGateway.auth_direct = await testEndpoint(smsUrl, false, { headers: authHeaders });
|
||||||
|
results.tests.smsGateway.auth_proxy = await testEndpoint(smsUrl, true, { headers: authHeaders });
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
results.tests.smsGateway.error = "SMS Gateway URL not configured";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// HTTP Client Library Test
|
||||||
|
if (testType === 'all' || testType === 'httpclient') {
|
||||||
|
results.tests.httpClient = {};
|
||||||
|
|
||||||
|
try {
|
||||||
|
// Test using your existing http client
|
||||||
|
const testResult = await httpFetchClient.get('https://httpbin.org/get', {
|
||||||
|
'User-Agent': 'Portfolio-Proxy-Test/1.0'
|
||||||
|
});
|
||||||
|
|
||||||
|
results.tests.httpClient.success = true;
|
||||||
|
results.tests.httpClient.data = testResult;
|
||||||
|
results.tests.httpClient.error = null;
|
||||||
|
} catch (error) {
|
||||||
|
results.tests.httpClient.success = false;
|
||||||
|
results.tests.httpClient.data = null;
|
||||||
|
results.tests.httpClient.error = {
|
||||||
|
message: error.message,
|
||||||
|
code: error.code,
|
||||||
|
stack: error.stack,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Proxy Agent Direct Test
|
||||||
|
if (testType === 'all' || testType === 'proxyagent') {
|
||||||
|
results.tests.proxyAgent = {};
|
||||||
|
|
||||||
|
try {
|
||||||
|
// Test proxy agent directly
|
||||||
|
const response = await $fetch('https://httpbin.org/ip', {
|
||||||
|
agent: proxyAgent,
|
||||||
|
headers: {
|
||||||
|
'User-Agent': 'Portfolio-Proxy-Test/1.0'
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
results.tests.proxyAgent.success = true;
|
||||||
|
results.tests.proxyAgent.data = response;
|
||||||
|
results.tests.proxyAgent.error = null;
|
||||||
|
} catch (error) {
|
||||||
|
results.tests.proxyAgent.success = false;
|
||||||
|
results.tests.proxyAgent.data = null;
|
||||||
|
results.tests.proxyAgent.error = {
|
||||||
|
message: error.message,
|
||||||
|
code: error.code,
|
||||||
|
stack: error.stack
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
return results;
|
||||||
|
});
|
||||||
|
|
@ -1,6 +1,7 @@
|
||||||
import { ProxyAgent } from "undici";
|
import { ProxyAgent } from "undici";
|
||||||
|
|
||||||
const proxyAgent = new ProxyAgent("http://wireguard:8888");
|
const proxyAgent = new ProxyAgent("http://wireguard:8888");
|
||||||
|
const REQUEST_TIMEOUT = 5000;
|
||||||
|
|
||||||
export const httpFetchClient = {
|
export const httpFetchClient = {
|
||||||
get: async (url, headers) => {
|
get: async (url, headers) => {
|
||||||
|
|
@ -8,13 +9,9 @@ export const httpFetchClient = {
|
||||||
method: "GET",
|
method: "GET",
|
||||||
headers,
|
headers,
|
||||||
agent: proxyAgent,
|
agent: proxyAgent,
|
||||||
|
timeout: REQUEST_TIMEOUT,
|
||||||
});
|
});
|
||||||
if (!response.ok) {
|
return response;
|
||||||
const errorBody = await response.text();
|
|
||||||
console.error("Gateway GET error:", errorBody);
|
|
||||||
throw new Error(`HTTP error! status: ${response.status}`);
|
|
||||||
}
|
|
||||||
return response.json();
|
|
||||||
},
|
},
|
||||||
post: async (url, body, headers) => {
|
post: async (url, body, headers) => {
|
||||||
const response = await $fetch(url, {
|
const response = await $fetch(url, {
|
||||||
|
|
@ -22,14 +19,8 @@ export const httpFetchClient = {
|
||||||
headers: { "Content-Type": "application/json", ...headers },
|
headers: { "Content-Type": "application/json", ...headers },
|
||||||
body: JSON.stringify(body),
|
body: JSON.stringify(body),
|
||||||
agent: proxyAgent,
|
agent: proxyAgent,
|
||||||
|
timeout: REQUEST_TIMEOUT,
|
||||||
});
|
});
|
||||||
if (!response.ok) {
|
return response;
|
||||||
const errorBody = await response.text();
|
|
||||||
console.error("Gateway POST error:", errorBody);
|
|
||||||
throw new Error(
|
|
||||||
`HTTP error! status: ${response.status}, body: ${errorBody}`,
|
|
||||||
);
|
|
||||||
}
|
|
||||||
return response.json();
|
|
||||||
},
|
},
|
||||||
};
|
};
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue