ไลบรารี Nodd.js แบบโอเพนซอร์สสำหรับอีเมลที่ตอบสนอง

เริ่มต้นใช้งานเทมเพลตอีเมล

วิธีที่แนะนำในการติดตั้ง Email-Templates คือการใช้ NPM. โปรดใช้คำสั่งต่อไปนี้เพื่อการติดตั้งที่ราบรื่น.

npm install email-templates preview-email pug
 

# yarn
yarn add candymail

สร้างเทมเพลตอีเมลแบบกำหนดเองใน Node.js

ไลบรารีโอเพนซอร์ส Email-Templates ช่วยให้นักพัฒนาซอฟต์แวร์สามารถสร้างและจัดการเทมเพลตอีเมลภายในแอปพลิเคชัน Node.js ได้ ไลบรารีนี้รวมเทมเพลตการออกแบบที่ตอบสนองต่อขนาดหน้าจอและอุปกรณ์ที่หลากหลาย ทำให้เมลของคุณดูดีบนเดสก์ท็อป แท็บเล็ต และอุปกรณ์มือถือ นอกจากนี้ ไลบรารียังให้ตัวเลือกการปรับแต่งหลากหลาย รวมถึงขนาดฟอนต์ สี และเลย์เอาต์ เพื่อให้คุณสามารถปรับเทมเพลตให้สอดคล้องกับสไตล์เฉพาะของแบรนด์ของคุณ ตัวอย่างต่อไปนี้แสดงให้เห็นว่าผู้พัฒนาซอฟต์แวร์สามารถสร้างเทมเพลตอีเมลแบบกำหนดเองภายในแอปพลิเคชัน Node.js ของตนอย่างไร

 
const EmailTemplates = require('email-templates');

// Create a new instance of the EmailTemplates class
const emailTemplates = new EmailTemplates();

// Load the template
emailTemplates.load('newsletter', 'template');

// Set the dynamic content
const data = {
  name: 'John Doe',
  message: 'Hello from Email-Templates!'
};

// Render the template with the dynamic content
const html = emailTemplates.render('newsletter', data);

// Send the email using your preferred email service
// ...
 

การสนับสนุนเทมเพลตสำเร็จรูป

ไลบรารี Email-Templates แบบโอเพนซอร์สมาพร้อมกับชุดเทมเพลตสำเร็จรูปหลายแบบสำหรับการใช้งานทั่วไป เช่น จดหมายข่าว, อีเมลโปรโมชั่น, อีเมลเชิงธุรกรรม, และอื่น ๆ เทมเพลตเหล่านี้สามารถปรับแต่งได้เต็มที่และสามารถขยายได้อย่างง่ายดายเพื่อให้ตรงกับความต้องการเฉพาะของคุณ นอกจากนี้ยังสามารถแทรกเนื้อหาแบบไดนามิกลงในเทมเพลตอีเมลของคุณโดยใช้ Handlebars.js ซึ่งเป็นเอนจินเทมเพลตที่ได้รับความนิยม สิ่งนี้ทำให้คุณสามารถสลับเนื้อหา เช่น ชื่อ, วันที่, และข้อมูลสินค้า ได้อย่างง่ายดายโดยไม่ต้องแก้ไขเทมเพลตเอง

การใส่ CSS อัตโนมัติในบรรทัดและการสนับสนุนการแปลภาษา

การทำให้แน่ใจว่าอีเมลแสดงผลอย่างถูกต้องในไคลเอนต์อีเมลต่าง ๆ มักต้องการการใส่สไตล์ CSS ลงในบรรทัด (in‑lining) ไลบรารี Email-Templates แบบโอเพนซอร์สจัดการเรื่องนี้โดยอัตโนมัติ ทำให้ความสมบูรณ์ของภาพอีเมลของคุณคงอยู่ไม่ว่าผู้รับจะใช้ไคลเอนต์ใดก็ตาม สำหรับธุรกิจที่ดำเนินการในหลายภูมิภาค ความสามารถในการแปลเนื้อหาอีเมลเป็นสิ่งสำคัญ Email-Templates รองรับการแปลภาษาอย่างเต็มรูปแบบ ทำให้การสร้างเทมเพลตอีเมลในหลายภาษาเป็นเรื่องง่าย ตัวอย่างโค้ดต่อไปนี้แสดงให้เห็นว่าสไตล์ CSS ใด ๆ ที่กำหนดในเทมเพลตจดหมายข่าวจะถูกใส่ในบรรทัดโดยอัตโนมัติ เพื่อรักษาการออกแบบให้คงที่ในไคลเอนต์อีเมลต่าง ๆ

 
const email = new Email({
  message: {
    from: 'noreply@example.com'
  },
  send: true,
  transport: {
    jsonTransport: true
  }
});

email
  .send({
    template: 'newsletter',
    message: {
      to: 'user@example.com'
    },
    locals: {
      title: 'Monthly Newsletter',
      content: 'Here is the latest news...'
    }
  })
  .then(console.log)
  .catch(console.error);	

 

หลายเครื่องมือเทมเพลต

Email-Templates รองรับเครื่องมือเทมเพลตหลากหลายประเภทรวมถึง Handlebars, Pug (เดิมชื่อ Jade) และ EJS ความยืดหยุ่นนี้ทำให้นักพัฒนาซอฟต์แวร์สามารถเลือกเครื่องมือที่เหมาะสมกับกระบวนการทำงานและความต้องการของโครงการได้ ตัวอย่างต่อไปนี้แสดงให้เห็นว่าผู้ใช้สามารถกำหนดค่าไลบรารี Email-Templates ให้ใช้เทมเพลต Handlebars (.hbs) ที่อยู่ในไดเรกทอรี templates วิธีการ send จะส่งอีเมลต้อนรับไปยังผู้รับที่ระบุพร้อมเนื้อหาแบบไดนามิก