Skip to content

✨ feat: 이메일 템플릿 생성 #141

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

Merged
Bada-Kang merged 1 commit into from
Nov 5, 2025
Merged

✨ feat: 이메일 템플릿 생성 #141

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
103 changes: 97 additions & 6 deletions src/main/java/com/project/syncly/domain/auth/email/EmailSenderImpl.java
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,11 @@
package com.project.syncly.domain.auth.email;

import jakarta.mail.MessagingException;
import jakarta.mail.internet.MimeMessage;
import lombok.RequiredArgsConstructor;
import org.springframework.mail.SimpleMailMessage;
import org.springframework.core.io.ClassPathResource;
import org.springframework.mail.javamail.JavaMailSender;
import org.springframework.mail.javamail.MimeMessageHelper;
import org.springframework.stereotype.Service;

@Service
Expand All @@ -13,10 +16,98 @@ public class EmailSenderImpl implements EmailSender {

@Override
public void send(String to, String subject, String content) {
SimpleMailMessage message = new SimpleMailMessage();
message.setTo(to);
message.setSubject(subject);
message.setText(content);
javaMailSender.send(message);
try {
MimeMessage message = javaMailSender.createMimeMessage();
MimeMessageHelper helper = new MimeMessageHelper(message, true, "UTF-8");

helper.setTo(to);
helper.setSubject(subject);

String body = createEmailTemplate(content);
helper.setText(body, true);

// 돌고래 이미지 첨부
ClassPathResource dolphinImage = new ClassPathResource("static/syncly_dolphin.png");
helper.addInline("dolphinLogo", dolphinImage);

javaMailSender.send(message);
} catch (MessagingException e) {
throw new RuntimeException("이메일 전송에 실패했습니다.", e);
}
}

private String createEmailTemplate(String verificationCode) {
StringBuilder body = new StringBuilder();
body.append("<!DOCTYPE html>");
body.append("<html lang=\"ko\">");
body.append("<head>");
body.append(" <meta charset=\"UTF-8\">");
body.append(" <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">");
body.append(" <style>");
body.append(" * { margin: 0; padding: 0; box-sizing: border-box; }");
body.append(" body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background-color: #f5f5f5; }");
body.append(" </style>");
body.append("</head>");
body.append("<body style=\"margin: 0; padding: 0; background-color: #f5f5f5;\">");
body.append(" <table role=\"presentation\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"100%\" style=\"background-color: #f5f5f5; padding: 40px 0;\">");
body.append(" <tr>");
body.append(" <td align=\"center\">");
body.append(" <!-- 메인 컨테이너 -->");
body.append(" <table role=\"presentation\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"600\" style=\"max-width: 600px; background-color: #ffffff; border-radius: 16px; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08); overflow: hidden;\">");
body.append(" <!-- 헤더 -->");
body.append(" <tr>");
body.append(" <td style=\"background: linear-gradient(135deg, #028090 0%, #456990 100%); padding: 48px 40px; text-align: center;\">");
body.append(" <div style=\"width: 80px; height: 80px; margin: 0 auto 20px; overflow: hidden;\">");
body.append(" <img src=\"cid:dolphinLogo\" alt=\"Syncly Dolphin\" style=\"width: 100%; height: 100%; object-fit: cover; border-radius: 50%;\" />");
body.append(" </div>");
body.append(" <h1 style=\"color: #ffffff; font-size: 28px; font-weight: 700; margin: 0; letter-spacing: -0.5px;\">이메일 인증</h1>");
body.append(" <p style=\"color: #e4fde1; font-size: 16px; margin: 12px 0 0 0; opacity: 0.95;\">회원가입을 위한 인증코드입니다</p>");
body.append(" </td>");
body.append(" </tr>");
body.append(" <!-- 본문 -->");
body.append(" <tr>");
body.append(" <td style=\"padding: 48px 40px;\">");
body.append(" <p style=\"color: #333333; font-size: 16px; line-height: 1.6; margin: 0 0 24px 0;\">안녕하세요,</p>");
body.append(" <p style=\"color: #333333; font-size: 16px; line-height: 1.6; margin: 0 0 32px 0;\">");
body.append(" Syncly 회원가입을 환영합니다.<br>");
body.append(" 아래 인증코드를 입력하여 이메일 인증을 완료해 주세요.");
body.append(" </p>");
body.append(" <!-- 인증코드 박스 -->");
body.append(" <div style=\"text-align: center; margin: 40px 0;\">");
body.append(" <div style=\"display: inline-block; background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%); padding: 24px 48px; border-radius: 12px; border: 2px solid #028090;\">");
body.append(" <p style=\"color: #028090; font-size: 36px; font-weight: 700; margin: 0; letter-spacing: 8px; monospace;\">").append(verificationCode).append("</p>");
body.append(" </div>");
body.append(" </div>");
body.append(" <!-- 안내 정보 -->");
body.append(" <div style=\"background-color: #f8f9fa; border-left: 4px solid #456990; padding: 20px; margin: 32px 0; border-radius: 4px;\">");
body.append(" <p style=\"color: #666666; font-size: 13px; margin: 0 0 8px 0; font-weight: 600;\">보안 안내</p>");
body.append(" <p style=\"color: #666666; font-size: 13px; margin: 0; line-height: 1.5;\">");
body.append(" • 이 인증코드는 10분간 유효합니다<br>");
body.append(" • 타인에게 코드를 공유하지 마세요<br>");
body.append(" • 본인이 요청하지 않은 경우 이메일을 무시하세요");
body.append(" </p>");
body.append(" </div>");
body.append(" <p style=\"color: #999999; font-size: 14px; line-height: 1.6; margin: 24px 0 0 0;\">");
body.append(" 만약 회원가입을 요청하지 않으셨다면, 이 이메일을 무시하셔도 됩니다.");
body.append(" </p>");
body.append(" </td>");
body.append(" </tr>");
body.append(" <!-- 푸터 -->");
body.append(" <tr>");
body.append(" <td style=\"background-color: #f8f9fa; padding: 32px 40px; border-top: 1px solid #e9ecef;\">");
body.append(" <p style=\"color: #999999; font-size: 13px; line-height: 1.6; margin: 0; text-align: center;\">");
body.append(" © 2025 Syncly. All rights reserved.<br>");
body.append(" 함께 만들어가는 협업 워크스페이스");
body.append(" </p>");
body.append(" </td>");
body.append(" </tr>");
body.append(" </table>");
body.append(" </td>");
body.append(" </tr>");
body.append(" </table>");
body.append("</body>");
body.append("</html>");

return body.toString();
}
}
88 changes: 80 additions & 8 deletions src/main/java/com/project/syncly/domain/workspace/service/InvitationMailServiceImpl.java
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,8 +7,10 @@
import jakarta.mail.MessagingException;
import lombok.RequiredArgsConstructor;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.core.io.ClassPathResource;
import org.springframework.mail.MailException;
import org.springframework.mail.javamail.JavaMailSender;
import org.springframework.mail.javamail.MimeMessageHelper;
import org.springframework.stereotype.Service;

import java.util.Random;
Expand Down Expand Up @@ -63,17 +65,87 @@ private String generateRandomToken() {
public MimeMessage createMail(String mail, String number) {
try {
MimeMessage message = javaMailSender.createMimeMessage();
MimeMessageHelper helper = new MimeMessageHelper(message, true, "UTF-8");

message.setFrom(senderEmail);
message.setRecipients(MimeMessage.RecipientType.TO, mail);
message.setSubject("이메일 인증");
helper.setFrom(senderEmail);
helper.setTo(mail);
helper.setSubject("이메일 인증");

String body = "";
body += "<h3>워크스페이스 초대 수락 링크입니다.</h3>";
body += "<h1><a href=\"" + number + "\">" + number + "</a></h1>";
body += "<h3>감사합니다.</h3>";

message.setText(body, "UTF-8", "html");
body += "<!DOCTYPE html>";
body += "<html lang=\"ko\">";
body += "<head>";
body += " <meta charset=\"UTF-8\">";
body += " <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">";
body += " <style>";
body += " * { margin: 0; padding: 0; box-sizing: border-box; }";
body += " body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; background-color: #f5f5f5; }";
body += " </style>";
body += "</head>";
body += "<body style=\"margin: 0; padding: 0; background-color: #f5f5f5;\">";
body += " <table role=\"presentation\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"100%\" style=\"background-color: #f5f5f5; padding: 40px 0;\">";
body += " <tr>";
body += " <td align=\"center\">";
body += " <!-- 메인 컨테이너 -->";
body += " <table role=\"presentation\" cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"600\" style=\"max-width: 600px; background-color: #ffffff; border-radius: 16px; box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08); overflow: hidden;\">";
body += " <!-- 헤더 -->";
body += " <tr>";
body += " <td style=\"background: linear-gradient(135deg, #028090 0%, #456990 100%); padding: 48px 40px; text-align: center;\">";
body += " <div style=\"width: 80px; height: 80px; margin: 0 auto 20px; overflow: hidden;\">";
body += " <img src=\"cid:dolphinLogo\" alt=\"Syncly Dolphin\" style=\"width: 100%; height: 100%; object-fit: cover; border-radius: 50%;\" />";
body += " </div>";
body += " <h1 style=\"color: #ffffff; font-size: 28px; font-weight: 700; margin: 0; letter-spacing: -0.5px;\">워크스페이스 초대</h1>";
body += " <p style=\"color: #e4fde1; font-size: 16px; margin: 12px 0 0 0; opacity: 0.95;\">Syncly 워크스페이스에 초대되었습니다</p>";
body += " </td>";
body += " </tr>";
body += " <!-- 본문 -->";
body += " <tr>";
body += " <td style=\"padding: 48px 40px;\">";
body += " <p style=\"color: #333333; font-size: 16px; line-height: 1.6; margin: 0 0 24px 0;\">안녕하세요,</p>";
body += " <p style=\"color: #333333; font-size: 16px; line-height: 1.6; margin: 0 0 32px 0;\">";
body += " 새로운 워크스페이스에서 함께 협업하실 수 있도록 초대장을 보내드립니다.<br>";
body += " 아래 버튼을 클릭하여 초대를 수락해 주세요.";
body += " </p>";
body += " <!-- CTA 버튼 -->";
body += " <div style=\"text-align: center; margin: 40px 0;\">";
body += " <a href=\"" + number + "\" style=\"display: inline-block; background: linear-gradient(135deg, #028090 0%, #456990 100%); color: #ffffff; text-decoration: none; padding: 16px 48px; border-radius: 8px; font-size: 16px; font-weight: 600; letter-spacing: 0.5px; box-shadow: 0 4px 12px rgba(2, 128, 144, 0.3); transition: all 0.3s ease;\">";
body += " 초대 수락하기";
body += " </a>";
body += " </div>";
body += " <!-- 링크 정보 -->";
body += " <div style=\"background-color: #f8f9fa; border-left: 4px solid #028090; padding: 20px; margin: 32px 0; border-radius: 4px;\">";
body += " <p style=\"color: #666666; font-size: 13px; margin: 0 0 8px 0; font-weight: 600;\">버튼이 작동하지 않나요?</p>";
body += " <p style=\"color: #666666; font-size: 13px; margin: 0; word-break: break-all; line-height: 1.5;\">";
body += " 아래 링크를 복사하여 브라우저에 붙여넣으세요:<br>";
body += " <span style=\"color: #028090;\">" + number + "</span>";
body += " </p>";
body += " </div>";
body += " <p style=\"color: #999999; font-size: 14px; line-height: 1.6; margin: 24px 0 0 0;\">";
body += " 이 초대장은 7일간 유효합니다. 만약 이 이메일을 예상하지 못했다면 무시하셔도 됩니다.";
body += " </p>";
body += " </td>";
body += " </tr>";
body += " <!-- 푸터 -->";
body += " <tr>";
body += " <td style=\"background-color: #f8f9fa; padding: 32px 40px; border-top: 1px solid #e9ecef;\">";
body += " <p style=\"color: #999999; font-size: 13px; line-height: 1.6; margin: 0; text-align: center;\">";
body += " © 2025 Syncly. All rights reserved.<br>";
body += " 함께 만들어가는 협업 워크스페이스";
body += " </p>";
body += " </td>";
body += " </tr>";
body += " </table>";
body += " </td>";
body += " </tr>";
body += " </table>";
body += "</body>";
body += "</html>";

helper.setText(body, true);

// 이미지 첨부 (CID 방식)
ClassPathResource dolphinImage = new ClassPathResource("static/syncly_dolphin.png");
helper.addInline("dolphinLogo", dolphinImage);

return message;

Expand Down
Binary file added src/main/resources/static/syncly_dolphin.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.