Merge pull request #75 from basir/Video-60-Email-Order-Receipt

Video-60-Email-Order-Receipt

Author: basir

README.md

@@ -398,4 +398,11 @@ $ npm start
  59. Implement Pagination
      1.  add pagination to product router in backend
      2.  apply page number to actions and reducers in frontend
-     3.  show page numbers in search screen
+     3.  show page numbers in search screen
+  60. Email order receipt by mailgun
+     1.  create mailgun account
+     2.  add and verify your domain to mailgun
+     3.  install mailgun-js
+     4.  set api key in env file
+     5.  change pay order in orderRouter
+     6.  send email the 

backend/routers/orderRouter.js

@@ -1,7 +1,13 @@
 import express from 'express';
 import expressAsyncHandler from 'express-async-handler';
 import Order from '../models/orderModel.js';
-import { isAdmin, isAuth, isSellerOrAdmin } from '../utils.js';
+import {
+  isAdmin,
+  isAuth,
+  isSellerOrAdmin,
+  mailgun,
+  payOrderEmailTemplate,
+} from '../utils.js';
 
 const orderRouter = express.Router();
 orderRouter.get(
@@ -71,7 +77,10 @@ orderRouter.put(
   '/:id/pay',
   isAuth,
   expressAsyncHandler(async (req, res) => {
-    const order = await Order.findById(req.params.id);
+    const order = await Order.findById(req.params.id).populate(
+      'user',
+      'email name'
+    );
     if (order) {
       order.isPaid = true;
       order.paidAt = Date.now();
@@ -82,6 +91,23 @@ orderRouter.put(
         email_address: req.body.email_address,
       };
       const updatedOrder = await order.save();
+      mailgun()
+        .messages()
+        .send(
+          {
+            from: 'Amazona <[email protected]>',
+            to: `${order.user.name} <${order.user.email}>`,
+            subject: `New order ${order._id}`,
+            html: payOrderEmailTemplate(order),
+          },
+          (error, body) => {
+            if (error) {
+              console.log(error);
+            } else {
+              console.log(body);
+            }
+          }
+        );
       res.send({ message: 'Order Paid', order: updatedOrder });
     } else {
       res.status(404).send({ message: 'Order Not Found' });

backend/utils.js

@@ -1,4 +1,5 @@
 import jwt from 'jsonwebtoken';
+import mg from 'mailgun-js';
 
 export const generateToken = (user) => {
   return jwt.sign(
@@ -57,3 +58,72 @@ export const isSellerOrAdmin = (req, res, next) => {
     res.status(401).send({ message: 'Invalid Admin/Seller Token' });
   }
 };
+
+export const mailgun = () =>
+  mg({
+    apiKey: process.env.MAILGUN_API_KEY,
+    domain: process.env.MAILGUN_DOMIAN,
+  });
+
+export const payOrderEmailTemplate = (order) => {
+  return `<h1>Thanks for shopping with us</h1>
+  <p>
+  Hi ${order.user.name},</p>
+  <p>We have finished processing your order.</p>
+  <h2>[Order ${order._id}] (${order.createdAt.toString().substring(0, 10)})</h2>
+  <table>
+  <thead>
+  <tr>
+  <td><strong>Product</strong></td>
+  <td><strong>Quantity</strong></td>
+  <td><strong align="right">Price</strong></td>
+  </thead>
+  <tbody>
+  ${order.orderItems
+    .map(
+      (item) => `
+    <tr>
+    <td>${item.name}</td>
+    <td align="center">${item.qty}</td>
+    <td align="right"> $${item.price.toFixed(2)}</td>
+    </tr>
+  `
+    )
+    .join('\n')}
+  </tbody>
+  <tfoot>
+  <tr>
+  <td colspan="2">Items Price:</td>
+  <td align="right"> $${order.itemsPrice.toFixed(2)}</td>
+  </tr>
+  <tr>
+  <td colspan="2">Tax Price:</td>
+  <td align="right"> $${order.taxPrice.toFixed(2)}</td>
+  </tr>
+  <tr>
+  <td colspan="2">Shipping Price:</td>
+  <td align="right"> $${order.shippingPrice.toFixed(2)}</td>
+  </tr>
+  <tr>
+  <td colspan="2"><strong>Total Price:</strong></td>
+  <td align="right"><strong> $${order.totalPrice.toFixed(2)}</strong></td>
+  </tr>
+  <tr>
+  <td colspan="2">Payment Method:</td>
+  <td align="right">${order.paymentMethod}</td>
+  </tr>
+  </table>
+  <h2>Shipping address</h2>
+  <p>
+  ${order.shippingAddress.fullName},<br/>
+  ${order.shippingAddress.address},<br/>
+  ${order.shippingAddress.city},<br/>
+  ${order.shippingAddress.country},<br/>
+  ${order.shippingAddress.postalCode}<br/>
+  </p>
+  <hr/>
+  <p>
+  Thanks for shopping with us.
+  </p>
+  `;
+};

package.json

@@ -24,6 +24,7 @@
     "express": "^4.17.1",
     "express-async-handler": "^1.1.4",
     "jsonwebtoken": "^8.5.1",
+    "mailgun-js": "^0.22.0",
     "mongoose": "^5.10.7",
     "multer": "^1.4.2"
   },