feat(03-01): create ContactForm with Zod validation and nodemailer SMTP server route
- ContactForm.vue: UForm + Zod schema (name/email/message) + useToast feedback - server/api/contact.post.ts: nodemailer SMTP with server-side validation + HTML escaping - SMTP credentials in private runtimeConfig (T-03-03) - HTML escaping prevents XSS in email body (T-03-02)
This commit is contained in:
@@ -0,0 +1,48 @@
|
||||
import nodemailer from 'nodemailer'
|
||||
|
||||
export default defineEventHandler(async (event) => {
|
||||
const body = await readBody(event)
|
||||
const config = useRuntimeConfig(event)
|
||||
|
||||
// Server-side validation (T-03-01)
|
||||
const { name, email, message } = body
|
||||
if (!name || typeof name !== 'string' || name.length < 2 || name.length > 100) {
|
||||
throw createError({ statusCode: 400, message: 'Invalid name' })
|
||||
}
|
||||
if (!email || typeof email !== 'string' || !email.includes('@') || email.length > 200) {
|
||||
throw createError({ statusCode: 400, message: 'Invalid email' })
|
||||
}
|
||||
if (!message || typeof message !== 'string' || message.length < 10 || message.length > 5000) {
|
||||
throw createError({ statusCode: 400, message: 'Invalid message' })
|
||||
}
|
||||
|
||||
const transporter = nodemailer.createTransport({
|
||||
host: config.smtpHost,
|
||||
port: 465,
|
||||
secure: true,
|
||||
auth: {
|
||||
user: config.smtpUser,
|
||||
pass: config.smtpPass,
|
||||
},
|
||||
})
|
||||
|
||||
// Escape HTML to prevent XSS in email body (T-03-02)
|
||||
const escapedName = name.replace(/[&<>"']/g, (c: string) => {
|
||||
const map: Record<string, string> = { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }
|
||||
return map[c] ?? c
|
||||
})
|
||||
const escapedMessage = message.replace(/[&<>"']/g, (c: string) => {
|
||||
const map: Record<string, string> = { '&': '&', '<': '<', '>': '>', '"': '"', "'": ''' }
|
||||
return map[c] ?? c
|
||||
})
|
||||
|
||||
await transporter.sendMail({
|
||||
from: `"Portfolio" <${config.smtpUser}>`,
|
||||
to: config.smtpTo,
|
||||
subject: `Contact portfolio - ${name}`,
|
||||
text: `De: ${name} <${email}>\n\n${message}`,
|
||||
html: `<p><strong>De:</strong> ${escapedName} <${email}></p><p>${escapedMessage.replace(/\n/g, '<br>')}</p>`,
|
||||
})
|
||||
|
||||
return { success: true }
|
||||
})
|
||||
Reference in New Issue
Block a user