? ??????? ? ?? ???? ??? ??? ??? ?? ?? ??? ??(?: B2B, B2C)? Mailchimp ????? ???? ???? ??? ??? ?????. ? ????? ??? ?? HTML ??? ????? ??? Express.js ??? ???? ??? ?? ??? ???? ???? Mailchimp? ?? ??? ?????? ??? ??? ??? ???? ???? ??? ? ??? ?????.

??? ?? ?? ?? ????? ??? ? ???? ???? ??? ?? ???? ???? ?? ???? ???? ???? ? ??? ?????. Mailchimp? ?? ??? ?? ??? ??? ??? ??? ?????. ? ????? ????? ? ??? ???? ?? ??? Mailchimp? ?? ???? ???? ???? ??? ??? ???? ???? ??? ?????.

?? ??

?? ??? ??? ???? ??? ??? ????.

1. ??? ?? ?? ???: ?? HTML ??? ???? ???? ??? ????
   ?? ?? ???? ??? ???? POST ??? ?? ???? ?????.
   ??? ?? ??? ???? ??, ? ??? Mailchimp ?? ??? ?? ? ??? ???? ???.
2. ??? ??? ??: ?? ?(?: Node.js ? Express ??)?? req.body? ?? ????? ???? ??? ???? ?? ?? ?????. ?? ?? ? ?? Mailchimp API ??? ??? ??, ?? Subscriber ??? ?? ??? ???? ?????.

????? ? ???(EJS ??)

???? ??? ??? ????? ???? ??? ? ??? ??? ????? HTML ??? ???? ???. ??? ??? ????

?? ?? ???? ????.

??? ?? ??:

• : ?? ?? URL? ?? ?? ??? ?????.
• : name="dropDown"? ?????. ?? ???? req.body.dropDown? ?? ? ???? ??? ?? ?? ????? ?? ?????.
• ? : value ??? ?? Mailchimp ?? ???? ?? ?????. ????? ??? ???? ?? ??? ????? ?? ??? ???? ?? ????.

??? ?? ??(Node.js/Express ?)

Express ?? ???? POST ??? ???? ??? ??? ???? ??? ???? ?? ?? ???? ?? Mailchimp API? ??? ??? ??? ???? ???.

 const ?? = require('??');
const bodyParser = require('body-parser');
const ? = ??();

// ?? ???? ?? ????? body-parser? ?????. app.use(bodyParser.urlencoded({ Extended: true }));
app.use(express.static("??")); // CSS/JS ? ?? ??? ?? ??
app.set('? ??', 'ejs'); // ??? ?? ?? // GET ??? ?? ???? ????? ? ?????. app.get('/', (req, res) => {
  res.render('??'); // EJS ?? ??? index.ejs?? ?????.
});

// POST ??? ?? ??? ???? ? ?????. app.post('/', (req, res) => {
  var firstName = req.body.firstName;
  var lastName = req.body.lastName;
  var ??? = req.body.email;
  selectedTag = req.body.dropDown; // ???? ???? ??? ?? ?????. // Mailchimp API? ??? ??? ??? ?????. var mailchimpData = {
    status: "active", // ?? ?? ??: [
      {
        email_address: ???,
        status: "subscribed", // ?? ?? merge_fields: {
          FNAME: ??,
          LNAME: ?,
        },
        Tags: [selectedTag], // ??? ??? ?? ??? ???? ??}
    ],
  };

  // Mailchimp API? ??? ?? ?????(?? ???????? Mailchimp API ????? ?? HTTP ?? ????? ?? ??)
  console.log("Mailchimp? ??? ???:", mailchimpData);

  // ?? ????????? ???? Mailchimp API ??? ??????. // ?:
  /*
  const ????? = require("@mailchimp/mailchimp_marketing");
  ?????.setConfig({
    apiKey: "YOUR_MAILCHIMP_API_KEY",
    ??: "YOUR_MAILCHIMP_SERVER_PREFIX", // ?: "us1"
  });

  ??? ?? ??() {
    ???? {
      const ?? = client.lists.batchListMembers("YOUR_LIST_ID", mailchimpData)? ?????.
      console.log(??);
      res.render('??'); //?? ?? ???} catch(??) {
      console.error(??);
      res.render('??'); // ?? ?? ???}
  }
  ???();
  */

  res.send(`${firstName} ${lastName} (${email}) ???? ${selectedTag} ??? ????? ?? ??? ??????.`);
});

const PORT = process.env.PORT || 3000;
app.listen(PORT, () => {
  console.log(`??? http://localhost:${PORT}?? ?? ????`);
});

??? ?? ??:

• selectedTag = req.body.dropDown; : req.body ??? ?? ??? name ??(dropDown)? ???? ???? ??? ?? ??? ? ????.
• Tags: [selectedTag] : ??? selectedTag ??? ?? ??? ?? ???? mailchimpData.members[0].tags? ?????. ??? ?? ???? ??? ??? Mailchimp? ?????.

??? ?

1. ?? ??? ??: ?? ??? ??? ?????? ??? ???? ????? ???. ????? ??? ???? ???? ???? ??, ??? ??? ?? ???? ?? ??? ?????? ??? ???? ?????.
2. ?? ??: Mailchimp API ??? ??? ? ????(?: ???? ??, ??? API ?, ???? ?? ?? ? ?). ????? ??? ?? ??? ???? ????? ?? ?? ???? ??????.
3. Mailchimp API ??: ?? ??????? Mailchimp? ?? Node.js ????? ?????(@mailchimp/mailchimp_marketing)? ?? ? ????? ?? HTTP ?? ?????? ???? Mailchimp API? ?? ???? ???. API ?? ?? ???? ???? ?????? ?????.
4. ??? ??: ???? ??? ??? ? ?? ???? ???? ??? ????? ??? ? ??? ??? ??? ?? ???? ???? ?? ?????.
5. ??: Mailchimp API ?? ?? ??? ??? ????? ??? ?? ???? ????. ?? ???? ???? ???.

??

?? ??? ?? ? ?? ???? ???? ???? ??? ?? Mailchimp ????? ??? ???? ???? ??? ????? ??????. ? ??? ??? ??? ???? ???? ???? ?? ??? ?? ??? ??? ??? ?? ??? ??? ?????. ??? ?? ??? ?? ??? ? ? ???? ???? ? ?? ?? ???? ???? ??? ??? ?? ? ????.

? ??? Mailchimp ??? ??? ?? ??: ?? ???? ??? ???? ? ?? ????? ?? ?????. ??? ??? PHP ??? ????? ?? ?? ??? ?????!