ການສົ່ງອີເມວແມ່ນຫນ້າທີ່ສໍາຄັນໃນຫຼາຍໆແອັບພລິເຄຊັນ, ບໍ່ວ່າຈະເປັນການແຈ້ງເຕືອນຜູ້ໃຊ້, ການປັບປຸງການເຮັດທຸລະກໍາ, ຫຼືຈຸດປະສົງທາງກາລະຕະຫຼາດ.  ຢ່າງໃດກໍຕາມ, ການປະຕິບັດການແກ້ໄຂອີເມລ໌ບາງຄັ້ງອາດຈະສັບສົນ, ຍ້ອນວ່າທ່ານຕ້ອງປະສົມປະສານ mailer ກັບພາສາແມ່ແບບ, ກວດເບິ່ງການຂຶ້ນກັບ ...   ແຕ່!  ດ້ວຍແພັກເກັດ   , ທ່ານສາມາດເຮັດໃຫ້ຂະບວນການນີ້ງ່າຍຂຶ້ນໃນຂະນະທີ່ຮັບປະກັນຄວາມຍືດຫຍຸ່ນແລະຄວາມຫນ້າເຊື່ອຖື. @nestixis/nestjs-mailer  ຊຸດນີ້ໃຊ້ພະລັງງານຂອງ React ແລະ Nodemailer, ເຮັດໃຫ້ມັນເປັນເຄື່ອງມືທີ່ທັນສະໄຫມແລະເປັນມິດກັບນັກພັດທະນາສໍາລັບການກໍ່ສ້າງແບບເຄື່ອນໄຫວອີເມລ໌ແລະສົ່ງອີເມວຢ່າງງ່າຍດາຍ.  ມາເບິ່ງວິທີທີ່ເຈົ້າສາມາດຕັ້ງ ແລະໃຊ້ມັນໄດ້ :)  ການຕິດຕັ້ງຊຸດ  ເພື່ອເລີ່ມຕົ້ນ, ທ່ານຈໍາເປັນຕ້ອງຕິດຕັ້ງແພັກເກັດ   ໃນແອັບພລິເຄຊັນ NestJS ຂອງທ່ານ. ຊຸດນີ້ສາມາດໃຊ້ໄດ້ຜ່ານ npm, ເຮັດໃຫ້ການຕິດຕັ້ງໄວແລະກົງໄປກົງມາ. ດໍາເນີນການຄໍາສັ່ງຕໍ່ໄປນີ້ຢູ່ໃນ terminal ຂອງທ່ານ: nestjs-mailer   npm install @nestixis/nestjs-mailer  ການຕັ້ງຄ່າໂມດູນ  ເມື່ອຊຸດໄດ້ຖືກຕິດຕັ້ງແລ້ວ, ຂັ້ນຕອນຕໍ່ໄປແມ່ນການຕັ້ງຄ່າ   ໃນແອັບພລິເຄຊັນຂອງທ່ານ. MailerSdkModule  ການຕັ້ງຄ່າແມ່ນກົງໄປກົງມາ, ແລະເພື່ອຈຸດປະສົງການທົດສອບ, ທ່ານສາມາດນໍາໃຊ້ເຄື່ອງມືເຊັ່ນ:  ເພື່ອບັນທຶກ ແລະເບິ່ງຕົວຢ່າງອີເມວໂດຍບໍ່ຕ້ອງສົ່ງໃຫ້ຜູ້ໃຊ້ຕົວຈິງ.   Mailcatch  ນີ້ແມ່ນຕົວຢ່າງຂອງວິທີການຕັ້ງມັນ:   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 {}  ການສ້າງແມ່ແບບອີເມວ  ເພື່ອເຮັດໃຫ້ອີເມວຂອງທ່ານເປັນຕາດຶງດູດໃຈ ແລະ ມີການເຄື່ອນໄຫວຫຼາຍຂຶ້ນ, ທ່ານສາມາດລວມແມ່ແບບກັບ React, ແລະ package   , ອະນຸຍາດໃຫ້ທ່ານອອກແບບແມ່ແບບອີເມວດັ່ງກ່າວ. @react-email/components  ** ແຕ່ກ່ອນນັ້ນ, ທ່ານຄວນໂທຫາໄຟລ໌ invite-admin-with-account-template.tsx ແລະຕັ້ງ.  **   "jsx": "react"   ໃນ tsconfig.json ຂອງທ່ານ  ນີ້ແມ່ນຕົວຢ່າງຂອງແມ່ແບບສໍາລັບການເຊື້ອເຊີນຜູ້ໃຊ້ admin ໃຫມ່:   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> ); }  ການໃສ່ຜູ້ສົ່ງອີເມວ  ຫຼັງຈາກການສ້າງແມ່ແບບອີເມວຂອງທ່ານ, ຂັ້ນຕອນຕໍ່ໄປແມ່ນການສົ່ງອີເມວ. ເພື່ອເຮັດສິ່ງນີ້, ທ່ານໃສ່ຜູ້ສົ່ງອີເມວເຂົ້າໄປໃນການບໍລິການຂອງທ່ານ.   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, ); } }  ສຳເລັດແລ້ວ!    ນັ້ນເອງ! ທ່ານໄດ້ລວມ   ເຂົ້າໄປໃນແອັບພລິເຄຊັນຂອງທ່ານສຳເລັດແລ້ວ. nestjs-mailer  ສໍາລັບລາຍລະອຽດເພີ່ມເຕີມແລະຄຸນນະສົມບັດແບບພິເສດ, ກວດສອບການອອກ  .   NestJS mailer repository GitHub

Read My Stories

Techlead

ສຽງນີ້ຖືກຜະລິດເປັນພາສາຕົ້ນສະບັບຂອງເລື່ອງ!

ຍາວເກີນໄປ; ອ່ານ

Make resilience your competitive advantage

ແພັກເກດ NestJS ນີ້ປ່ຽນການຕັ້ງຄ່າອີເມວຈາກຝັນຮ້າຍໄປເປັນບໍ່ມີສະໝອງ

About Author

ຄຳເຫັນ

ວາງປ້າຍ

ບົດຄວາມນີ້ໄດ້ຖືກນໍາສະເຫນີໃນ

Related Stories

Meet Surfshark: HackerNoon Company of the Week

One-Tap Google Signup and Login? Yup, HackerNoon Has It!

Design Shifts at HackerNoon: Streamlined Top Nav, Quick Search and Settings Dashboard 🚀

10 Lessons I Learned as a First-time Tech Product Founder

Meet Surfshark: HackerNoon Company of the Week

One-Tap Google Signup and Login? Yup, HackerNoon Has It!

Design Shifts at HackerNoon: Streamlined Top Nav, Quick Search and Settings Dashboard 🚀

10 Lessons I Learned as a First-time Tech Product Founder

Light-Mode

Classic

Newspaper

Dark-Mode

Neon Noir

Minty

HN StartUps