Sendgrid-nodejs: 置換が機能しない

作成日 2018年04月10日 · 43コメント · ソース: sendgrid/sendgrid-nodejs

問題の概要

変更を加えずに、トランザクション電子メールで例に従いました。置換タグは削除されますが、テキストは挿入されません。これが私が受け取る電子メールのスクリーンショットです：

再現する手順

クローンhttps://github.com/panayi/test-sg/
例からテンプレート本体をコピーし、SendGridUIでトランザクションテンプレートを作成します。
test.jsを編集して、APIキー、メールアドレス、および上記で作成したtemplateIdを挿入します。
node test.js実行します。

技術的な詳細：

sendgrid-nodejsバージョン：@ sendgrid / [email protected]
Node.jsバージョン：8.6.0

unknown or a help wanted question

ソース

panayi

👍3

最も参考になるコメント

こんにちは、 @ himanshupntのコメントを読んだ後、レガシーテンプレートでテストしたところ、機能しました。ありがとう@himanshupnt 。

後で、 Sendgridのドキュメントである動的トランザクションテンプレートを使用したメール送信を見つけました。新しいテンプレート（レガシーテンプレートではない）が機能しているようです。同じHTMLテンプレートを使用し、コードを次のように更新しました。

  const sgMail = require("@sendgrid/mail");
  sgMail.setApiKey(process.env.SENDGRID_API_KEY);
  sgMail.setSubstitutionWrappers("{{", "}}"); // Configure the substitution tag wrappers globally

  const msg = {
    from: "[email protected]",
    templateId: "d-27e7d954368c46519eddc806e5cf8156",
    personalizations: [
      {
        to: [
          {
            email: "[email protected]"
          }
        ],
        dynamic_template_data: {
          name: "Someone",
          city: "Somewhere",
          subject: "Hello new world"
        }
      }
    ]
  };

  sgMail.send(msg).catch(err => console.error(err.message));

「substitutions」を「dynamic_template_data」に置き換え、ドキュメントの要求に応じて「personalizations」内に「to」を配置したことに注意してください。また、サブジェクトを「dynamic_template_data」の1つとして扱い、機能します。（テンプレートの件名フィールドに{{subject}}を入力してください）

ありがとう。

hangindev 2018年07月25日

👍33 ❤19 🎉19

全てのコメント43件

こんにちは@panayi 、

チェックするいくつかの事柄：

テンプレートIDが正しいことを確認します
テンプレートがUIでアクティブ

HTMLがどのように見えるかも共有できますか？

ありがとう！

敬具、

エルマー

thinkingserious 2018年04月10日

こんにちは、 @ thinkingserious 、 @ panayiが述べたのと同じ問題を再現することができました。
私のHTMLコードは次のようになります

こんにちはfirst_name（従業員：employee_id）
いくつかのHTMLコード

コード

sgMail.setApiKey('apikey');
sgMail.setSubstitutionWrappers('{{', '}}'); // Triied sgMail.setSubstitutionWrappers('-', '-'); as well`

const msg = {
  to: '[email protected]',
  from: '[email protected]',
  subject: 'Hello world',
  text: 'Hello plain world!',
  html: 'Hello HTML world!',
  templateId: 'template-id',
  substitutions: {
    first_name: 'Tejas',
    employee_id: 'emp123',
  },
};
sgMail.send(msg);

注： substitutionWrappers: ['{{', '}}']を使用してみました
msg内ですが、運がありません。

技術的な詳細：

sendgrid-nodejsバージョン：@ sendgrid / [email protected]
Node.jsバージョン：8.10.0

私はこの問題に多くの時間を費やしてきたので、ヘルプ/修正に感謝します

tjstlekr 2018年05月22日

こんにちは@tjstlekr 、

HTMLコードで、 first_nameを{{first_name}} 、 employee_idを{{employee_id}} 。

ありがとう！

敬具、

エルマー

thinkingserious 2018年05月22日

👍2

こんにちは@thinkingserious 、
HTMLコードとは、テンプレートコードのことですか？
ここでリクエスト本文内で指定した場合に置換タグが正常に機能するのはなぜですか。ただし、ページで事前定義された例を使用した場合は機能しません。
ありがとう！

tjstlekr 2018年05月23日

はい@tjstlekr 、私はこの例で説明されているテンプレートコードを意味します。

具体的な例がなければ、2番目の質問に答えることはできません。（例：リクエスト本文とテンプレートコード）。

敬具、

エルマー

thinkingserious 2018年05月23日

悲しいことに！テンプレートコードにアクセスできません。私は別のバージョンに固執します。
とにかくありがとう@thinkingserious

tjstlekr 2018年05月24日

👍1

やってみました：

substitutions: {
    'first_name': 'Tejas',
    'employee_id': 'emp123',
  },

thinkingserious 2018年05月25日

はい、 @ thinkingseriousはそれを試しました。私も次の方法を試しました


substitutions: {
    '-first_name-': 'Tejas',
    '-employee_id-': 'emp123',
  },

substitutions: {
    '%first_name%': 'Tejas',
    '%employee_id%': 'emp123',
  },

substitutions: {
    '=first_name=': 'Tejas',
    '=employee_id'=: 'emp123',
  },

tjstlekr 2018年05月27日

@tjstlekr 、

あなたの解決策は、HTMLテンプレートコードを変更して変数を置換文字でラップできる人を取得することだと思います。

敬具、

エルマー

thinkingserious 2018年05月30日

👍2

@thinkingseriousは正しいです。テンプレート変数は、二重角かっこ{{name}}で囲む必要があります。そうしないと、SendGridは送信した置換をどこにドロップするかわかりません。

mckenzieja 2018年06月21日

👍1

変数には本当に二重角かっこが必要ですか？先に進んで試してみますが、同じ人による別の投稿で、二重括弧ではなくダッシュで置換が機能していることが示されました。
screenshot 2018-06-26 14 08 12

tetreault 2018年06月26日

👍2

こんにちは@tetreault 、

デフォルトでは、二重角かっこを使用します。 setSubstitutionWrappers使用すると、デモのようにそれらを変更できます。

ありがとう！

敬具、

エルマー

thinkingserious 2018年06月27日

@panayiと同じ問題が発生し

トランザクションテンプレートのサンプルに従いました。置換ラッパーを設定し、テンプレートで置換を二重括弧で囲みました。しかし、私が受け取った電子メールは、私が提供したものに置き換えることなく、すべての置換を削除しました。

テンプレートには、コードエディタとデザインエディタの両方を試してみました。

技術的な詳細：

sendgrid-nodejsバージョン：@ sendgrid / [email protected]とバージョン：@ sendgrid / [email protected]
Node.jsバージョン：8.11.2

ありがとう！

hangindev 2018年07月24日

こんにちは@nrator 、

置換が空白の文字列に置き換えられた場合は、繰り返し処理している変数が空でないことを再確認します。それらが空でないことを確認した場合、コードの断片を関連するHTMLと一緒に共有して、再現できるようにしてください。

ありがとう！

敬具、

エルマー

thinkingserious 2018年07月24日

こんにちは@thinkingserious

私は変数ではなく文字列を使用しているので、それらは空ではありません。以下は、コードスニペット、HTML、および取得した結果です。

コード

const sgMail = require("@sendgrid/mail");
sgMail.setApiKey(process.env.SENDGRID_API_KEY);
sgMail.setSubstitutionWrappers("{{", "}}"); // Configure the substitution tag wrappers globally

const msg = {
  from: "[email protected]", // my personal email
  to: "[email protected]", // my another personal email
  subject: "Hello world",
  text: "Hello plain world!",
  html: "<p>Hello HTML world!</p>",
  templateId: "d-27e7d954368c46519eddc806e5cf8156",
  substitutions: {
    name: "Some One",
    city: "Denver"
  }
};

  sgMail.send(msg).catch(err => console.error(err.message));

HTMLテンプレート

<html>
<head>
    <title></title>
</head>
<body>
Hello {{name}},
<br /><br/>
I'm glad you are trying out the template feature!
<br /><br/>
<%body%>
<br /><br/>
I hope you are having a great day in {{city}} :)
<br /><br/>
</body>
</html>

受け取ったメール

Hello , 

I'm glad you are trying out the template feature! 

<%body%> 

I hope you are having a great day in :)

技術的な詳細
sendgrid-nodejsバージョン：@ sendgrid / [email protected]
Node.jsバージョン：8.11.2

宜しくお願いします、
ジェイソン

hangindev 2018年07月25日

こんにちは私はトランザクションテンプレートで同じ問題を抱えています。変数は取得されません。テストデータを使用してSGダッシュボードでテンプレートをプレビューすると、すべてが正しく見えます。
電子メールは、変数値が欠落していることを除いて、正しいテンプレートを使用して適切な人に送信されます。
2日前にレガシーテンプレートを作成しましたが、これは正常に機能し、今日は新しいテンプレートに切り替えました
トランザクションテンプレートであり、機能しません。古いレガシーテンプレートを複製しました
正常に動作しています。
"@ sendgrid / mail"： "6.3.1" | Node.js 8.10
これが私のコードです：

async function sendEmail({ email, firstName, password }) {
  const msg = {
    to: [{ email, firstName }],
    from: {
      email: "[email protected]",
      name: "name"
    },
    asm: {
      group_id: 1234
    },
    templateId: "d-64b15a042b2d41d7a4b5b6a4eea649c5",
    substitutions: {
      userName: firstName,
      email,
      password
    }
  }
  try {
    await sgMail.send(msg);
  } catch(e){
    e.message
  }

  };

そしてここにhtmlテンプレートがあります：

<h3>Hi {{userName}},</h3>

<div><span style="font-size:16px;">Your account has been setup. To login please use</span></div>

<div><span style="font-size:16px;">the credentials below.</span></div>

<div>&nbsp;</div>

<div><span style="font-size:16px;"><strong>Email:</strong>&nbsp;{{email}}</span></div>

<div><strong><span style="font-size:16px;">Password:&nbsp;</span></strong><span style="color: rgb(0, 0, 0); font-family: arial; font-size: 16px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: 400;">{{password}}</span></div>

<div><span style="font-weight: 600; background-image: initial; background-position: initial; background-size: initial; background-repeat: initial; background-attachment: initial; background-origin: initial; background-clip: initial; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-family: arial; font-size: 14px; color: rgb(0, 0, 0);"><span style="font-size: 16px;">SignIn Url: <a href="https://a.abc.com">https://a.abc.com/</a></span></span></div>

<div>&nbsp;</div>

<div>&nbsp;</div>

<div><span style="font-size:16px;">Please let us know if you need any help, email us at <a href="mailto:[email protected]">[email protected]</a></span></div>

乾杯

himanshupnt 2018年07月25日

同じhtmlコードでレガシーテンプレートに切り替えたところ、機能します。 V3 APIの新しい変更が原因である可能性はありますか？

himanshupnt 2018年07月25日

こんにちは、 @ himanshupntのコメントを読んだ後、レガシーテンプレートでテストしたところ、機能しました。ありがとう@himanshupnt 。

  const sgMail = require("@sendgrid/mail");
  sgMail.setApiKey(process.env.SENDGRID_API_KEY);
  sgMail.setSubstitutionWrappers("{{", "}}"); // Configure the substitution tag wrappers globally

  const msg = {
    from: "[email protected]",
    templateId: "d-27e7d954368c46519eddc806e5cf8156",
    personalizations: [
      {
        to: [
          {
            email: "[email protected]"
          }
        ],
        dynamic_template_data: {
          name: "Someone",
          city: "Somewhere",
          subject: "Hello new world"
        }
      }
    ]
  };

  sgMail.send(msg).catch(err => console.error(err.message));

ありがとう。

hangindev 2018年07月25日

👍33 ❤19 🎉19

@nratorそれは私にとってもそれをしました。投稿してくれてありがとう！

himanshupnt 2018年07月25日

私は同じ問題を抱えており、私も問題を開きました（冒頭で述べた解決策を試した後）。ただし、 @ nratorが言及したテンプレートに、 nameとcityを追加することができました。しかし、私が受け取る電子メールに含まれているため、 <%subject%>と<%body%>を置き換えることができませんでした。 <%body%>と<%subject%>を置き換えるにはどうすればよいですか？ @himanshupntどうやってこれを解決しましたか？

thidasapankaja 2018年07月25日

こんにちは@ pankaja92 、私も<％subject％>を動作させることができませんでした。サブジェクトを処理する私の方法は、それを「dynamic_template_data」の1つとして扱うことです。つまり、<%%>ではなく{{}}でラップし、「dynamic_template_data」内で処理します。

このsendgridのドキュメントが役立つかもしれません。ただし、サブジェクトパラメータは機能していないようです。

hangindev 2018年07月25日

👍2

@nratorありがとう。出来た。したがって、<％body％>も必要ありません（与えられた例では機能しないため）。

ところで、特定の問題ではありませんが、このライブラリを介して詳細のリストを送信する経験や例はありますか？私は自分のアプリを構築するのに役立つかもしれない何かを探しています:)

thidasapankaja 2018年07月25日

@ pankaja92詳細のリストを送信することで、どういう意味かこのsendgridブログ投稿を読むことができます。基本的に、アイテムのリストを反復処理したり、基本的な条件を使用して動的コンテンツを生成したりできます。

実際のコードについては、このリポジトリを参照し

それが役に立てば幸い！

hangindev 2018年07月25日

みなさん、こんにちは。この問題にも数時間を費やしました。

代わりに使用したのsubstitutions使用して、 dynamicTemplateDataメインでmsg代わりに、オブジェクト：

const sgMail = require('@sendgrid/mail')

sgMail.setApiKey(process.env.SENDGRID_API_KEY)
sgMail.setSubstitutionWrappers('{{', '}}')

const msg = {
  to: '[email protected]',
  from: '[email protected]',
  templateId: 'd-27e7d954368c46519eddc806e5cf8156',
  dynamicTemplateData: {
    name: 'Some One',
    city: 'Denver',
  },
}

sgMail.send(msg)

参照： https ：

そのPRによると、 templateIdが動的テンプレート（プレフィックスがd- ）の場合、 substitutionsはまったく送信されないため、 dynamicTemplateDataオブジェクトを使用する必要があります。

彼らはここで問題を作成して、ドキュメントへの動的テンプレートの追加の使用法を改善しましたが、それまではこれが役立つことを願っています。 🎉

jayprado 2018年07月25日

👍23 🎉9 😄1

この問題に従ってください：＃703

thinkingserious 2018年07月25日

'substitutions'を 'dynamic_template_data'に変更します

jseyfert 2018年12月06日

@jseyfertはdynamic_template_dataであるべきではありませんか？

aroach 2018年12月06日

@aroachあなたは正しいです。コメントを更新しました。

jseyfert 2018年12月07日

最初は私の側でもうまくいきませんでした。
私のバージョンが少し古くなっていることに気づきました（@ sendgrid / mail @ 6.2.1を使用していました）
パッケージを更新し、コードを変更したところ、機能しています。

@ sendgrid / [email protected]を使用

const result = await this.sgMail.send({
                personalizations: [{
                    to: this._to
                }],
                dynamicTemplateData: {
                    test: 'test' <== working (code in template: {{ test }})
                },
                templateId: this._templateId,
            });

以下のコードが機能していないことに注意してください。

const result = await this.sgMail.send({
                personalizations: [{
                    to: this._to,
                dynamicTemplateData: {
                    test: 'test' <== NOT working (code in template: {{ test }})
                }
                }],
                templateId: this._templateId,
            });

roymilder 2018年12月11日

👍2 ❤1 😄1

はい、dynamic_template_dataのサポートにはv6.3.1を使用する必要があります。

4時15分AMロイ軽度のでは火、2018年12月11日に[email protected]書きました：

最初は私の側でもうまくいきませんでした。
私のバージョンが少し古くなっていることに気づきました（私は使用していました
@ sendgrid / mail @ 6.2.1）
パッケージを更新し、コードを変更したところ、機能しています。
@ sendgrid / [email protected]を使用
const result = await this.sgMail.send（{
パーソナライズ：[{
to：this._to
}]、
dynamicTemplateData：{
テスト： 'テスト' <==動作中（テンプレートのコード：{{テスト}}）
}、
templateId：this._templateId、
}）;
—
あなたが言及されたのであなたはこれを受け取っています。
このメールに直接返信し、GitHubで表示してください
https://github.com/sendgrid/sendgrid-nodejs/issues/676#issuecomment-446166152 、
またはスレッドをミュートします
https://github.com/notifications/unsubscribe-auth/ACL-sjFRFP8txUETNWFVLs0chW5yyL1Nks5u35OzgaJpZM4TOB5l
。

aroach 2018年12月11日

こんにちは、忘れないでください
トランザクションテンプレートを作成するのではなく、レガシーテンプレートを作成してそのコピーを作成します。
その後、あなたが行うすべてのステップが機能します。

ghost 2019年01月11日

dynamicTemplateData

私のために働きます。 SendGridライブラリの最新バージョンを使用しており、Firebase（関数）を介して使用しています。現在の主な問題は、TypeScriptのサポートとドキュメントの欠如です。

darren-dev 2019年03月19日

@roymilder 、どうもありがとうございました。あなたの答えは私の一日になりました-動的テンプレートの代替は非常に不明確です。
称賛！

OleksiiM 2019年06月11日

😄1

こんにちは@OleksiiM 、

この例は役に立ちますか？

@ darren-dev、

助けてくれてありがとう！ TypeScriptのサポートとドキュメントの欠如に関して、Firebase側について言及していますか？

@uups 、

助けてくれてありがとう！

敬具、

エルマー

thinkingserious 2019年06月12日

@thinkingserious 、はい、そうです。ありがとうございました。

OleksiiM 2019年06月12日

@OleksiiM 、

最初はどこを見ましたか？動的テンプレートを使用する必要がある人が、最初に送信したリンクに確実にアクセスできるようにする方法を見つけようとしています。

thinkingserious 2019年06月12日

@thinkingserious
ここから始め

それは言う：
「トランザクションテンプレートの送信
次の3つの方法のいずれかを使用して、トランザクションテンプレートを送信できます。
SMTPリレーの使用
Web APIv3メール送信エンドポイントのtemplatesパラメーターにテンプレートIDを含める
Web APIv2メール送信エンドポイントでx-smtpapiパラメーターを使用する」

そこで、「 Web APIv3メール送信エンドポイントのテンプレートパラメーターにテンプレートIDを含める」にジャンプしました。

なぜそれが不明確だったのか：
最後のページには、template_idを表示しているが、「dynamic_template_data」フィールドについては何も述べていない、可能な「リクエストボディパラメータ」のリストが表示されます。「パーソナライズ」+「置換」+「template_id」を使用しようとしましたが、機能しませんでした。
また、私は新しいSendgridユーザーであるため、「古い」テンプレートと「新しい」（動的）テンプレート、およびそれらの違いを認識していませんでした（上記のsendgridドキュメントページはそれについて何も述べていません）。

質問してドキュメントを改善していただきありがとうございます。他の人がこのようなトラブルを避けてくれることを願っています。

OleksiiM 2019年06月12日

@thinkingserious追加することが
現在、次のドキュメントを使用しています： //sendgrid.com/docs/API_Reference/api_v3.html

電子メールの送信手順（https://sendgrid.api-docs.io/v3.0/mail-send）には、パーソナライズでdynamic_template_dataがまったく記載されていません。

ですから、それも不明確です。

それが役に立てば幸い！

roymilder 2019年06月13日

@Whatthefoxsays ^^

@ OleksiiM ＆@ roymilderに感謝します！ TwilioSendGridコミュニティへのご協力に感謝します:)

thinkingserious 2019年06月14日

みなさん、こんにちは。この問題にも数時間を費やしました。
代わりに使用したのsubstitutions使用して、 dynamicTemplateDataメインでmsg代わりに、オブジェクト：
const sgMail = require('@sendgrid/mail')

sgMail.setApiKey(process.env.SENDGRID_API_KEY)
sgMail.setSubstitutionWrappers('{{', '}}')

const msg = {
  to: '[email protected]',
  from: '[email protected]',
  templateId: 'd-27e7d954368c46519eddc806e5cf8156',
  dynamicTemplateData: {
    name: 'Some One',
    city: 'Denver',
  },
}

sgMail.send(msg)
参照：＃691
そのPRによると、 templateIdが動的テンプレート（プレフィックスがd- ）の場合、 substitutionsはまったく送信されないため、 dynamicTemplateDataオブジェクトを使用する必要があります。
彼らはここで問題を作成して、ドキュメントへの動的テンプレートの追加の使用法を改善しましたが、それまではこれが役立つことを願っています。 🎉

2日目からハッスルしてこれを見て動作させました。

Travotics 2019年06月15日

こんにちは@Travotics 、

上記を見つける前に、どのドキュメントから始めましたか？私はこの経験を改善しようとしています。ありがとう！

敬具、

エルマー

thinkingserious 2019年06月15日

@thinkingserious https://github.com/sendgrid/sendgrid-nodejs/blob/master/use-cases/kitchen-sink.md

dynamicTemplateDataはありませんが、 substitutionWrappersとsubstitutionsます。

ドキュメントの更新に加えて、タイプインターフェイスMailData （https://github.com/sendgrid/sendgrid-nodejs/blob/master/packages/helpers/classes/）を更新することもお勧めします。 mail.d.ts＃L117）。 substitutionsサポートしない@ sendgrid / mailリリースの場合、 substititons substitutionWrappersフィールドとV2MailDataパラメーターが必要です。

CoreyCole 2019年08月22日

こんにちは、 @ himanshupntのコメントを読んだ後、レガシーテンプレートでテストしたところ、機能しました。ありがとう@himanshupnt 。
後で、 Sendgridのドキュメントである動的トランザクションテンプレートを使用したメール送信を見つけました。新しいテンプレート（レガシーテンプレートではない）が機能しているようです。同じHTMLテンプレートを使用し、コードを次のように更新しました。
  const sgMail = require("@sendgrid/mail");
  sgMail.setApiKey(process.env.SENDGRID_API_KEY);
  sgMail.setSubstitutionWrappers("{{", "}}"); // Configure the substitution tag wrappers globally

  const msg = {
    from: "[email protected]",
    templateId: "d-27e7d954368c46519eddc806e5cf8156",
    personalizations: [
      {
        to: [
          {
            email: "[email protected]"
          }
        ],
        dynamic_template_data: {
          name: "Someone",
          city: "Somewhere",
          subject: "Hello new world"
        }
      }
    ]
  };

  sgMail.send(msg).catch(err => console.error(err.message));
「substitutions」を「dynamic_template_data」に置き換え、ドキュメントの要求に応じて「personalizations」内に「to」を配置したことに注意してください。また、サブジェクトを「dynamic_template_data」の1つとして扱い、機能します。（テンプレートの件名フィールドに{{subject}}を入力してください）
ありがとう。

どうもありがとうございました！私はこれのデバッグにかなりの時間を費やしました。：/

dmclavel 2020年04月19日

このページは役に立ちましたか？

0 / 5 - 0 評価

Sendgrid-nodejs: 置換が機能しない

問題の概要

再現する手順

技術的な詳細：

最も参考になるコメント

全てのコメント43件

関連する問題