Sending email through springboot and angular

[Henna Ghayas]

I am creating a contact form for a project that i am doing for school, but in our project we are using jhipster. jhipster uses springboot and angular and even though i have experience with spring boot, angular is giving me problems. My problem in my code is that it is not sending the email that i have made in my java implementation. When i press submit it defaults to my fallback error. Since I am new to angular I am having trouble understanding where the problem is generating from. Please help me, i have been trying for two weeks now with no success.

package com.mycompany.myapp.service; public class UserModel { private String name; private String email; private String subject; private String message; public UserModel() { } public String getName() { return name; } public void setName(String name) { this.name = name; } public String getEmail() { return email; } public void setEmail(String email) { this.email = email; } public String getMessage() { return message; } public void setMessage(String message) { this.message = message; } public String getSubject() { return subject; } public void setSubject(String subject) { this.subject = subject; } }

package com.mycompany.myapp.service;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.mail.MailException;
import org.springframework.mail.SimpleMailMessage;
import org.springframework.mail.javamail.JavaMailSender;
import org.springframework.stereotype.Component;


import com.mycompany.myapp.service.UserModel.*;

@Component
public class SmtpMailSender {
	  private JavaMailSender javaMailSender;
	  @Autowired
	  public SmtpMailSender(JavaMailSender javaMailSender) {
		  this.javaMailSender = javaMailSender;
		  
	  }
	
	  public void sendNotification(UserModel usermodel) throws MailException{
		  
		  StringBuilder sb = new StringBuilder();
		  sb.append("Name: " + usermodel.getName()).append(System.lineSeparator());
		  sb.append("\n Message: " + usermodel.getMessage());
		  
		  SimpleMailMessage mail = new SimpleMailMessage();
		  
		  mail.setTo(usermodel.getEmail());
		  mail.setFrom("[e-mail]");
		  mail.setSubject(usermodel.getMessage());
		  mail.setText(sb.toString());
		  
		  javaMailSender.send(mail);
		  }	  
	  
}

package com.mycompany.myapp.service;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.mail.MailException;
import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;

import com.mycompany.myapp.service.UserModel.*;


@Controller
public class RootController {
	
	@Autowired
	private SmtpMailSender smtpMailSender;

   @RequestMapping("/api/contact")
   public String signupSuccess(@RequestParam("subject") String subject, @RequestParam("message") String message, @RequestParam("email") String email, @RequestParam("name") String name) {
	   
	   UserModel usermodel = new UserModel();
	   usermodel.setSubject(subject);
	   usermodel.setMessage(message);
	   usermodel.setEmail("[e-mail]");
	  
	   usermodel.setName(name);
	   try {
		   smtpMailSender.sendNotification(usermodel);
		  
	   }catch(MailException e) {
	   }
	   
	   
	   return "redirect:/api/contact";
   }

}

import { Component, OnInit } from '@angular/core'; import { HttpClient } from '@angular/common/http'; @Component({  selector: 'jhi-contact',  templateUrl: './contact.component.html',  styles: [] }) export class ContactComponent implements OnInit {  model: UserModel = {    name: '',    email: '',    subject: '',    message: ''  };  constructor(private http: HttpClient) { }  ngOnInit() {  }    sendNotification(): void {      const url = 'http://localhost:8080/api/contact';      this.http.post(url, this.model).subscribe(      res => {        location.reload();      },      err => {        alert('An error has occured while sending email');      }      ); } } export interface UserModel {  name: string;  email: string;  subject: string;  message: string; }

[Rob Spoor]

@RequestMapping requires you to set the allowed HTTP methods when used on a method level. You should use either @RequestMapping(path = "/api/contact", method = RequestMethod.POST), or shorter @PostMapping("/api/contact"). You might then run into 415 errors; that can be solved by setting the consumes property correctly (to HttpMethod.APPLICAITON_JSON_VALUE).

[Henna Ghayas]

Thank you for replying, could you explain what the complains property is? I have never heard of it

[Henna Ghayas]

I mean consumes

[Rob Spoor]

The consumes property is used to define which request Content-Type headers are accepted. Likewise, the produces property is used to define what Content-Type the response has.

I actually don't know what happens if you don't define any consumes for a POST or PUT request. It may accept everything, or it may accept nothing. If you want to accept any Content-Type header you can use MediaType.ALL_VALUE.

[Henna Ghayas]

Hi, i know this is a long time after but I wanted to ask, I was actually able to get the email sent but now the contents of the message are all null, do you have any idea of a reason that could happen?

[Rob Spoor]

Open your browser's development tools and check what the POST request actually contains.