{"id":19311,"date":"2025-07-24T11:30:53","date_gmt":"2025-07-24T02:30:53","guid":{"rendered":"https:\/\/sendgrid.kke.co.jp\/blog\/?p=19311"},"modified":"2025-07-24T11:56:34","modified_gmt":"2025-07-24T02:56:34","slug":"twilio-sendgrid%e3%83%a9%e3%82%a4%e3%83%96%e3%83%a9%e3%83%aa%e3%81%a7%e9%80%81%e4%bf%a1%e3%83%aa%e3%82%af%e3%82%a8%e3%82%b9%e3%83%88%e3%81%a8%e3%83%ac%e3%82%b9%e3%83%9d%e3%83%b3%e3%82%b9%e3%82%92-5","status":"publish","type":"post","link":"https:\/\/sendgrid.kke.co.jp\/blog\/?p=19311","title":{"rendered":"Twilio SendGrid\u30e9\u30a4\u30d6\u30e9\u30ea\u3067\u9001\u4fe1\u30ea\u30af\u30a8\u30b9\u30c8\u3068\u30ec\u30b9\u30dd\u30f3\u30b9\u3092\u53d6\u5f97\u3059\u308b\u65b9\u6cd5 \uff5eNode.js\u7de8\uff5e"},"content":{"rendered":"

\"Twilio<\/p>\n

\u30e1\u30fc\u30eb\u9001\u4fe1\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u5b9f\u884c\u3057\u305f\u306e\u306b\u3001Activity<\/a>\u3084Event Webhook<\/a>\u306b\u30a4\u30d9\u30f3\u30c8\u304c\u8a18\u9332\u3055\u308c\u3066\u3044\u306a\u3044\uff01\u3068\u3044\u3046\u7d4c\u9a13\u306f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f\u30a4\u30d9\u30f3\u30c8\u304c\u767a\u751f\u3057\u306a\u3044\u4e3b\u306a\u539f\u56e0\u3068\u3057\u3066\u3001Twilio SendGrid\u306b\u9001\u4fe1\u30ea\u30af\u30a8\u30b9\u30c8\u304c\u5c4a\u3044\u3066\u3044\u306a\u3044\u53ef\u80fd\u6027\u304c\u8003\u3048\u3089\u308c\u307e\u3059\u3002\u554f\u984c\u304c\u767a\u751f\u3057\u305f\u969b\u306b\u539f\u56e0\u3092\u3057\u3063\u304b\u308a\u7279\u5b9a\u3067\u304d\u308b\u3088\u3046\u3001\u5b9f\u969b\u306b\u9001\u3063\u305fJSON\u5f62\u5f0f\u306e\u9001\u4fe1\u30ea\u30af\u30a8\u30b9\u30c8\u3068\u305d\u306eHTTP\u30ec\u30b9\u30dd\u30f3\u30b9\u3092\u30ed\u30b0\u306b\u51fa\u529b\u3059\u308b\u3088\u3046\u5fc3\u304c\u3051\u307e\u3057\u3087\u3046\u3002<\/p>\n

SMTP\u3084Web API\u3067\u9001\u4fe1\u3059\u308b\u5834\u5408\u306f\u3001Telnet\u3084cURL\u306a\u3069\u306e\u30c4\u30fc\u30eb\u306b\u3088\u3063\u3066\u7c21\u5358\u306b\u9001\u4fe1\u30ea\u30af\u30a8\u30b9\u30c8\u3068\u30ec\u30b9\u30dd\u30f3\u30b9\u304c\u53d6\u5f97\u3067\u304d\u308b\u306e\u3067\u3001\u30c1\u30e5\u30fc\u30c8\u30ea\u30a2\u30eb<\/a>\u3092\u304a\u8a66\u3057\u304f\u3060\u3055\u3044\u3002\u4eca\u56de\u306e\u30d6\u30ed\u30b0\u3067\u306f\u3001Node.js\u5411\u3051\u306eSendGrid\u30e9\u30a4\u30d6\u30e9\u30ea<\/a>\uff08\u4ee5\u964d\u3001sendgrid-nodejs\u3068\u8868\u8a18\uff09\u306b\u304a\u3051\u308b\u53d6\u5f97\u65b9\u6cd5\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n

\u4eca\u56de\u306f\u3001Node.js<\/a> 22.17.0\u3067\u52d5\u4f5c\u3092\u78ba\u8a8d\u3057\u307e\u3057\u305f\u3002<\/p>\n

sendgrid-nodejs\u3092\u4f7f\u3063\u305f\u9001\u4fe1\u51e6\u7406\u306e\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9<\/h3>\n

\u30e1\u30fc\u30eb\u3092\u9001\u4fe1\u3059\u308b\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9\u306f\u6b21\u306e\u3068\u304a\u308a\u3067\u3059\u3002<\/p>\n

app.js<\/p>\n

\r\nimport sgMail from '@sendgrid\/mail';\r\nimport { convertMsgToRequestBody } from '.\/convert_msg_to_request_body.mjs';\r\n\r\nsgMail.setApiKey(process.env.APIKEY);\r\nconst msg = {\r\n  to: 'kozohanako@example.com',\r\n  from: 'kozotaro@example.com',\r\n  subject: 'Node.js\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u4f7f\u3063\u305f\u30e1\u30fc\u30eb\u9001\u4fe1',\r\n  text: '\u69cb\u9020\u3055\u3093\\r\\n\u304a\u5143\u6c17\u3067\u3059\u304b\u3002',\r\n  html: '<!DOCTYPE html PUBLIC "-\/\/W3C\/\/DTD XHTML 1.0 Strict\/\/EN" "http:\/\/www.w3.org\/TR\/xhtml1\/DTD\/xhtml1-strict.dtd"> \\\r\n    <html xmlns="http:\/\/www.w3.org\/1999\/xhtml"> \\\r\n    <head> \\\r\n        <meta http-equiv="Content-Type" content="text\/html; charset=utf-8"> \\\r\n        <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"> \\\r\n    <\/head> \\\r\n    <body> \\\r\n        <p>\u69cb\u9020\u3055\u3093<\/p> \\\r\n        <p>\u304a\u5143\u6c17\u3067\u3059\u304b\u3002<\/p> \\\r\n    <\/body> \\\r\n<\/html>',\r\n};\r\n\r\n\/\/\u9001\u4fe1\u30ea\u30af\u30a8\u30b9\u30c8\u3092\u51fa\u529b\r\nconst requestBody = convertMsgToRequestBody(msg);\r\nconsole.log(JSON.stringify(requestBody, null, 2));\r\n\r\n(async () => {\r\n  try {\r\n\u3000\u3000\/\/\u30e1\u30fc\u30eb\u9001\u4fe1\u3068\u30ec\u30b9\u30dd\u30f3\u30b9\u51fa\u529b\r\n    const [response] = await sgMail.send(msg);\r\n    console.log('Status code:', response.statusCode);\r\n    console.log('Headers:', response.headers);\r\n  } catch (error) {\r\n    console.error(error);\r\n    if (error.response) {\r\n      console.error(error.response.body);\r\n    }\r\n  }\r\n})();\r\n<\/pre>\n
convert_msg_to_request_body.mjs<\/p>\n
\r\nexport function convertMsgToRequestBody(msg) {\r\n  const requestBody = {\r\n    personalizations: [\r\n      {\r\n        to: Array.isArray(msg.to)\r\n          ? msg.to.map((email) => (typeof email === 'string' ? { email } : email))\r\n          : [{ email: msg.to }],\r\n        subject: msg.subject,\r\n      },\r\n    ],\r\n    from: typeof msg.from === 'string' ? { email: msg.from } : msg.from,\r\n    content: [],\r\n  };\r\n\r\n  if (msg.text) {\r\n    requestBody.content.push({ type: 'text\/plain', value: msg.text });\r\n  }\r\n\r\n\r\n  if (msg.html) {\r\n    requestBody.content.push({ type: 'text\/html', value: msg.html });\r\n  }\r\n\r\n  return requestBody;\r\n}\r\n<\/pre>\n
\u74b0\u5883\u5909\u6570\u3092\u5b9a\u7fa9\u3059\u308b.env\u30d5\u30a1\u30a4\u30eb\u306b\u306f\u30c0\u30c3\u30b7\u30e5\u30dc\u30fc\u30c9\u3067\u4f5c\u6210\u3057\u305fAPI\u30ad\u30fc<\/a>\u3092\u8a18\u8ff0\u3057\u307e\u3059\u3002<\/p>\n
\r\nAPIKEY=SG.xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx\r\n<\/pre>\n
node\u30b3\u30de\u30f3\u30c9\u3067\u30d7\u30ed\u30b0\u30e9\u30e0\u3092\u5b9f\u884c\u3057\u307e\u3059\u3002<\/p>\n
\r\nnode --env-file=.env app.js\r\n<\/pre>\n