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
Ubuntu server + squid proxy server + dhcp + 2 tarjetas de red
Como Crear middleware Laravel paso a paso
Admin panel + breeze + spatie permission - Laravel 11
Fix | Cannot resolve public path | domPDF | Laravel
Como acceder a Escritorio remoto GRATIS, fuera de mi red