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 instalar Admin Lte en un proyecto de Laravel con Jetstream
How to Fix Error TPM Windows 11 Solución
Admin panel + breeze + spatie permission - Laravel 11
Como crear carrito de compras por usuario Laravel
FrontEnd | Angular | BackEnd | Laravel | Envia Emails
Como acceder a Escritorio remoto GRATIS, fuera de mi red