Menghantar e-mel ialah fungsi penting dalam banyak aplikasi, sama ada untuk pemberitahuan pengguna, kemas kini transaksi atau tujuan pemasaran.  Walau bagaimanapun, melaksanakan penyelesaian e-mel kadangkala boleh menyusahkan, kerana anda perlu menyepadukan pengirim surat dengan bahasa templat, semak kebergantungan...   Tetapi!  Dengan pakej   , anda boleh memudahkan proses ini sambil memastikan fleksibiliti dan kebolehpercayaan. @nestixis/nestjs-mailer  Pakej ini memanfaatkan kuasa React dan Nodemailer, menjadikannya alat moden dan mesra pembangun untuk membina templat e-mel dinamik dan menghantar e-mel dengan mudah.  Mari kita mendalami cara anda boleh menyediakannya dan menggunakannya :)  Memasang Pakej  Untuk bermula, anda perlu memasang pakej   dalam aplikasi NestJS anda. Pakej ini tersedia melalui npm, menjadikan pemasangan cepat dan mudah. Jalankan arahan berikut di terminal anda: nestjs-mailer   npm install @nestixis/nestjs-mailer  Mengkonfigurasi Modul  Setelah pakej dipasang, langkah seterusnya ialah mengkonfigurasi   dalam aplikasi anda. MailerSdkModule  Konfigurasi adalah mudah, dan untuk tujuan ujian, anda boleh menggunakan alat seperti  untuk menangkap dan pratonton e-mel tanpa menghantarnya kepada pengguna sebenar.   Tangkapan mel  Berikut ialah contoh cara untuk menyediakannya:   import { MailerSdkModule } from '@nestixis/nestjs-mailer'; import { Module } from '@nestjs/common'; import { AppController } from './app.controller'; import { AppService } from './app.service'; @Module({ imports: [ MailerSdkModule.register({ auth: { user: 'username', password: 'password', host: 'sandbox-smtp.mailcatch.app', port: 2525, ssl: false, }, from: 'your-email@example.com', }), ], controllers: [AppController], providers: [AppService], }) export class AppModule {}  Mencipta Templat E-mel  Untuk menjadikan e-mel anda menarik secara visual dan lebih dinamik, anda boleh menggabungkan templat dengan React, dan pakej   , membolehkan anda mereka bentuk templat e-mel tersebut. @react-email/components  **Tetapi sebelum itu, anda harus memanggil fail invite-admin-with-account-template.tsx dan tetapkan  **   "jsx": "react"   dalam tsconfig.json anda  Berikut ialah contoh templat untuk menjemput pengguna pentadbir baharu:   import { Body, Container, Head, Html, Img, Link, Section, Text, } from '@react-email/components'; import * as React from 'react'; export default function InviteAdminWithAccountTemplate({ translation, language, invitationHref, passwordHref, logoUrl, }) { return ( <Html lang={language}> <Head> <style>{/* Your custom styles here */}</style> </Head> <Body style={{ fontFamily: 'Arial, sans-serif' }}> <Section> <Container> {logoUrl ? ( <Img src={logoUrl} alt="Logo" /> ) : ( <Text>{translation.titleInside}</Text> )} <Text>{translation.contentPart1}</Text> <Text>{translation.contentPart2}</Text> <Text> {translation.contentPart3.subpart1} <Link href={invitationHref}> {translation.contentPart3.subpart2} </Link> {translation.contentPart3.subpart3} </Text> <Text> {translation.contentPart4.subpart1} <Link href={passwordHref}> {translation.contentPart4.subpart2} </Link> </Text> </Container> </Section> </Body> </Html> ); }  Menyuntik Pengirim E-mel  Selepas mencipta templat e-mel anda, langkah seterusnya ialah menghantar e-mel. Untuk melakukan ini, anda menyuntik penghantar e-mel ke dalam perkhidmatan anda.   import { EmailSenderInterface, MAILER_SDK_CLIENT, } from '@nestixis/nestjs-mailer'; import { Inject, Injectable } from '@nestjs/common'; import InviteAdminWithAccountTemplate from './invite-admin-with-account-template'; @Injectable() export class AppService { constructor( @Inject(MAILER_SDK_CLIENT) private readonly emailSender: EmailSenderInterface, ) {} async send(): Promise<void> { const translations = { titleInside: { subpart1: 'Welcome', subpart2: ' to the platform!' }, contentPart1: 'Hello', contentPart2: 'Your admin account has been created.', contentPart3: { subpart1: 'Click here to activate your account: ', subpart2: 'Activate', subpart3: '.', }, contentPart4: { subpart1: 'To set your password, click here: ', subpart2: 'Set password', }, }; const emailContent = await InviteAdminWithAccountTemplate({ translation: translations, language: 'en', invitationHref: 'xxx', passwordHref: 'xxx', logoUrl: 'logo.png', }); await this.emailSender.sendEmail( 'test@test.com', 'Admin Invitation', emailContent, ); } }  Selesai!    Itu sahaja! Anda telah berjaya menyepadukan   ke dalam aplikasi anda. nestjs-mailer  Untuk butiran lanjut dan ciri lanjutan, lihat  .   Repositori GitHub mailer NestJS

Read My Stories

Techlead

Audio ini dihasilkan dalam bahasa asal cerita!

Terlalu panjang; Untuk membaca

Make resilience your competitive advantage

Pakej NestJS Ini Mengubah Persediaan E-mel daripada Mimpi ngeri kepada No-Brainer

About Author

KOMEN

GANTUNG TANDA

ARTIKEL INI DIBENTANGKAN DALAM

Related Stories

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps