1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
|
# Cronjob Request Context 문제 해결
## 🔍 문제 상황
결재 완료 후 `pendingActions`에서 핸들러를 호출할 때, **node-cron의 cronjob이 함수를 호출하므로 Request Context가 없어** 다음 문제가 발생했습니다:
```
❌ Error: `headers` was called outside a request scope.
❌ Error: Invariant: static generation store missing in revalidateTag
```
### 발생 위치
- `lib/vendors/service.ts` - `approveVendors()`, `rejectVendors()`
- Next.js의 `headers()`, `revalidateTag()` 등의 API 사용
### 근본 원인
```typescript
Cronjob (node-cron)
↓ (Request Context 없음)
ApprovalExecutionSaga
↓
Handler (예: approveVendorWithMDGInternal)
↓
approveVendors()
↓ headers() ❌ - AsyncLocalStorage에 접근 불가
↓ revalidateTag() ❌ - Static generation store 없음
```
## ✅ 해결 방법
### 1. API 기반 Revalidation 사용
Request Context가 없는 환경에서는 **내부 API를 호출**하여 캐시를 무효화합니다.
```typescript
// ❌ Before: 직접 호출 (Request Context 필요)
revalidateTag("vendors");
revalidateTag("users");
// ✅ After: API 호출 (Request Context 불필요)
const { revalidateApprovalRelatedCaches } = await import('@/lib/revalidation-utils');
await revalidateApprovalRelatedCaches();
```
### 2. 환경변수로 BaseURL 구성
`headers()`를 사용하는 대신 환경변수를 사용합니다.
```typescript
// ❌ Before: headers()로 동적 구성
const headersList = await headers();
const host = headersList.get('host') || 'localhost:3000';
const protocol = headersList.get('x-forwarded-proto') || 'http';
const baseUrl = `${protocol}://${host}`;
// ✅ After: 환경변수 사용
const baseUrl = process.env.NEXT_PUBLIC_BASE_URL || 'http://localhost:3000';
```
## 📁 변경된 파일
### 1. 새로 추가된 파일
#### `lib/revalidation-utils.ts`
Request Context가 없는 환경에서 캐시를 무효화하기 위한 유틸리티 함수들:
```typescript
// 범용 revalidation
await revalidateViaCronJob({ tags: ['vendors', 'users'] });
// 특정 도메인별 revalidation
await revalidateVendorCaches();
await revalidateUserCaches();
await revalidateApprovalRelatedCaches();
```
### 2. 수정된 파일
#### `lib/vendors/service.ts`
**approveVendors() 함수:**
- ✅ `headers()` 제거 → `process.env.NEXT_PUBLIC_BASE_URL` 사용
- ✅ `revalidateTag()` 제거 → `revalidateApprovalRelatedCaches()` 사용
**rejectVendors() 함수:**
- ✅ `headers()` 제거 → `process.env.NEXT_PUBLIC_BASE_URL` 사용
- ✅ `revalidateTag()` 제거 → `revalidateVendorCaches()`, `revalidateUserCaches()` 사용
## 🔧 설정 필요
### 환경변수 설정
`.env` 파일에 다음 환경변수를 추가하세요:
```bash
# 애플리케이션 Base URL (이메일 링크 등에 사용)
NEXT_PUBLIC_BASE_URL=https://your-domain.com
# Revalidation API 보안 (선택사항)
REVALIDATION_SECRET=your-secret-key
```
**개발 환경:**
```bash
NEXT_PUBLIC_BASE_URL=http://localhost:3000
```
**프로덕션 환경:**
```bash
NEXT_PUBLIC_BASE_URL=https://evcp.your-company.com
```
## 🎯 작동 방식
### 1. Cronjob에서 핸들러 실행
```typescript
// lib/approval/approval-polling-service.ts
const saga = new ApprovalExecutionSaga(apInfId);
await saga.execute(); // ← Request Context 없음
```
### 2. 핸들러에서 Service 함수 호출
```typescript
// lib/vendors/approval-handlers.ts
export async function approveVendorWithMDGInternal(payload) {
// MDG 전송...
const approveResult = await approveVendors({
ids: payload.vendorIds,
userId: payload.userId,
}); // ← Request Context 없는 상태로 호출됨
}
```
### 3. Service에서 API 기반 Revalidation
```typescript
// lib/vendors/service.ts
export async function approveVendors(input) {
await db.transaction(async (tx) => {
// 1. 벤더 승인 처리
// 2. 이메일 발송 (✅ 환경변수 사용)
const baseUrl = process.env.NEXT_PUBLIC_BASE_URL;
const loginUrl = `${baseUrl}/${userLang}/login`;
});
// 3. 캐시 무효화 (✅ API 호출 사용)
const { revalidateApprovalRelatedCaches } = await import('@/lib/revalidation-utils');
await revalidateApprovalRelatedCaches();
}
```
### 4. Revalidation Utils에서 내부 API 호출
```typescript
// lib/revalidation-utils.ts
export async function revalidateViaCronJob(options) {
const baseUrl = process.env.NEXT_PUBLIC_BASE_URL || 'http://localhost:3000';
const response = await fetch(`${baseUrl}/api/revalidate/approval`, {
method: 'POST',
body: JSON.stringify({
tags: options.tags,
secret: process.env.REVALIDATION_SECRET,
}),
});
return response.json();
}
```
### 5. API Route에서 실제 Revalidation 실행
```typescript
// app/api/revalidate/approval/route.ts
export async function POST(request: NextRequest) {
// ✅ 여기는 HTTP Request Context가 있음!
const { tags } = await request.json();
for (const tag of tags) {
revalidateTag(tag); // ✅ Request Context가 있으므로 작동함
}
return Response.json({ success: true });
}
```
## 📊 흐름도
```
┌─────────────────────────────────────────────────────┐
│ Cronjob (node-cron) - 1분마다 │
│ Request Context: ❌ 없음 │
└─────────────────────────────────────────────────────┘
↓
┌─────────────────────────────────────────────────────┐
│ ApprovalExecutionSaga │
│ - Knox 결재 상태 확인 │
│ - 승인된 경우 Handler 실행 │
└─────────────────────────────────────────────────────┘
↓
┌─────────────────────────────────────────────────────┐
│ approveVendorWithMDGInternal() │
│ - MDG 전송 │
│ - approveVendors() 호출 │
└─────────────────────────────────────────────────────┘
↓
┌─────────────────────────────────────────────────────┐
│ approveVendors() - lib/vendors/service.ts │
│ ✅ baseUrl = process.env.NEXT_PUBLIC_BASE_URL │
│ ✅ await revalidateViaCronJob({ tags: [...] }) │
└─────────────────────────────────────────────────────┘
↓
┌─────────────────────────────────────────────────────┐
│ revalidateViaCronJob() - lib/revalidation-utils.ts │
│ ✅ fetch('/api/revalidate/approval', ...) │
└─────────────────────────────────────────────────────┘
↓
┌─────────────────────────────────────────────────────┐
│ POST /api/revalidate/approval │
│ Request Context: ✅ 있음! │
│ ✅ revalidateTag() 사용 가능 │
└─────────────────────────────────────────────────────┘
```
## 🚨 주의사항
### 1. 환경변수 설정 필수
`NEXT_PUBLIC_BASE_URL`이 설정되지 않으면 `http://localhost:3000`이 기본값으로 사용됩니다. 프로덕션에서는 반드시 설정하세요.
### 2. 이메일 링크 정확성
이메일에 포함되는 링크가 올바른 도메인을 가리키는지 확인하세요:
```typescript
// 로그인 링크 예시
https://evcp.your-company.com/ko/login
// 비밀번호 재설정 링크 예시
https://evcp.your-company.com/ko/auth/reset-password?token=xxxxx
```
### 3. Revalidation API 보안
`REVALIDATION_SECRET`을 설정하여 외부에서 무단으로 캐시를 무효화하는 것을 방지할 수 있습니다 (선택사항).
### 4. 다른 Service 함수에도 적용
`lib/vendors/service.ts`의 다른 함수들도 동일한 패턴을 사용해야 할 수 있습니다:
- `requestPQVendors()` - line 3210-3215에 `revalidateTag()` 사용
- 기타 `headers()` 또는 `revalidateTag()`를 사용하는 함수들
필요시 동일한 패턴으로 수정하세요.
## 🎉 결과
이제 cronjob에서 핸들러가 실행되어도 다음과 같이 정상 작동합니다:
```bash
✅ [ExecutionSaga] Step 5: Executing action
✅ [Vendor Approval Handler] MDG 전송 성공
✅ [Vendor Approval Handler] 벤더 승인 완료
✅ [Revalidation] Cache invalidated: vendors, users, roles
✅ [ExecutionSaga] ✓ Action executed
```
## 📚 참고 자료
- [Next.js Dynamic APIs](https://nextjs.org/docs/messages/next-dynamic-api-wrong-context)
- [Next.js Revalidation](https://nextjs.org/docs/app/building-your-application/data-fetching/revalidating)
- [AsyncLocalStorage](https://nodejs.org/api/async_context.html#class-asynclocalstorage)
|