見出し画像

TWSNMP FC:通知メールのHTML化、テスト、障害、復帰メールの対応ができた

twsnmp

浦和レッズ　引き分けで今季終了！
昨日、近くの温泉にいきました。その効果か今朝が６時まで寝てしまいました。
昨日からHTMLメールの仕組みをTWSNMP　FCに組み込んでいます。テンプレートの読み込み、設定、テストメールの送信まで昨日できました。
設定に

通知設定

通知メールのボタンに使うためのTWSNMPにアクセスするためのURLとHTMLで送信するスイッチを追加しました。

テストメールは

テストメール

のような感じです。
テンプレートは、

<!doctype html>
<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  <title>{{.Title}}</title>
  <style type="text/css">
    body {
      margin: 0 auto;
      padding: 0;
      min-width: 100%;
      font-family: sans-serif;
    }
    table {
      margin: 50px 0 50px 0;
    }
    .header {
      height: 40px;
      text-align: center;
      font-size: 24px;
      font-weight: bold;
    }
    .content {
      height: 100px;
      font-size: 18px;
    }
    .totwsnmp {
      height: 70px;
      text-align: center;
    }
    .button {
      text-align: center;
      font-size: 18px;
      font-family: sans-serif;
      font-weight: bold;
      padding: 0 30px 0 30px;
    }
    .button a {
      color: #FFFFFF;
      text-decoration: none;
    }
    .buttonwrapper {
      margin: 0 auto;
    }
    .buttonwrapper td:hover {
      background-color: #2196F3 !important;
    }
    .buttonwrapper a:hover {
      background-color: #2196F3 !important;
      border-color: #333 !important;
    }
    .footer {
      text-transform: uppercase;
      text-align: center;
      height: 40px;
      font-size: 14px;
      font-style: italic;
    }
    .footer a {
      color: #000000;
      text-decoration: none;
      font-style: normal;
    }
  </style>
</head>
<body bgcolor="#eee">
  <table bgcolor="#eee" width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr class="header">
      <td style="padding: 40px;">
        {{ .Title }}
      </td>
    </tr>
    <tr class="content">
      <td style="padding:20px 20px;text-align: center;">
        <p>
          TWSNMP FCからのテストメールです。
        </p>
      </td>
    </tr>
    <tr class="totwsnmp">
      <td style="padding: 10px 0 10px 0;">
        <table bgcolor="#1565C0" border="0" cellspacing="0" cellpadding="0" class="buttonwrapper">
          <tr>
            <td class="button" height="45">
              <a href="{{ .URL }}" target="_blank">TWSNMP FCへ</a>
            </td>
          </tr>
        </table>
      </td>
    </tr>
    <tr class="footer">
      <td style="padding: 40px;">
        Powered by <a href="https://lhx98.linkclub.jp/twise.co.jp/" target="_blank">TWSNMP FC</a>
      </td>
    </tr>
  </table>
</body>
</html>

のような感じです。自分で編集すれば、変更できます。

障害の通知は、

HTML版障害通知メール

のような感じ、復帰通知は

のような感じです。
かなり見やすくなったと思います。この開発で

の使い方をかなり勉強できました。
定期レポートは、かなり対応する量が多いので、時間がかかりそうです。

明日に続く


開発のための諸経費（機材、Appleの開発者、サーバー運用）に利用します。 ソフトウェアのマニュアルをnoteの記事で提供しています。 サポートによりnoteの運営にも貢献できるのでよろしくお願います。