對於我們的需求，我們已經大略完成了，從建立需求 -> 給予配單 -> 同意配單。

但是如果過程中沒有提醒或通知，商家怎麼去知道有需求單了，客戶怎麼知道有回覆了，該不會還要每一天都去檢查吧。

所以今天我們就串接 Notification 模組到系統，然後用event事件觸發方式，進而實作。

MedusaJS 合作插件

Notification(通知) 模組 是 MedusaJS 的 infrastructure(建設層)。
如果大家不理解，為何要分成一般Module(模組)與infrastructure(建設層)。
我的簡單理解是，建設層主要分類是有助於系統的架構、方便與速度等等的歸類。
(我的主張，事情不用想得太難！！！)

所以關於Notification(通知)不只是可以用來對客戶、對管理員，如果系統出現該警覺的事件，也可以通知維護的工程師。

通知的方式有千千百百種，比如信箱、簡訊、Line、Slack 等等都有，自己串接客製化都可以。但 MedusaJS 已經 有實作官方認證的插件，我們來介紹有哪些，用哪些方法通知的：

📊 SendGrid / MailChimp / Resend / Slack / Twilio SMS 功能比較

實作就來串接 SendGrid

在使用 SendGrid 之前，有三個必要條件：

• 有 SendGrid 帳號
• 設定寄件者
• API金鑰

有了上面數據之後，我們到先去 Dynamic Template 建立信件的模板

好了，我們可以開始串接信件模板了！！

第一步：增加設定

在medusa-config.ts加入使用SendGrid設定值

module.exports = defineConfig({
  // ...
  modules: [
    {
      resolve: "@medusajs/medusa/notification",
      options: {
        providers: [
          // ...
          {
            resolve: "@medusajs/medusa/notification-sendgrid",
            id: "sendgrid",
            options: {
              channels: ["email"],
              api_key: process.env.SENDGRID_API_KEY,
              from: process.env.SENDGRID_FROM,
            },
          },
        ],
      },
    },
  ],
})

第二步：環境變數

將 API KEY 以及 專門送信箱帳號 填入環境變數

SENDGRID_API_KEY=<YOUR_SENDGRID_API_KEY>
SENDGRID_FROM=<YOUR_SENDGRID_FROM>

第三步：建立事件監聽及使用Notification函式

import type {
SubscriberArgs,
SubscriberConfig,
} from "@medusajs/framework"

import { Modules } from "@medusajs/framework/utils"

  
//建立事件
export default async function demandCreateHandler({
	event,
	container
}: SubscriberArgs<{ id: string }>) {

const notificationModuleService = container.resolve(Modules.NOTIFICATION)

const DemandId = event.data.id
console.log(`The demand of custome supplement ${DemandId} was created`)


//通知函數
await notificationModuleService.createNotifications({
	to: "xxxx@gmail.com",
	channel: "email",
	template: "d-dfe4475ce135482a8fed5b9d1c3ef2eb",
	data: {
		demandId:DemandId,
		replay:"以建立"
		},

	})

}

  
//建立事件名稱
export const config: SubscriberConfig = {
event: "demand.created",
}

第四步：發送事件

回到我們需求創建的workflow(工作流程)，除了上次建立需求單新增至資料庫，今天要在多一個發送事件。

export const createDemandWorkflow = createWorkflow(
	"create-demand",
	(input: CreateDemandWorkflowInput) => {
		const demand = createDemandStep(input)

  

		//發送事件提醒有人創建了需求
		emitEventStep({
		eventName: "demand.created",
		data: {
			id: demand.id
		},
		})
	return new WorkflowResponse(demand)

	}

)

下集預告

下集我會到大家導讀一下官方說明說怎麼去加入第三方金流當作模組。