与 React Native 应用程序中的 mailchimp 集成



我是 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: ''
}
);
}

谢谢大家!

这里的一切都安静吗? 在一些研究和思考的过程中,一个问题解决方案的可能任务,下面是在 MailChimp 和 Firebase 之间为 React Native 应用程序执行集成。

首先,根据一些研究完成,被视为服务器端数据库,因为我已经在使用 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的云功能中创建此功能后,从插入实时数据库的那一刻起,就会触发触发该触发器来触发此功能。

感谢您的快速回复!!

您也可以使用Firebase mailchimp扩展 https://firebase.google.com/products/extensions/mailchimp-mailchimp-firebase-sync

最新更新