Aprende a enviar correos "Emails" desde el FrontEnd con angular haciendo uso del Backend con Laravel Php, para poder hacer esto posible seguiremos los siguientes pasos, para que la implementación sea verdaderamente sencilla.
Este articulo viene en 2 partes una que es el Frontend con Angular y el otro es el Backend con laravel, En angular nos tocara hacer la conexión y por medio de Laravel enviaremos los Emails.
Recuerda que para enviar correos (Emails) tendremos 2 carpetas en el servidor el FrontEnd (Angular) y el BackEnd (Laravel), esta última no debe estar en la carpeta public.
/FrontEnd
/BAckend
Nos vamos al app.module.ts y añadimos lo siguiente:
import { ReactiveFormsModule } from '@angular/forms'; import { HttpClientModule } from '@angular/common/http';
imports: [
ReactiveFormsModule, HttpClientModule
],
<form [formGroup]="FormContacto" (ngSubmit)="EnviarEmail()">
<label>
Nombre
<input type="text" formControlName="nombre">
</label>
<button type="submit">Submit</button>
</form>
import { HttpClient } from '@angular/common/http';
import { FormGroup, FormBuilder } from '@angular/forms'; import { environment } from '../environments/environment';
export class AppComponent {
FormContacto: any = FormGroup;
UrlEmail: string = environment.UrlEmail;
constructor(public fb: FormBuilder, private http: HttpClient) {
this.FormContacto = this.fb.group({
nombre: [''],
});
}
EnviarEmail() {
var formData: any = new FormData();
formData.append('nombre', this.FormContacto.get('nombre').value);
this.http
.post(this.UrlEmail, formData)
.subscribe(
(response) => console.log(response),
(error) => console.log(error));
}
}
export const environment = {
production: false,
UrlEmail: 'http://localhost/api/EnviarCorreo'
};
export const environment = {
production: true,
UrlEmail: 'Tudominio/LaravelBAckend'
};
Etiquetas:
Gusto por las motos Harley Davidson, el rock n roll y la informática, creador de este blog para difusión del conocimiento libre, interesado en el mundo open source.
Como Crear middleware Laravel paso a paso
Agregar reglas a usuario en Fortigate firewall
Compra tu dominio y correo corporativo para tu negocio al mejor precio del mercado
Como instalar sanitizador para Laravel Stevebauman | Purify
How to config Enlace Punto a punto con antenas Ubiquiti
Ubuntu server + squid proxy server + dhcp + 2 tarjetas de red