在React Native Application中与mailchimp集成

Question

我是React Native的初学者。我基本上尝试在React Native和MailChimp中执行我的应用程序之间的集成，我想要做的是：从用户向我们提供电子邮件的那一刻起，并发送表单，然后通过MailChimp触发电子邮件，我使用Firebase创建自己的电子邮件库，但我想通过mailchimp自动执行发送任务，我用来在firebase中保存电子邮件的方法如下：

saveEmail() {
    var id = firebase.database().ref().child('xxx').push().key;
    const valueEmail = this.state.input;
    const valueName = this.state.name;

    firebase.database().ref('/xxx/' + id).set({
        email: valueEmail,
        name: valueName
    });

    //here where the post for the mailchimp API will be carried out

    this.setState(
        {
            isModalVisible: !this.state.isModalVisible,
            valid: false,
            name: '',
            input: ''

        }
    );
}

感谢大家！

Answer 1

这里安静的一切？在一些研究和想法的中间，一个问题解决方案的可能任务，下面为React Native应用程序执行MailChimp和Firebase之间的集成。

首先，从一些研究中完成，被视为服务器端数据库，因为我已经在使用Firebase实时数据库，然后我决定使用它作为云功能来通过执行云功能来解决这个问题，这是检查数据库的状态，并在给出时，触发对MailChimp API的POST，这是为此创建的函数：

const functions = require('firebase-functions');

\\Code suppressed here

exports.onDataAdded = functions.database.ref('/xxx/{id}').onCreate((snap, context) => {
    const data = snap.val();
    var fetch = require('isomorphic-fetch');
    var btoa = require('btoa');

    console.log(data.email);
    // POST /lists/{list_id}/members
    // Add a new list member

    var MAILCHIMP_API_KEY = 'Key Here';
    var listId = 'Id Here';
    // NOTE: mailchimp's API uri differs depending on your location. us6 is the east coast. 
    var url = 'https://<dc>.api.mailchimp.com/3.0/lists/' + listId + '/members';
    var method = 'POST';
    var headers = {
        'authorization': "Basic " + btoa('randomstring:' + MAILCHIMP_API_KEY),
        'Accept': 'application/json',
        'Content-Type': 'application/json'
    };
    var body = JSON.stringify(
        {
            email_address: data.email,
            status: 'subscribed',
            'language': data.language,
            merge_fields: { FNAME: data.name }
        }
    );

    return fetch(url, {
        method,
        headers,
        body
    }).then(resp => resp.json())
        .then(resp => {
            return console.log(resp)
        })
        .catch(error => {
            throw new Error(error.statusText)
        });
});

使用此功能在Firebase的云功能中创建，从实时插入数据库的那一刻开始，触发该触发器以触发此功能。

感谢您的快速答复！！