Compare commits
4 Commits
90e2000842
...
37aafbe636
| Author | SHA1 | Date | |
|---|---|---|---|
| 37aafbe636 | |||
| f41a6b6e5b | |||
| 98c5f0f154 | |||
| 8012fa78c0 |
@@ -16,6 +16,11 @@ import {
|
|||||||
ReferrerItem,
|
ReferrerItem,
|
||||||
} from "@/app/api/types";
|
} from "@/app/api/types";
|
||||||
import { TimeGranularity } from "@/lib/analytics";
|
import { TimeGranularity } from "@/lib/analytics";
|
||||||
|
import {
|
||||||
|
PieChart, Pie, ResponsiveContainer, Tooltip, Cell, Legend,
|
||||||
|
BarChart, Bar, XAxis, YAxis, CartesianGrid, LineChart, Line,
|
||||||
|
LabelList
|
||||||
|
} from "recharts";
|
||||||
|
|
||||||
interface LinkDetails {
|
interface LinkDetails {
|
||||||
id: string;
|
id: string;
|
||||||
@@ -206,7 +211,28 @@ export default function LinkDetailsPage({
|
|||||||
}
|
}
|
||||||
|
|
||||||
const details = await response.json();
|
const details = await response.json();
|
||||||
setLinkDetails(details);
|
console.log("Link details:", details); // 添加日志以确认 API 响应
|
||||||
|
|
||||||
|
// 将 API 返回的数据映射到组件需要的格式
|
||||||
|
setLinkDetails({
|
||||||
|
id: details.link_id || linkId,
|
||||||
|
name: details.title || "Untitled Link",
|
||||||
|
shortUrl: details.short_url || window.location.hostname + "/" + details.link_id,
|
||||||
|
originalUrl: details.original_url || "",
|
||||||
|
creator: details.created_by || "Unknown",
|
||||||
|
createdAt: details.created_at || new Date().toISOString(),
|
||||||
|
visits: details.visits || 0,
|
||||||
|
visitChange: details.visit_change || 0,
|
||||||
|
uniqueVisitors: details.unique_visitors || 0,
|
||||||
|
uniqueVisitorsChange: details.unique_visitors_change || 0,
|
||||||
|
avgTime: formatTime(details.avg_time_spent || 0),
|
||||||
|
avgTimeChange: details.avg_time_change || 0,
|
||||||
|
conversionRate: details.conversion_rate || 0,
|
||||||
|
conversionChange: details.conversion_change || 0,
|
||||||
|
status: details.is_active ? "active" : "inactive",
|
||||||
|
tags: details.tags || [],
|
||||||
|
});
|
||||||
|
|
||||||
setLoading(false);
|
setLoading(false);
|
||||||
|
|
||||||
// 获取分析数据
|
// 获取分析数据
|
||||||
@@ -689,77 +715,78 @@ export default function LinkDetailsPage({
|
|||||||
<h3 className="mb-4 font-medium text-md text-foreground">
|
<h3 className="mb-4 font-medium text-md text-foreground">
|
||||||
Device Types
|
Device Types
|
||||||
</h3>
|
</h3>
|
||||||
<div className="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4">
|
|
||||||
|
{/* 饼图显示 */}
|
||||||
<div className="flex flex-col items-center">
|
<div className="flex flex-col items-center">
|
||||||
<div className="mb-2 text-sm font-medium text-text-secondary">
|
<div className="w-full h-64">
|
||||||
Mobile
|
<ResponsiveContainer width="100%" height="100%">
|
||||||
|
<PieChart>
|
||||||
|
<Pie
|
||||||
|
data={[
|
||||||
|
{ name: 'Mobile', value: overviewData.deviceTypes.mobile, fill: "#3498db" },
|
||||||
|
{ name: 'Desktop', value: overviewData.deviceTypes.desktop, fill: "#2ecc71" },
|
||||||
|
{ name: 'Tablet', value: overviewData.deviceTypes.tablet, fill: "#f39c12" },
|
||||||
|
{ name: 'Other', value: overviewData.deviceTypes.other, fill: "#e74c3c" }
|
||||||
|
].filter(item => item.value > 0)}
|
||||||
|
cx="50%"
|
||||||
|
cy="50%"
|
||||||
|
innerRadius={60}
|
||||||
|
outerRadius={90}
|
||||||
|
fill="#8884d8"
|
||||||
|
dataKey="value"
|
||||||
|
nameKey="name"
|
||||||
|
label={({ name, percent }) => `${name}: ${(percent * 100).toFixed(0)}%`}
|
||||||
|
labelLine={true}
|
||||||
|
>
|
||||||
|
{/* 为每种设备类型设置不同的颜色 */}
|
||||||
|
{[
|
||||||
|
{ key: "mobile", name: 'Mobile', value: overviewData.deviceTypes.mobile, fill: "#3498db" },
|
||||||
|
{ key: "desktop", name: 'Desktop', value: overviewData.deviceTypes.desktop, fill: "#2ecc71" },
|
||||||
|
{ key: "tablet", name: 'Tablet', value: overviewData.deviceTypes.tablet, fill: "#f39c12" },
|
||||||
|
{ key: "other", name: 'Other', value: overviewData.deviceTypes.other, fill: "#e74c3c" }
|
||||||
|
]
|
||||||
|
.filter(item => item.value > 0)
|
||||||
|
.map(item => (
|
||||||
|
<Cell key={item.key} fill={item.fill} />
|
||||||
|
))
|
||||||
|
}
|
||||||
|
</Pie>
|
||||||
|
<Tooltip
|
||||||
|
formatter={(value) => [`${value} 访问`, '数量']}
|
||||||
|
separator=": "
|
||||||
|
/>
|
||||||
|
<Legend />
|
||||||
|
</PieChart>
|
||||||
|
</ResponsiveContainer>
|
||||||
</div>
|
</div>
|
||||||
<div className="text-2xl font-bold text-foreground">
|
<div className="grid grid-cols-4 gap-8 mt-4 text-center">
|
||||||
{overviewData.deviceTypes.mobile}
|
<div>
|
||||||
</div>
|
<div className="text-sm font-medium text-text-secondary">Mobile</div>
|
||||||
<div className="mt-1 text-xs text-text-secondary">
|
<div className="text-lg font-bold text-foreground">{overviewData.deviceTypes.mobile}</div>
|
||||||
{overviewData.totalVisits
|
<div className="text-xs text-text-secondary">
|
||||||
? Math.round(
|
{overviewData.totalVisits ? Math.round((overviewData.deviceTypes.mobile / overviewData.totalVisits) * 100) : 0}%
|
||||||
(overviewData.deviceTypes.mobile /
|
|
||||||
overviewData.totalVisits) *
|
|
||||||
100
|
|
||||||
)
|
|
||||||
: 0}
|
|
||||||
%
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col items-center">
|
<div>
|
||||||
<div className="mb-2 text-sm font-medium text-text-secondary">
|
<div className="text-sm font-medium text-text-secondary">Desktop</div>
|
||||||
Desktop
|
<div className="text-lg font-bold text-foreground">{overviewData.deviceTypes.desktop}</div>
|
||||||
</div>
|
<div className="text-xs text-text-secondary">
|
||||||
<div className="text-2xl font-bold text-foreground">
|
{overviewData.totalVisits ? Math.round((overviewData.deviceTypes.desktop / overviewData.totalVisits) * 100) : 0}%
|
||||||
{overviewData.deviceTypes.desktop}
|
|
||||||
</div>
|
|
||||||
<div className="mt-1 text-xs text-text-secondary">
|
|
||||||
{overviewData.totalVisits
|
|
||||||
? Math.round(
|
|
||||||
(overviewData.deviceTypes.desktop /
|
|
||||||
overviewData.totalVisits) *
|
|
||||||
100
|
|
||||||
)
|
|
||||||
: 0}
|
|
||||||
%
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col items-center">
|
<div>
|
||||||
<div className="mb-2 text-sm font-medium text-text-secondary">
|
<div className="text-sm font-medium text-text-secondary">Tablet</div>
|
||||||
Tablet
|
<div className="text-lg font-bold text-foreground">{overviewData.deviceTypes.tablet}</div>
|
||||||
</div>
|
<div className="text-xs text-text-secondary">
|
||||||
<div className="text-2xl font-bold text-foreground">
|
{overviewData.totalVisits ? Math.round((overviewData.deviceTypes.tablet / overviewData.totalVisits) * 100) : 0}%
|
||||||
{overviewData.deviceTypes.tablet}
|
|
||||||
</div>
|
|
||||||
<div className="mt-1 text-xs text-text-secondary">
|
|
||||||
{overviewData.totalVisits
|
|
||||||
? Math.round(
|
|
||||||
(overviewData.deviceTypes.tablet /
|
|
||||||
overviewData.totalVisits) *
|
|
||||||
100
|
|
||||||
)
|
|
||||||
: 0}
|
|
||||||
%
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex flex-col items-center">
|
<div>
|
||||||
<div className="mb-2 text-sm font-medium text-text-secondary">
|
<div className="text-sm font-medium text-text-secondary">Other</div>
|
||||||
Other
|
<div className="text-lg font-bold text-foreground">{overviewData.deviceTypes.other}</div>
|
||||||
|
<div className="text-xs text-text-secondary">
|
||||||
|
{overviewData.totalVisits ? Math.round((overviewData.deviceTypes.other / overviewData.totalVisits) * 100) : 0}%
|
||||||
</div>
|
</div>
|
||||||
<div className="text-2xl font-bold text-foreground">
|
|
||||||
{overviewData.deviceTypes.other}
|
|
||||||
</div>
|
|
||||||
<div className="mt-1 text-xs text-text-secondary">
|
|
||||||
{overviewData.totalVisits
|
|
||||||
? Math.round(
|
|
||||||
(overviewData.deviceTypes.other /
|
|
||||||
overviewData.totalVisits) *
|
|
||||||
100
|
|
||||||
)
|
|
||||||
: 0}
|
|
||||||
%
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -781,26 +808,41 @@ export default function LinkDetailsPage({
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className="relative pt-2">
|
<div className="h-80">
|
||||||
{funnelData.steps.map((step) => (
|
<ResponsiveContainer width="100%" height="100%">
|
||||||
<div key={step.name} className="mb-4">
|
<BarChart
|
||||||
<div className="flex justify-between items-center mb-1">
|
layout="vertical"
|
||||||
<span className="text-sm font-medium">
|
data={funnelData.steps}
|
||||||
{step.name}
|
margin={{ top: 20, right: 30, left: 40, bottom: 5 }}
|
||||||
</span>
|
>
|
||||||
<span className="text-sm text-text-secondary">
|
<CartesianGrid strokeDasharray="3 3" />
|
||||||
{step.value} ({(step.percent || 0).toFixed(1)}
|
<XAxis type="number" />
|
||||||
%)
|
<YAxis
|
||||||
</span>
|
dataKey="name"
|
||||||
</div>
|
type="category"
|
||||||
<div className="w-full bg-card-border rounded-full h-2.5">
|
width={100}
|
||||||
<div
|
tick={{ fontSize: 14 }}
|
||||||
className="bg-accent-blue h-2.5 rounded-full"
|
/>
|
||||||
style={{ width: `${step.percent || 0}%` }}
|
<Tooltip
|
||||||
></div>
|
formatter={(value: number, name: string, props: any) => [
|
||||||
</div>
|
`${value} (${props.payload.percent.toFixed(1)}%)`,
|
||||||
</div>
|
"Value"
|
||||||
))}
|
]}
|
||||||
|
/>
|
||||||
|
<Bar
|
||||||
|
dataKey="value"
|
||||||
|
fill="#3498db"
|
||||||
|
radius={[0, 4, 4, 0]}
|
||||||
|
>
|
||||||
|
<LabelList
|
||||||
|
dataKey="percent"
|
||||||
|
position="right"
|
||||||
|
formatter={(value: number) => `${value.toFixed(1)}%`}
|
||||||
|
style={{ fill: "#666", fontSize: 12 }}
|
||||||
|
/>
|
||||||
|
</Bar>
|
||||||
|
</BarChart>
|
||||||
|
</ResponsiveContainer>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
@@ -820,9 +862,9 @@ export default function LinkDetailsPage({
|
|||||||
onClick={() =>
|
onClick={() =>
|
||||||
updateTimeGranularity(granularity)
|
updateTimeGranularity(granularity)
|
||||||
}
|
}
|
||||||
className={`px-3 py-1 text-xs rounded-md ${
|
className={`px-4 py-2 text-sm font-medium rounded-md ${
|
||||||
timeGranularity === granularity
|
timeGranularity === granularity
|
||||||
? "bg-accent-blue text-white"
|
? "bg-accent-blue text-black shadow-sm"
|
||||||
: "bg-card-bg text-text-secondary border border-card-border hover:bg-gray-100"
|
: "bg-card-bg text-text-secondary border border-card-border hover:bg-gray-100"
|
||||||
}`}
|
}`}
|
||||||
>
|
>
|
||||||
@@ -850,38 +892,51 @@ export default function LinkDetailsPage({
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* 简单趋势表格 */}
|
{/* 图表展示访问趋势 */}
|
||||||
<div className="overflow-x-auto">
|
<div className="h-80">
|
||||||
<table className="min-w-full divide-y divide-card-border">
|
<ResponsiveContainer width="100%" height="100%">
|
||||||
<thead>
|
<LineChart
|
||||||
<tr>
|
data={trendsData.trends}
|
||||||
<th className="px-4 py-3 text-xs font-medium tracking-wider text-left uppercase text-text-secondary">
|
margin={{ top: 20, right: 30, left: 20, bottom: 10 }}
|
||||||
Time
|
>
|
||||||
</th>
|
<CartesianGrid strokeDasharray="3 3" />
|
||||||
<th className="px-4 py-3 text-xs font-medium tracking-wider text-left uppercase text-text-secondary">
|
<XAxis
|
||||||
Visits
|
dataKey="timestamp"
|
||||||
</th>
|
tick={{ fontSize: 12 }}
|
||||||
<th className="px-4 py-3 text-xs font-medium tracking-wider text-left uppercase text-text-secondary">
|
interval="preserveStartEnd"
|
||||||
Unique Visitors
|
/>
|
||||||
</th>
|
<YAxis
|
||||||
</tr>
|
tickFormatter={(value: number) => value.toLocaleString()}
|
||||||
</thead>
|
/>
|
||||||
<tbody className="divide-y bg-card-bg divide-card-border">
|
<Tooltip
|
||||||
{trendsData.trends.map((trend, i) => (
|
formatter={(value: number, name: string) => [
|
||||||
<tr key={i}>
|
value.toLocaleString(),
|
||||||
<td className="px-4 py-2 text-sm whitespace-nowrap text-foreground">
|
name === "visits" ? "访问量" : "唯一访客"
|
||||||
{trend.timestamp}
|
]}
|
||||||
</td>
|
/>
|
||||||
<td className="px-4 py-2 text-sm whitespace-nowrap text-foreground">
|
<Legend
|
||||||
{trend.visits}
|
verticalAlign="top"
|
||||||
</td>
|
height={36}
|
||||||
<td className="px-4 py-2 text-sm whitespace-nowrap text-foreground">
|
formatter={(value: string) => value === "visits" ? "访问量" : "唯一访客"}
|
||||||
{trend.uniqueVisitors}
|
/>
|
||||||
</td>
|
<Line
|
||||||
</tr>
|
type="monotone"
|
||||||
))}
|
dataKey="visits"
|
||||||
</tbody>
|
stroke="#3498db"
|
||||||
</table>
|
strokeWidth={2}
|
||||||
|
activeDot={{ r: 6 }}
|
||||||
|
name="visits"
|
||||||
|
/>
|
||||||
|
<Line
|
||||||
|
type="monotone"
|
||||||
|
dataKey="uniqueVisitors"
|
||||||
|
stroke="#2ecc71"
|
||||||
|
strokeWidth={2}
|
||||||
|
dot={{ r: 4 }}
|
||||||
|
name="uniqueVisitors"
|
||||||
|
/>
|
||||||
|
</LineChart>
|
||||||
|
</ResponsiveContainer>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -895,6 +950,63 @@ export default function LinkDetailsPage({
|
|||||||
<h3 className="mb-4 font-medium text-md text-foreground">
|
<h3 className="mb-4 font-medium text-md text-foreground">
|
||||||
Link Performance
|
Link Performance
|
||||||
</h3>
|
</h3>
|
||||||
|
|
||||||
|
{/* 添加图表展示 */}
|
||||||
|
<div className="mb-8">
|
||||||
|
<div className="flex flex-col md:flex-row gap-6">
|
||||||
|
{/* 柱状图展示总点击量和独立访客 */}
|
||||||
|
<div className="h-80 md:w-1/2">
|
||||||
|
<ResponsiveContainer width="100%" height="100%">
|
||||||
|
<BarChart
|
||||||
|
data={[
|
||||||
|
{ name: 'Total Clicks', value: performanceData.totalClicks },
|
||||||
|
{ name: 'Unique Visitors', value: performanceData.uniqueVisitors },
|
||||||
|
{ name: 'Active Days', value: performanceData.activeDays },
|
||||||
|
{ name: 'Unique Referrers', value: performanceData.uniqueReferrers }
|
||||||
|
]}
|
||||||
|
margin={{ top: 20, right: 30, left: 20, bottom: 5 }}
|
||||||
|
>
|
||||||
|
<CartesianGrid strokeDasharray="3 3" />
|
||||||
|
<XAxis dataKey="name" />
|
||||||
|
<YAxis />
|
||||||
|
<Tooltip formatter={(value: number) => [value.toLocaleString(), 'Count']} />
|
||||||
|
<Legend />
|
||||||
|
<Bar dataKey="value" name="Value" fill="#3498db" radius={[4, 4, 0, 0]}>
|
||||||
|
<LabelList dataKey="value" position="top" formatter={(value: number) => value.toLocaleString()} />
|
||||||
|
</Bar>
|
||||||
|
</BarChart>
|
||||||
|
</ResponsiveContainer>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* 饼图展示跳出率、转化率等比例数据 */}
|
||||||
|
<div className="h-80 md:w-1/2">
|
||||||
|
<ResponsiveContainer width="100%" height="100%">
|
||||||
|
<PieChart>
|
||||||
|
<Pie
|
||||||
|
data={[
|
||||||
|
{ name: 'Bounce Rate', value: performanceData.bounceRate, fill: '#e74c3c' },
|
||||||
|
{ name: 'Conversion Rate', value: performanceData.conversionRate, fill: '#2ecc71' },
|
||||||
|
{ name: 'Non-converting, Non-bounce Visits',
|
||||||
|
value: 100 - performanceData.bounceRate - performanceData.conversionRate,
|
||||||
|
fill: '#3498db' }
|
||||||
|
]}
|
||||||
|
cx="50%"
|
||||||
|
cy="50%"
|
||||||
|
innerRadius={60}
|
||||||
|
outerRadius={90}
|
||||||
|
dataKey="value"
|
||||||
|
nameKey="name"
|
||||||
|
label={({name, value}: {name: string, value: number}) => `${name}: ${value}%`}
|
||||||
|
labelLine={true}
|
||||||
|
/>
|
||||||
|
<Tooltip formatter={(value: number) => [`${value}%`, 'Percentage']} />
|
||||||
|
<Legend />
|
||||||
|
</PieChart>
|
||||||
|
</ResponsiveContainer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div className="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4">
|
<div className="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-4">
|
||||||
<div className="flex flex-col">
|
<div className="flex flex-col">
|
||||||
<div className="mb-1 text-sm font-medium text-text-secondary">
|
<div className="mb-1 text-sm font-medium text-text-secondary">
|
||||||
@@ -975,6 +1087,89 @@ export default function LinkDetailsPage({
|
|||||||
<h3 className="mb-4 font-medium text-md text-foreground">
|
<h3 className="mb-4 font-medium text-md text-foreground">
|
||||||
Popular Referrers
|
Popular Referrers
|
||||||
</h3>
|
</h3>
|
||||||
|
|
||||||
|
{/* 添加图表展示 */}
|
||||||
|
<div className="mb-8">
|
||||||
|
<div className="flex flex-col md:flex-row gap-4">
|
||||||
|
{/* 条形图展示访问量和独立访客 */}
|
||||||
|
<div className="h-80 md:w-2/3">
|
||||||
|
<ResponsiveContainer width="100%" height="100%">
|
||||||
|
<BarChart
|
||||||
|
layout="vertical"
|
||||||
|
data={referrersData.referrers.slice(0, 10)} // 只显示前10个引荐来源
|
||||||
|
margin={{ top: 20, right: 30, left: 120, bottom: 5 }}
|
||||||
|
>
|
||||||
|
<CartesianGrid strokeDasharray="3 3" horizontal={false} />
|
||||||
|
<XAxis type="number" />
|
||||||
|
<YAxis
|
||||||
|
dataKey="source"
|
||||||
|
type="category"
|
||||||
|
tick={{ fontSize: 12 }}
|
||||||
|
width={120}
|
||||||
|
/>
|
||||||
|
<Tooltip
|
||||||
|
formatter={(value: number, name: string) => [
|
||||||
|
value,
|
||||||
|
name === "visitCount" ? "访问量" : "独立访客"
|
||||||
|
]}
|
||||||
|
/>
|
||||||
|
<Legend verticalAlign="top" height={36} />
|
||||||
|
<Bar
|
||||||
|
name="访问量"
|
||||||
|
dataKey="visitCount"
|
||||||
|
fill="#3498db"
|
||||||
|
radius={[0, 4, 4, 0]}
|
||||||
|
>
|
||||||
|
<LabelList
|
||||||
|
dataKey="percent"
|
||||||
|
position="right"
|
||||||
|
formatter={(value: number) => `${value}%`}
|
||||||
|
style={{ fill: "#666", fontSize: 12 }}
|
||||||
|
/>
|
||||||
|
</Bar>
|
||||||
|
<Bar
|
||||||
|
name="独立访客"
|
||||||
|
dataKey="uniqueVisitors"
|
||||||
|
fill="#2ecc71"
|
||||||
|
radius={[0, 4, 4, 0]}
|
||||||
|
/>
|
||||||
|
</BarChart>
|
||||||
|
</ResponsiveContainer>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* 饼图展示来源占比 */}
|
||||||
|
<div className="h-80 md:w-1/3">
|
||||||
|
<ResponsiveContainer width="100%" height="100%">
|
||||||
|
<PieChart>
|
||||||
|
<Pie
|
||||||
|
data={referrersData.referrers.slice(0, 6)} // 只显示前6个引荐来源
|
||||||
|
dataKey="visitCount"
|
||||||
|
nameKey="source"
|
||||||
|
cx="50%"
|
||||||
|
cy="50%"
|
||||||
|
innerRadius={60}
|
||||||
|
outerRadius={90}
|
||||||
|
paddingAngle={2}
|
||||||
|
fill="#8884d8"
|
||||||
|
label={({source, percent}: {source: string, percent: number}) =>
|
||||||
|
`${source.substring(0, 10)}...: ${(percent * 100).toFixed(0)}%`
|
||||||
|
}
|
||||||
|
labelLine={false}
|
||||||
|
>
|
||||||
|
{referrersData.referrers.slice(0, 6).map((entry, index) => (
|
||||||
|
<Cell key={`cell-${index}`} fill={['#3498db', '#2ecc71', '#9b59b6', '#f39c12', '#e74c3c', '#1abc9c'][index % 6]} />
|
||||||
|
))}
|
||||||
|
</Pie>
|
||||||
|
<Tooltip />
|
||||||
|
<Legend
|
||||||
|
formatter={(value: string) => value.length > 20 ? value.substring(0, 20) + '...' : value}
|
||||||
|
/>
|
||||||
|
</PieChart>
|
||||||
|
</ResponsiveContainer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div className="overflow-x-auto">
|
<div className="overflow-x-auto">
|
||||||
<table className="min-w-full divide-y divide-card-border">
|
<table className="min-w-full divide-y divide-card-border">
|
||||||
<thead>
|
<thead>
|
||||||
@@ -1031,6 +1226,36 @@ export default function LinkDetailsPage({
|
|||||||
<h3 className="mb-4 font-medium text-md text-foreground">
|
<h3 className="mb-4 font-medium text-md text-foreground">
|
||||||
Device Types
|
Device Types
|
||||||
</h3>
|
</h3>
|
||||||
|
|
||||||
|
{/* 添加设备类型饼图 */}
|
||||||
|
<div className="mb-8">
|
||||||
|
<div className="h-80">
|
||||||
|
<ResponsiveContainer width="100%" height="100%">
|
||||||
|
<PieChart>
|
||||||
|
<Pie
|
||||||
|
data={deviceData.deviceTypes}
|
||||||
|
dataKey="count"
|
||||||
|
nameKey="name"
|
||||||
|
cx="50%"
|
||||||
|
cy="50%"
|
||||||
|
innerRadius={60}
|
||||||
|
outerRadius={90}
|
||||||
|
fill="#8884d8"
|
||||||
|
label={({name, percent}: {name: string, percent: number}) =>
|
||||||
|
`${name}: ${(percent * 100).toFixed(0)}%`
|
||||||
|
}
|
||||||
|
>
|
||||||
|
{deviceData.deviceTypes.map((entry, index) => (
|
||||||
|
<Cell key={`device-type-cell-${index}`} fill={['#3498db', '#2ecc71', '#9b59b6', '#f39c12', '#e74c3c'][index % 5]} />
|
||||||
|
))}
|
||||||
|
</Pie>
|
||||||
|
<Tooltip formatter={(value: number) => [`${value} 次访问`, '访问量']} />
|
||||||
|
<Legend />
|
||||||
|
</PieChart>
|
||||||
|
</ResponsiveContainer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div className="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
|
<div className="grid grid-cols-1 gap-6 sm:grid-cols-2 lg:grid-cols-3">
|
||||||
{deviceData.deviceTypes.map(
|
{deviceData.deviceTypes.map(
|
||||||
(device: DeviceItem, i: number) => (
|
(device: DeviceItem, i: number) => (
|
||||||
@@ -1054,6 +1279,44 @@ export default function LinkDetailsPage({
|
|||||||
<h3 className="mb-4 font-medium text-md text-foreground">
|
<h3 className="mb-4 font-medium text-md text-foreground">
|
||||||
Device Brands
|
Device Brands
|
||||||
</h3>
|
</h3>
|
||||||
|
|
||||||
|
{/* 添加设备品牌横向条形图 */}
|
||||||
|
<div className="mb-8">
|
||||||
|
<div className="h-80">
|
||||||
|
<ResponsiveContainer width="100%" height="100%">
|
||||||
|
<BarChart
|
||||||
|
layout="vertical"
|
||||||
|
data={deviceData.deviceBrands.slice(0, 10)}
|
||||||
|
margin={{ top: 5, right: 30, left: 100, bottom: 5 }}
|
||||||
|
>
|
||||||
|
<CartesianGrid strokeDasharray="3 3" horizontal={false} />
|
||||||
|
<XAxis type="number" />
|
||||||
|
<YAxis
|
||||||
|
dataKey="name"
|
||||||
|
type="category"
|
||||||
|
tick={{ fontSize: 12 }}
|
||||||
|
width={100}
|
||||||
|
/>
|
||||||
|
<Tooltip
|
||||||
|
formatter={(value: number) => [`${value} 次访问`, '访问量']}
|
||||||
|
/>
|
||||||
|
<Bar
|
||||||
|
dataKey="count"
|
||||||
|
name="访问量"
|
||||||
|
fill="#3498db"
|
||||||
|
radius={[0, 4, 4, 0]}
|
||||||
|
>
|
||||||
|
<LabelList
|
||||||
|
dataKey="percent"
|
||||||
|
position="right"
|
||||||
|
formatter={(value: number) => `${value}%`}
|
||||||
|
/>
|
||||||
|
</Bar>
|
||||||
|
</BarChart>
|
||||||
|
</ResponsiveContainer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div className="overflow-x-auto">
|
<div className="overflow-x-auto">
|
||||||
<table className="min-w-full divide-y divide-card-border">
|
<table className="min-w-full divide-y divide-card-border">
|
||||||
<thead>
|
<thead>
|
||||||
@@ -1098,6 +1361,81 @@ export default function LinkDetailsPage({
|
|||||||
<h3 className="mb-4 font-medium text-md text-foreground">
|
<h3 className="mb-4 font-medium text-md text-foreground">
|
||||||
Platform Distribution
|
Platform Distribution
|
||||||
</h3>
|
</h3>
|
||||||
|
|
||||||
|
{/* 添加图表展示 */}
|
||||||
|
<div className="mb-8">
|
||||||
|
<div className="flex flex-col md:flex-row gap-6">
|
||||||
|
{/* 操作系统分布饼图 */}
|
||||||
|
<div className="h-80 md:w-1/2">
|
||||||
|
<h4 className="mb-3 text-sm font-medium text-text-secondary text-center">
|
||||||
|
Operating Systems
|
||||||
|
</h4>
|
||||||
|
<ResponsiveContainer width="100%" height="90%">
|
||||||
|
<PieChart>
|
||||||
|
<Pie
|
||||||
|
data={platformData.platforms.slice(0, 6)}
|
||||||
|
dataKey="count"
|
||||||
|
nameKey="name"
|
||||||
|
cx="50%"
|
||||||
|
cy="50%"
|
||||||
|
innerRadius={60}
|
||||||
|
outerRadius={90}
|
||||||
|
paddingAngle={2}
|
||||||
|
fill="#8884d8"
|
||||||
|
label={({name, percent}: {name: string, percent: number}) =>
|
||||||
|
`${name}: ${(percent * 100).toFixed(0)}%`
|
||||||
|
}
|
||||||
|
labelLine={true}
|
||||||
|
>
|
||||||
|
{platformData.platforms.slice(0, 6).map((entry, index) => (
|
||||||
|
<Cell key={`os-cell-${index}`} fill={['#3498db', '#2ecc71', '#9b59b6', '#f39c12', '#e74c3c', '#1abc9c'][index % 6]} />
|
||||||
|
))}
|
||||||
|
</Pie>
|
||||||
|
<Tooltip formatter={(value: number, name: string) => [`${value} 次访问`, name]} />
|
||||||
|
<Legend formatter={(value: string) => value.length > 25 ? value.substring(0, 25) + '...' : value} />
|
||||||
|
</PieChart>
|
||||||
|
</ResponsiveContainer>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{/* 浏览器分布条形图 */}
|
||||||
|
<div className="h-80 md:w-1/2">
|
||||||
|
<h4 className="mb-3 text-sm font-medium text-text-secondary text-center">
|
||||||
|
Browsers
|
||||||
|
</h4>
|
||||||
|
<ResponsiveContainer width="100%" height="90%">
|
||||||
|
<BarChart
|
||||||
|
data={platformData.browsers.slice(0, 8)}
|
||||||
|
layout="vertical"
|
||||||
|
margin={{ top: 5, right: 30, left: 80, bottom: 5 }}
|
||||||
|
>
|
||||||
|
<CartesianGrid strokeDasharray="3 3" horizontal={false} />
|
||||||
|
<XAxis type="number" />
|
||||||
|
<YAxis
|
||||||
|
type="category"
|
||||||
|
dataKey="name"
|
||||||
|
tick={{ fontSize: 12 }}
|
||||||
|
width={80}
|
||||||
|
/>
|
||||||
|
<Tooltip formatter={(value: number) => [`${value} 次访问`, '数量']} />
|
||||||
|
<Legend />
|
||||||
|
<Bar
|
||||||
|
dataKey="count"
|
||||||
|
name="访问量"
|
||||||
|
fill="#3498db"
|
||||||
|
radius={[0, 4, 4, 0]}
|
||||||
|
>
|
||||||
|
<LabelList
|
||||||
|
dataKey="percent"
|
||||||
|
position="right"
|
||||||
|
formatter={(value: number) => `${value}%`}
|
||||||
|
/>
|
||||||
|
</Bar>
|
||||||
|
</BarChart>
|
||||||
|
</ResponsiveContainer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div className="grid grid-cols-1 gap-6 sm:grid-cols-2">
|
<div className="grid grid-cols-1 gap-6 sm:grid-cols-2">
|
||||||
<div>
|
<div>
|
||||||
<h4 className="mb-3 text-sm font-medium text-text-secondary">
|
<h4 className="mb-3 text-sm font-medium text-text-secondary">
|
||||||
@@ -1225,6 +1563,42 @@ export default function LinkDetailsPage({
|
|||||||
<h3 className="mb-4 font-medium text-md text-foreground">
|
<h3 className="mb-4 font-medium text-md text-foreground">
|
||||||
Scan Locations
|
Scan Locations
|
||||||
</h3>
|
</h3>
|
||||||
|
|
||||||
|
{/* 添加扫描位置饼图 */}
|
||||||
|
<div className="mb-8">
|
||||||
|
<div className="h-80">
|
||||||
|
<ResponsiveContainer width="100%" height="100%">
|
||||||
|
<PieChart>
|
||||||
|
<Pie
|
||||||
|
data={qrCodeData.locations.slice(0, 8)}
|
||||||
|
dataKey="scanCount"
|
||||||
|
nameKey="city"
|
||||||
|
cx="50%"
|
||||||
|
cy="50%"
|
||||||
|
innerRadius={60}
|
||||||
|
outerRadius={90}
|
||||||
|
paddingAngle={2}
|
||||||
|
fill="#8884d8"
|
||||||
|
label={({city, country, percent}: {city: string, country: string, percent: number}) =>
|
||||||
|
`${city}: ${(percent * 100).toFixed(0)}%`
|
||||||
|
}
|
||||||
|
>
|
||||||
|
{qrCodeData.locations.slice(0, 8).map((entry, index) => (
|
||||||
|
<Cell key={`location-cell-${index}`} fill={['#3498db', '#2ecc71', '#9b59b6', '#f39c12', '#e74c3c', '#1abc9c', '#34495e', '#16a085'][index % 8]} />
|
||||||
|
))}
|
||||||
|
</Pie>
|
||||||
|
<Tooltip formatter={(value: number, name: string) => [`${value} 次扫描`, name]} />
|
||||||
|
<Legend
|
||||||
|
formatter={(value: string) => {
|
||||||
|
const location = qrCodeData.locations.find(loc => loc.city === value);
|
||||||
|
return location ? `${location.city}, ${location.country}` : value;
|
||||||
|
}}
|
||||||
|
/>
|
||||||
|
</PieChart>
|
||||||
|
</ResponsiveContainer>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<div className="overflow-x-auto">
|
<div className="overflow-x-auto">
|
||||||
<table className="min-w-full divide-y divide-card-border">
|
<table className="min-w-full divide-y divide-card-border">
|
||||||
<thead>
|
<thead>
|
||||||
@@ -1263,40 +1637,46 @@ export default function LinkDetailsPage({
|
|||||||
<h3 className="mb-4 font-medium text-md text-foreground">
|
<h3 className="mb-4 font-medium text-md text-foreground">
|
||||||
Scan Time Distribution
|
Scan Time Distribution
|
||||||
</h3>
|
</h3>
|
||||||
<div className="grid grid-cols-1 gap-6">
|
|
||||||
<div className="overflow-x-auto">
|
{/* 添加扫描时间分布柱状图 */}
|
||||||
<table className="min-w-full divide-y divide-card-border">
|
<div className="mb-8">
|
||||||
<thead>
|
<div className="h-80">
|
||||||
<tr>
|
<ResponsiveContainer width="100%" height="100%">
|
||||||
<th className="px-4 py-3 text-xs font-medium tracking-wider text-left uppercase text-text-secondary">
|
<BarChart
|
||||||
Hour
|
data={qrCodeData.hourlyDistribution}
|
||||||
</th>
|
margin={{ top: 20, right: 30, left: 20, bottom: 5 }}
|
||||||
<th className="px-4 py-3 text-xs font-medium tracking-wider text-left uppercase text-text-secondary">
|
>
|
||||||
Scans
|
<CartesianGrid strokeDasharray="3 3" />
|
||||||
</th>
|
<XAxis
|
||||||
<th className="px-4 py-3 text-xs font-medium tracking-wider text-left uppercase text-text-secondary">
|
dataKey="hour"
|
||||||
Percentage
|
label={{ value: 'Hour of Day', position: 'insideBottom', offset: -5 }}
|
||||||
</th>
|
/>
|
||||||
</tr>
|
<YAxis
|
||||||
</thead>
|
label={{ value: 'Scan Count', angle: -90, position: 'insideLeft' }}
|
||||||
<tbody className="divide-y bg-card-bg divide-card-border">
|
/>
|
||||||
{qrCodeData.hourlyDistribution.map((hour) => (
|
<Tooltip
|
||||||
<tr key={hour.hour}>
|
formatter={(value: number) => [`${value} 次扫描`, '扫描次数']}
|
||||||
<td className="px-4 py-2 text-sm whitespace-nowrap text-foreground">
|
labelFormatter={(hour) => `${hour}:00 - ${hour}:59`}
|
||||||
{hour.hour}:00 - {hour.hour}:59
|
/>
|
||||||
</td>
|
<Bar
|
||||||
<td className="px-4 py-2 text-sm whitespace-nowrap text-foreground">
|
dataKey="scanCount"
|
||||||
{hour.scanCount}
|
name="扫描次数"
|
||||||
</td>
|
fill="#3498db"
|
||||||
<td className="px-4 py-2 text-sm whitespace-nowrap text-foreground">
|
radius={[4, 4, 0, 0]}
|
||||||
{hour.percent.toFixed(1)}%
|
>
|
||||||
</td>
|
<LabelList
|
||||||
</tr>
|
dataKey="percent"
|
||||||
))}
|
position="top"
|
||||||
</tbody>
|
formatter={(value: number) => `${value.toFixed(1)}%`}
|
||||||
</table>
|
/>
|
||||||
|
</Bar>
|
||||||
|
</BarChart>
|
||||||
|
</ResponsiveContainer>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
<div className="grid grid-cols-1 gap-6">
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
|
|||||||
@@ -1,575 +0,0 @@
|
|||||||
// 从MongoDB的trace表同步数据到ClickHouse的link_events表
|
|
||||||
import { MongoClient, ObjectId } from 'mongodb';
|
|
||||||
import fs from 'fs';
|
|
||||||
import path from 'path';
|
|
||||||
|
|
||||||
// 硬编码配置信息
|
|
||||||
const mongoConfig = {
|
|
||||||
host: "10.0.1.10",
|
|
||||||
port: "27017",
|
|
||||||
db: "main",
|
|
||||||
username: "",
|
|
||||||
password: ""
|
|
||||||
};
|
|
||||||
|
|
||||||
const clickhouseConfig = {
|
|
||||||
clickhouse_host: "10.0.1.60",
|
|
||||||
clickhouse_port: 8123,
|
|
||||||
clickhouse_user: "admin",
|
|
||||||
clickhouse_password: "your_secure_password",
|
|
||||||
clickhouse_database: "limq",
|
|
||||||
clickhouse_url: "http://10.0.1.60:8123"
|
|
||||||
};
|
|
||||||
|
|
||||||
// 状态文件存储路径
|
|
||||||
const STATE_FILE_PATH = path.join(__dirname, 'shorturl_event_sync_state.json');
|
|
||||||
|
|
||||||
interface TraceRecord {
|
|
||||||
_id: ObjectId;
|
|
||||||
slugId: ObjectId;
|
|
||||||
label: string | null;
|
|
||||||
ip: string;
|
|
||||||
type: number;
|
|
||||||
platform: string;
|
|
||||||
platformOS: string;
|
|
||||||
browser: string;
|
|
||||||
browserVersion: string;
|
|
||||||
url: string;
|
|
||||||
createTime: number;
|
|
||||||
}
|
|
||||||
|
|
||||||
interface SyncState {
|
|
||||||
last_sync_time: number;
|
|
||||||
records_synced: number;
|
|
||||||
last_sync_id?: string;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 替代 Windmill 的变量存储函数
|
|
||||||
async function getVariable(key: string): Promise<string> {
|
|
||||||
if (key === "f/shorturl_analytics/clickhouse/shorturl_sync_state") {
|
|
||||||
try {
|
|
||||||
if (fs.existsSync(STATE_FILE_PATH)) {
|
|
||||||
return fs.readFileSync(STATE_FILE_PATH, 'utf8');
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
console.error("读取状态文件失败:", error);
|
|
||||||
}
|
|
||||||
return JSON.stringify({
|
|
||||||
last_sync_time: 0,
|
|
||||||
records_synced: 0
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
throw new Error(`未知的变量键: ${key}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
// 替代 Windmill 的变量设置函数
|
|
||||||
async function setVariable(key: string, value: string): Promise<void> {
|
|
||||||
if (key === "f/shorturl_analytics/clickhouse/shorturl_sync_state") {
|
|
||||||
try {
|
|
||||||
fs.writeFileSync(STATE_FILE_PATH, value, 'utf8');
|
|
||||||
} catch (error) {
|
|
||||||
console.error("保存状态文件失败:", error);
|
|
||||||
throw error;
|
|
||||||
}
|
|
||||||
} else {
|
|
||||||
throw new Error(`未知的变量键: ${key}`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
export async function main(
|
|
||||||
batch_size = 1000,
|
|
||||||
initial_sync = false,
|
|
||||||
max_records = 9999999,
|
|
||||||
timeout_minutes = 60,
|
|
||||||
skip_clickhouse_check = false,
|
|
||||||
force_insert = false
|
|
||||||
) {
|
|
||||||
const logWithTimestamp = (message: string) => {
|
|
||||||
const now = new Date();
|
|
||||||
console.log(`[${now.toISOString()}] ${message}`);
|
|
||||||
};
|
|
||||||
|
|
||||||
logWithTimestamp("开始执行MongoDB到ClickHouse的同步任务");
|
|
||||||
logWithTimestamp(`批处理大小: ${batch_size}, 最大记录数: ${max_records}, 超时时间: ${timeout_minutes}分钟`);
|
|
||||||
if (skip_clickhouse_check) {
|
|
||||||
logWithTimestamp("⚠️ 警告: 已启用跳过ClickHouse检查模式，不会检查记录是否已存在");
|
|
||||||
}
|
|
||||||
if (force_insert) {
|
|
||||||
logWithTimestamp("⚠️ 警告: 已启用强制插入模式，将尝试插入所有记录");
|
|
||||||
}
|
|
||||||
|
|
||||||
// 设置超时
|
|
||||||
const startTime = Date.now();
|
|
||||||
const timeoutMs = timeout_minutes * 60 * 1000;
|
|
||||||
|
|
||||||
// 检查是否超时
|
|
||||||
const checkTimeout = () => {
|
|
||||||
if (Date.now() - startTime > timeoutMs) {
|
|
||||||
console.log(`运行时间超过${timeout_minutes}分钟，暂停执行`);
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
return false;
|
|
||||||
};
|
|
||||||
|
|
||||||
console.log("MongoDB配置:", JSON.stringify(mongoConfig));
|
|
||||||
console.log("ClickHouse配置:", JSON.stringify(clickhouseConfig));
|
|
||||||
|
|
||||||
// 构建MongoDB连接URL
|
|
||||||
let mongoUrl = "mongodb://";
|
|
||||||
if (mongoConfig.username && mongoConfig.password) {
|
|
||||||
mongoUrl += `${mongoConfig.username}:${mongoConfig.password}@`;
|
|
||||||
}
|
|
||||||
mongoUrl += `${mongoConfig.host}:${mongoConfig.port}/${mongoConfig.db}`;
|
|
||||||
|
|
||||||
console.log(`MongoDB连接URL: ${mongoUrl.replace(/:[^:]*@/, ":****@")}`);
|
|
||||||
|
|
||||||
// 获取上次同步的状态
|
|
||||||
let syncState: SyncState;
|
|
||||||
try {
|
|
||||||
const rawSyncState = await getVariable("f/shorturl_analytics/clickhouse/shorturl_sync_state");
|
|
||||||
try {
|
|
||||||
syncState = JSON.parse(rawSyncState);
|
|
||||||
console.log(`获取同步状态成功: 上次同步时间 ${new Date(syncState.last_sync_time).toISOString()}`);
|
|
||||||
} catch (parseError) {
|
|
||||||
console.error("解析同步状态失败:", parseError);
|
|
||||||
throw parseError;
|
|
||||||
}
|
|
||||||
} catch (error) {
|
|
||||||
console.log("未找到同步状态，创建初始同步状态");
|
|
||||||
syncState = {
|
|
||||||
last_sync_time: 0,
|
|
||||||
records_synced: 0,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// 如果强制从头开始同步
|
|
||||||
if (initial_sync) {
|
|
||||||
console.log("强制从头开始同步");
|
|
||||||
syncState = {
|
|
||||||
last_sync_time: 0,
|
|
||||||
records_synced: 0,
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// 连接MongoDB
|
|
||||||
const client = new MongoClient(mongoUrl);
|
|
||||||
try {
|
|
||||||
await client.connect();
|
|
||||||
console.log("MongoDB连接成功");
|
|
||||||
|
|
||||||
const db = client.db(mongoConfig.db);
|
|
||||||
const traceCollection = db.collection<TraceRecord>("trace");
|
|
||||||
|
|
||||||
// 构建查询条件，只查询新的记录
|
|
||||||
const query: Record<string, unknown> = {};
|
|
||||||
|
|
||||||
if (syncState.last_sync_time > 0) {
|
|
||||||
query.createTime = { $gt: syncState.last_sync_time };
|
|
||||||
}
|
|
||||||
|
|
||||||
if (syncState.last_sync_id) {
|
|
||||||
// 如果有上次同步的ID，则从该ID之后开始查询
|
|
||||||
// 注意：这需要MongoDB中createTime相同的记录按_id排序
|
|
||||||
query._id = { $gt: new ObjectId(syncState.last_sync_id) };
|
|
||||||
}
|
|
||||||
|
|
||||||
// 计算总记录数
|
|
||||||
const totalRecords = await traceCollection.countDocuments(query);
|
|
||||||
console.log(`找到 ${totalRecords} 条新记录需要同步`);
|
|
||||||
|
|
||||||
// 限制此次处理的记录数量
|
|
||||||
const recordsToProcess = Math.min(totalRecords, max_records);
|
|
||||||
console.log(`本次将处理 ${recordsToProcess} 条记录`);
|
|
||||||
|
|
||||||
if (totalRecords === 0) {
|
|
||||||
console.log("没有新记录需要同步，任务完成");
|
|
||||||
return {
|
|
||||||
success: true,
|
|
||||||
records_synced: 0,
|
|
||||||
total_synced: syncState.records_synced,
|
|
||||||
message: "没有新记录需要同步"
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// 分批处理记录
|
|
||||||
let processedRecords = 0;
|
|
||||||
let lastId: string | undefined;
|
|
||||||
let lastCreateTime = syncState.last_sync_time;
|
|
||||||
let totalBatchRecords = 0;
|
|
||||||
|
|
||||||
// 检查ClickHouse连接状态
|
|
||||||
const checkClickHouseConnection = async (): Promise<boolean> => {
|
|
||||||
if (skip_clickhouse_check) {
|
|
||||||
logWithTimestamp("已启用跳过ClickHouse检查，不测试连接");
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
|
|
||||||
try {
|
|
||||||
logWithTimestamp("测试ClickHouse连接...");
|
|
||||||
const clickhouseUrl = `${clickhouseConfig.clickhouse_url}`;
|
|
||||||
const response = await fetch(clickhouseUrl, {
|
|
||||||
method: "POST",
|
|
||||||
headers: {
|
|
||||||
"Content-Type": "application/x-www-form-urlencoded",
|
|
||||||
"Authorization": `Basic ${Buffer.from(`${clickhouseConfig.clickhouse_user}:${clickhouseConfig.clickhouse_password}`).toString('base64')}`,
|
|
||||||
},
|
|
||||||
body: "SELECT 1",
|
|
||||||
// 设置5秒超时
|
|
||||||
signal: AbortSignal.timeout(5000)
|
|
||||||
});
|
|
||||||
|
|
||||||
if (response.ok) {
|
|
||||||
logWithTimestamp("ClickHouse连接测试成功");
|
|
||||||
return true;
|
|
||||||
} else {
|
|
||||||
const errorText = await response.text();
|
|
||||||
logWithTimestamp(`ClickHouse连接测试失败: ${response.status} ${errorText}`);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
} catch (err) {
|
|
||||||
const error = err as Error;
|
|
||||||
logWithTimestamp(`ClickHouse连接测试失败: ${error.message}`);
|
|
||||||
return false;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// 检查记录是否已经存在于ClickHouse中
|
|
||||||
const checkExistingRecords = async (records: TraceRecord[]): Promise<TraceRecord[]> => {
|
|
||||||
if (records.length === 0) return [];
|
|
||||||
|
|
||||||
// 如果跳过ClickHouse检查或强制插入，则直接返回所有记录
|
|
||||||
if (skip_clickhouse_check || force_insert) {
|
|
||||||
logWithTimestamp(`已跳过ClickHouse重复检查，准备处理所有 ${records.length} 条记录`);
|
|
||||||
return records;
|
|
||||||
}
|
|
||||||
|
|
||||||
logWithTimestamp(`正在检查 ${records.length} 条记录是否已存在于ClickHouse中...`);
|
|
||||||
|
|
||||||
try {
|
|
||||||
// 提取所有记录的ID
|
|
||||||
const recordIds = records.map(record => record.slugId.toString()); // 使用slugId作为link_id查询
|
|
||||||
logWithTimestamp(`待检查的记录ID: ${recordIds.join(', ')}`);
|
|
||||||
|
|
||||||
// 构建查询SQL，检查记录是否已存在，确保添加FORMAT JSON来获取正确的JSON格式响应
|
|
||||||
const query = `
|
|
||||||
SELECT link_id
|
|
||||||
FROM ${clickhouseConfig.clickhouse_database}.link_events
|
|
||||||
WHERE link_id IN ('${recordIds.join("','")}')
|
|
||||||
FORMAT JSON
|
|
||||||
`;
|
|
||||||
|
|
||||||
logWithTimestamp(`执行ClickHouse查询: ${query.replace(/\n\s*/g, ' ')}`);
|
|
||||||
|
|
||||||
// 发送请求到ClickHouse，添加10秒超时
|
|
||||||
const clickhouseUrl = `${clickhouseConfig.clickhouse_url}`;
|
|
||||||
const response = await fetch(clickhouseUrl, {
|
|
||||||
method: "POST",
|
|
||||||
headers: {
|
|
||||||
"Content-Type": "application/x-www-form-urlencoded",
|
|
||||||
"Authorization": `Basic ${Buffer.from(`${clickhouseConfig.clickhouse_user}:${clickhouseConfig.clickhouse_password}`).toString('base64')}`
|
|
||||||
},
|
|
||||||
body: query,
|
|
||||||
signal: AbortSignal.timeout(10000)
|
|
||||||
});
|
|
||||||
|
|
||||||
if (!response.ok) {
|
|
||||||
const errorText = await response.text();
|
|
||||||
throw new Error(`ClickHouse查询错误: ${response.status} ${errorText}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
// 获取响应文本以便记录
|
|
||||||
const responseText = await response.text();
|
|
||||||
logWithTimestamp(`ClickHouse查询响应: ${responseText.slice(0, 200)}${responseText.length > 200 ? '...' : ''}`);
|
|
||||||
|
|
||||||
if (!responseText.trim()) {
|
|
||||||
logWithTimestamp("ClickHouse返回空响应，假定没有记录存在");
|
|
||||||
return records; // 如果响应为空，假设没有记录
|
|
||||||
}
|
|
||||||
|
|
||||||
// 解析结果
|
|
||||||
let result;
|
|
||||||
try {
|
|
||||||
result = JSON.parse(responseText);
|
|
||||||
} catch (err) {
|
|
||||||
logWithTimestamp(`ClickHouse响应不是有效的JSON: ${responseText}`);
|
|
||||||
throw new Error(`解析ClickHouse响应失败: ${(err as Error).message}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
// 确保result有正确的结构
|
|
||||||
if (!result.data) {
|
|
||||||
logWithTimestamp(`ClickHouse响应缺少data字段: ${JSON.stringify(result)}`);
|
|
||||||
return records; // 如果没有data字段，假设没有记录
|
|
||||||
}
|
|
||||||
|
|
||||||
// 提取已存在的记录ID
|
|
||||||
const existingIds = new Set(result.data.map((row: { link_id: string }) => row.link_id));
|
|
||||||
|
|
||||||
logWithTimestamp(`检测到 ${existingIds.size} 条记录已存在于ClickHouse中`);
|
|
||||||
if (existingIds.size > 0) {
|
|
||||||
logWithTimestamp(`已存在的记录ID: ${Array.from(existingIds).join(', ')}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
// 过滤出不存在的记录
|
|
||||||
const newRecords = records.filter(record => !existingIds.has(record.slugId.toString())); // 使用slugId匹配link_id
|
|
||||||
logWithTimestamp(`过滤后剩余 ${newRecords.length} 条新记录需要插入`);
|
|
||||||
|
|
||||||
return newRecords;
|
|
||||||
} catch (err) {
|
|
||||||
const error = err as Error;
|
|
||||||
logWithTimestamp(`ClickHouse查询出错: ${error.message}`);
|
|
||||||
if (skip_clickhouse_check) {
|
|
||||||
logWithTimestamp("已启用跳过ClickHouse检查，将继续处理所有记录");
|
|
||||||
return records;
|
|
||||||
} else {
|
|
||||||
throw error; // 如果没有启用跳过检查，则抛出错误
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// 在处理记录前先检查ClickHouse连接
|
|
||||||
const clickhouseConnected = await checkClickHouseConnection();
|
|
||||||
if (!clickhouseConnected && !skip_clickhouse_check) {
|
|
||||||
logWithTimestamp("⚠️ ClickHouse连接测试失败，请启用skip_clickhouse_check=true参数来跳过连接检查");
|
|
||||||
throw new Error("ClickHouse连接失败，无法继续同步");
|
|
||||||
}
|
|
||||||
|
|
||||||
// 处理记录的函数
|
|
||||||
const processRecords = async (records: TraceRecord[]) => {
|
|
||||||
if (records.length === 0) return 0;
|
|
||||||
|
|
||||||
logWithTimestamp(`开始处理批次数据，共 ${records.length} 条记录...`);
|
|
||||||
|
|
||||||
// 检查记录是否已存在
|
|
||||||
let newRecords;
|
|
||||||
try {
|
|
||||||
newRecords = await checkExistingRecords(records);
|
|
||||||
} catch (err) {
|
|
||||||
const error = err as Error;
|
|
||||||
logWithTimestamp(`检查记录是否存在时出错: ${error.message}`);
|
|
||||||
if (!skip_clickhouse_check && !force_insert) {
|
|
||||||
throw error;
|
|
||||||
}
|
|
||||||
// 如果跳过检查或强制插入，则使用所有记录
|
|
||||||
logWithTimestamp("将使用所有记录进行处理");
|
|
||||||
newRecords = records;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (newRecords.length === 0) {
|
|
||||||
logWithTimestamp("所有记录都已存在，跳过处理");
|
|
||||||
// 更新同步状态，即使没有新增记录
|
|
||||||
const lastRecord = records[records.length - 1];
|
|
||||||
lastId = lastRecord._id.toString();
|
|
||||||
lastCreateTime = lastRecord.createTime;
|
|
||||||
return 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
logWithTimestamp(`准备处理 ${newRecords.length} 条新记录...`);
|
|
||||||
|
|
||||||
// 准备ClickHouse插入数据
|
|
||||||
const clickhouseData = newRecords.map(record => {
|
|
||||||
// 转换MongoDB记录为ClickHouse格式，匹配ClickHouse表结构
|
|
||||||
return {
|
|
||||||
// UUID将由ClickHouse自动生成 (event_id)
|
|
||||||
link_id: record.slugId.toString(),
|
|
||||||
channel_id: record.label || "",
|
|
||||||
visitor_id: record._id.toString(), // 使用MongoDB ID作为访客ID
|
|
||||||
session_id: record._id.toString() + "-" + record.createTime, // 创建一个唯一会话ID
|
|
||||||
event_type: record.type <= 4 ? record.type : 1, // 确保event_type在枚举范围内
|
|
||||||
ip_address: record.ip,
|
|
||||||
country: "", // 这些字段在MongoDB中不存在，使用默认值
|
|
||||||
city: "",
|
|
||||||
referrer: record.url || "",
|
|
||||||
utm_source: "",
|
|
||||||
utm_medium: "",
|
|
||||||
utm_campaign: "",
|
|
||||||
user_agent: record.browser + " " + record.browserVersion,
|
|
||||||
device_type: record.platform === "mobile" ? 1 : (record.platform === "tablet" ? 2 : 3),
|
|
||||||
browser: record.browser || "",
|
|
||||||
os: record.platformOS || "",
|
|
||||||
time_spent_sec: 0,
|
|
||||||
is_bounce: true,
|
|
||||||
is_qr_scan: false,
|
|
||||||
qr_code_id: "",
|
|
||||||
conversion_type: 1, // 默认为'visit'
|
|
||||||
conversion_value: 0,
|
|
||||||
custom_data: `{"mongo_id":"${record._id.toString()}"}`
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
// 更新同步状态（使用原始records的最后一条，以确保进度正确）
|
|
||||||
const lastRecord = records[records.length - 1];
|
|
||||||
lastId = lastRecord._id.toString();
|
|
||||||
lastCreateTime = lastRecord.createTime;
|
|
||||||
logWithTimestamp(`更新同步位置到: ID=${lastId}, 时间=${new Date(lastCreateTime).toISOString()}`);
|
|
||||||
|
|
||||||
// 生成ClickHouse插入SQL
|
|
||||||
const insertSQL = `
|
|
||||||
INSERT INTO ${clickhouseConfig.clickhouse_database}.link_events
|
|
||||||
(link_id, channel_id, visitor_id, session_id, event_type, ip_address, country, city,
|
|
||||||
referrer, utm_source, utm_medium, utm_campaign, user_agent, device_type, browser, os,
|
|
||||||
time_spent_sec, is_bounce, is_qr_scan, qr_code_id, conversion_type, conversion_value, custom_data)
|
|
||||||
VALUES ${clickhouseData.map(record =>
|
|
||||||
`('${record.link_id}', '${record.channel_id.replace(/'/g, "''")}', '${record.visitor_id}', '${record.session_id}',
|
|
||||||
${record.event_type}, '${record.ip_address}', '', '',
|
|
||||||
'${record.referrer.replace(/'/g, "''")}', '', '', '', '${record.user_agent.replace(/'/g, "''")}', ${record.device_type},
|
|
||||||
'${record.browser.replace(/'/g, "''")}', '${record.os.replace(/'/g, "''")}',
|
|
||||||
0, true, false, '', 1, 0, '${record.custom_data}')`
|
|
||||||
).join(", ")}
|
|
||||||
`;
|
|
||||||
|
|
||||||
if (insertSQL.length === 0) {
|
|
||||||
console.log("没有新记录需要插入");
|
|
||||||
return 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 发送请求到ClickHouse，添加20秒超时
|
|
||||||
const clickhouseUrl = `${clickhouseConfig.clickhouse_url}`;
|
|
||||||
try {
|
|
||||||
logWithTimestamp("发送插入请求到ClickHouse...");
|
|
||||||
const response = await fetch(clickhouseUrl, {
|
|
||||||
method: "POST",
|
|
||||||
headers: {
|
|
||||||
"Content-Type": "application/x-www-form-urlencoded",
|
|
||||||
"Authorization": `Basic ${Buffer.from(`${clickhouseConfig.clickhouse_user}:${clickhouseConfig.clickhouse_password}`).toString('base64')}`
|
|
||||||
},
|
|
||||||
body: insertSQL,
|
|
||||||
signal: AbortSignal.timeout(20000)
|
|
||||||
});
|
|
||||||
|
|
||||||
if (!response.ok) {
|
|
||||||
const errorText = await response.text();
|
|
||||||
throw new Error(`ClickHouse插入错误: ${response.status} ${errorText}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
logWithTimestamp(`成功插入 ${newRecords.length} 条记录到ClickHouse`);
|
|
||||||
return newRecords.length;
|
|
||||||
} catch (err) {
|
|
||||||
const error = err as Error;
|
|
||||||
logWithTimestamp(`向ClickHouse插入数据失败: ${error.message}`);
|
|
||||||
throw error;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
|
|
||||||
// 批量处理记录
|
|
||||||
for (let page = 0; processedRecords < recordsToProcess; page++) {
|
|
||||||
// 检查超时
|
|
||||||
if (checkTimeout()) {
|
|
||||||
logWithTimestamp(`已处理 ${processedRecords}/${recordsToProcess} 条记录，因超时暂停执行`);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
|
|
||||||
// 每批次都输出进度
|
|
||||||
logWithTimestamp(`开始处理第 ${page+1} 批次，已完成 ${processedRecords}/${recordsToProcess} 条记录 (${Math.round(processedRecords/recordsToProcess*100)}%)`);
|
|
||||||
|
|
||||||
logWithTimestamp(`正在从MongoDB获取第 ${page+1} 批次数据...`);
|
|
||||||
const records = await traceCollection.find(query)
|
|
||||||
.sort({ createTime: 1, _id: 1 })
|
|
||||||
.skip(page * batch_size)
|
|
||||||
.limit(batch_size)
|
|
||||||
.toArray();
|
|
||||||
|
|
||||||
if (records.length === 0) {
|
|
||||||
logWithTimestamp(`第 ${page+1} 批次没有找到数据，结束处理`);
|
|
||||||
break;
|
|
||||||
}
|
|
||||||
|
|
||||||
logWithTimestamp(`获取到 ${records.length} 条记录，开始处理...`);
|
|
||||||
// 输出当前批次的部分数据信息
|
|
||||||
if (records.length > 0) {
|
|
||||||
logWithTimestamp(`批次 ${page+1} 第一条记录: ID=${records[0]._id}, 时间=${new Date(records[0].createTime).toISOString()}`);
|
|
||||||
if (records.length > 1) {
|
|
||||||
logWithTimestamp(`批次 ${page+1} 最后一条记录: ID=${records[records.length-1]._id}, 时间=${new Date(records[records.length-1].createTime).toISOString()}`);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const batchSize = await processRecords(records);
|
|
||||||
processedRecords += records.length; // 总是增加处理的记录数，即使有些记录已存在
|
|
||||||
totalBatchRecords += batchSize; // 只增加实际插入的记录数
|
|
||||||
|
|
||||||
logWithTimestamp(`第 ${page+1} 批次处理完成。已处理 ${processedRecords}/${recordsToProcess} 条记录，实际插入 ${totalBatchRecords} 条 (${Math.round(processedRecords/recordsToProcess*100)}%)`);
|
|
||||||
|
|
||||||
// 更新查询条件，以便下一批次查询
|
|
||||||
query.createTime = { $gt: lastCreateTime };
|
|
||||||
if (lastId) {
|
|
||||||
query._id = { $gt: new ObjectId(lastId) };
|
|
||||||
}
|
|
||||||
logWithTimestamp(`更新查询条件: 创建时间 > ${new Date(lastCreateTime).toISOString()}, ID > ${lastId || 'none'}`);
|
|
||||||
}
|
|
||||||
|
|
||||||
// 更新同步状态
|
|
||||||
const newSyncState: SyncState = {
|
|
||||||
last_sync_time: lastCreateTime,
|
|
||||||
records_synced: syncState.records_synced + totalBatchRecords,
|
|
||||||
last_sync_id: lastId
|
|
||||||
};
|
|
||||||
|
|
||||||
await setVariable("f/shorturl_analytics/clickhouse/shorturl_sync_state", JSON.stringify(newSyncState));
|
|
||||||
console.log(`同步状态已更新: 最后同步时间 ${new Date(newSyncState.last_sync_time).toISOString()}, 总同步记录数 ${newSyncState.records_synced}`);
|
|
||||||
|
|
||||||
return {
|
|
||||||
success: true,
|
|
||||||
records_processed: processedRecords,
|
|
||||||
records_synced: totalBatchRecords,
|
|
||||||
total_synced: newSyncState.records_synced,
|
|
||||||
last_sync_time: new Date(newSyncState.last_sync_time).toISOString(),
|
|
||||||
message: "数据同步完成"
|
|
||||||
};
|
|
||||||
} catch (err) {
|
|
||||||
console.error("同步过程中发生错误:", err);
|
|
||||||
return {
|
|
||||||
success: false,
|
|
||||||
error: err instanceof Error ? err.message : String(err),
|
|
||||||
stack: err instanceof Error ? err.stack : undefined
|
|
||||||
};
|
|
||||||
} finally {
|
|
||||||
// 关闭MongoDB连接
|
|
||||||
await client.close();
|
|
||||||
console.log("MongoDB连接已关闭");
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 如果直接执行此脚本
|
|
||||||
if (require.main === module) {
|
|
||||||
// 解析命令行参数
|
|
||||||
const args = process.argv.slice(2);
|
|
||||||
const params: Record<string, any> = {
|
|
||||||
batch_size: 1000,
|
|
||||||
initial_sync: false,
|
|
||||||
max_records: 9999999,
|
|
||||||
timeout_minutes: 60,
|
|
||||||
skip_clickhouse_check: false,
|
|
||||||
force_insert: false
|
|
||||||
};
|
|
||||||
|
|
||||||
// 简单的参数解析
|
|
||||||
for (let i = 0; i < args.length; i += 2) {
|
|
||||||
if (args[i].startsWith('--') && i + 1 < args.length) {
|
|
||||||
const key = args[i].substring(2);
|
|
||||||
let value: any = args[i + 1];
|
|
||||||
|
|
||||||
// 类型转换
|
|
||||||
if (value === 'true') value = true;
|
|
||||||
else if (value === 'false') value = false;
|
|
||||||
else if (!isNaN(Number(value))) value = Number(value);
|
|
||||||
|
|
||||||
params[key] = value;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
console.log('启动同步任务，参数:', params);
|
|
||||||
main(
|
|
||||||
params.batch_size,
|
|
||||||
params.initial_sync,
|
|
||||||
params.max_records,
|
|
||||||
params.timeout_minutes,
|
|
||||||
params.skip_clickhouse_check,
|
|
||||||
params.force_insert
|
|
||||||
).then(result => {
|
|
||||||
console.log('同步任务完成:', result);
|
|
||||||
process.exit(result.success ? 0 : 1);
|
|
||||||
}).catch(err => {
|
|
||||||
console.error('同步任务失败:', err);
|
|
||||||
process.exit(1);
|
|
||||||
});
|
|
||||||
}
|
|
||||||
@@ -410,13 +410,21 @@ export async function main(
|
|||||||
(link_id, channel_id, visitor_id, session_id, event_type, ip_address, country, city,
|
(link_id, channel_id, visitor_id, session_id, event_type, ip_address, country, city,
|
||||||
referrer, utm_source, utm_medium, utm_campaign, user_agent, device_type, browser, os,
|
referrer, utm_source, utm_medium, utm_campaign, user_agent, device_type, browser, os,
|
||||||
time_spent_sec, is_bounce, is_qr_scan, qr_code_id, conversion_type, conversion_value, custom_data)
|
time_spent_sec, is_bounce, is_qr_scan, qr_code_id, conversion_type, conversion_value, custom_data)
|
||||||
VALUES ${clickhouseData.map(record =>
|
VALUES ${clickhouseData.map(record => {
|
||||||
`('${record.link_id}', '${record.channel_id.replace(/'/g, "''")}', '${record.visitor_id}', '${record.session_id}',
|
// 确保所有字符串值都是字符串类型，并安全处理替换
|
||||||
${record.event_type}, '${record.ip_address}', '', '',
|
const safeReplace = (val: any): string => {
|
||||||
'${record.referrer.replace(/'/g, "''")}', '', '', '', '${record.user_agent.replace(/'/g, "''")}', ${record.device_type},
|
// 确保值是字符串，如果是null或undefined则使用空字符串
|
||||||
'${record.browser.replace(/'/g, "''")}', '${record.os.replace(/'/g, "''")}',
|
const str = val === null || val === undefined ? "" : String(val);
|
||||||
0, true, false, '', 1, 0, '${record.custom_data}')`
|
// 安全替换单引号
|
||||||
).join(", ")}
|
return str.replace(/'/g, "''");
|
||||||
|
};
|
||||||
|
|
||||||
|
return `('${record.link_id}', '${safeReplace(record.channel_id)}', '${record.visitor_id}', '${record.session_id}',
|
||||||
|
${record.event_type}, '${safeReplace(record.ip_address)}', '', '',
|
||||||
|
'${safeReplace(record.referrer)}', '', '', '', '${safeReplace(record.user_agent)}', ${record.device_type},
|
||||||
|
'${safeReplace(record.browser)}', '${safeReplace(record.os)}',
|
||||||
|
0, true, false, '', 1, 0, '${safeReplace(record.custom_data)}')`;
|
||||||
|
}).join(", ")}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
if (insertSQL.length === 0) {
|
if (insertSQL.length === 0) {
|
||||||
@@ -471,8 +479,23 @@ export async function main(
|
|||||||
.toArray();
|
.toArray();
|
||||||
|
|
||||||
if (records.length === 0) {
|
if (records.length === 0) {
|
||||||
logWithTimestamp(`第 ${page+1} 批次没有找到数据，结束处理`);
|
logWithTimestamp(`第 ${page+1} 批次没有找到数据，但将继续尝试后续批次...`);
|
||||||
break;
|
|
||||||
|
// 更新查询条件，以确保能找到后续数据
|
||||||
|
// 更新查询时间，增加一定的时间窗口以尝试找到后续数据
|
||||||
|
const timeGap = 3600 * 1000; // 1小时的毫秒数
|
||||||
|
lastCreateTime += timeGap;
|
||||||
|
|
||||||
|
query.createTime = { $gt: lastCreateTime };
|
||||||
|
if (lastId) {
|
||||||
|
// 移除ID条件，因为我们已经跳过了时间
|
||||||
|
delete query._id;
|
||||||
|
}
|
||||||
|
|
||||||
|
logWithTimestamp(`调整查询条件向前搜索: 创建时间 > ${new Date(lastCreateTime).toISOString()}`);
|
||||||
|
|
||||||
|
// 继续下一批次，不中断循环
|
||||||
|
continue;
|
||||||
}
|
}
|
||||||
|
|
||||||
logWithTimestamp(`获取到 ${records.length} 条记录，开始处理...`);
|
logWithTimestamp(`获取到 ${records.length} 条记录，开始处理...`);
|
||||||
|
|||||||
Reference in New Issue
Block a user