Reading and Writing Data Using the MemberPress API

Hey there, fellow JavaScript wizards! Ready to dive into the world of MemberPress API integration? Let's roll up our sleeves and get our hands dirty with some code.

Introduction

MemberPress is a powerful membership plugin for WordPress, and its API opens up a world of possibilities for custom integrations. Today, we're focusing on syncing data for a user-facing integration. Buckle up!

Authentication

First things first – let's get you authenticated. You'll need to grab your API credentials from the MemberPress dashboard. If you're using OAuth 2.0, here's a quick snippet to get you started:

const getAccessToken = async () => {
  const response = await fetch('https://your-site.com/oauth/token', {
    method: 'POST',
    headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
    body: 'grant_type=client_credentials&client_id=YOUR_CLIENT_ID&client_secret=YOUR_CLIENT_SECRET'
  });
  const data = await response.json();
  return data.access_token;
};

Reading Data

Now that we're in, let's fetch some user info:

const getUserInfo = async (userId) => {
  const token = await getAccessToken();
  const response = await fetch(`https://your-site.com/wp-json/mp/v1/members/${userId}`, {
    headers: { 'Authorization': `Bearer ${token}` }
  });
  return response.json();
};

Want to check if a user's subscription is active? Easy peasy:

const isSubscriptionActive = async (userId) => {
  const userInfo = await getUserInfo(userId);
  return userInfo.subscriptions.some(sub => sub.status === 'active');
};

Writing Data

Updating user profiles is a breeze:

const updateUserProfile = async (userId, data) => {
  const token = await getAccessToken();
  const response = await fetch(`https://your-site.com/wp-json/mp/v1/members/${userId}`, {
    method: 'PUT',
    headers: {
      'Authorization': `Bearer ${token}`,
      'Content-Type': 'application/json'
    },
    body: JSON.stringify(data)
  });
  return response.json();
};

Syncing Data

Real-time updates? We've got you covered with webhooks:

const express = require('express');
const app = express();

app.post('/memberpress-webhook', express.json(), (req, res) => {
  const event = req.body;
  // Handle the event (e.g., update local database)
  console.log('Received event:', event);
  res.sendStatus(200);
});

app.listen(3000, () => console.log('Webhook listener running on port 3000'));

Error Handling and Rate Limiting

Always be prepared for the unexpected:

const apiCall = async (url, options) => {
  try {
    const response = await fetch(url, options);
    if (!response.ok) {
      throw new Error(`HTTP error! status: ${response.status}`);
    }
    return await response.json();
  } catch (error) {
    console.error('API call failed:', error);
    // Implement retry logic here
  }
};

And don't forget to play nice with rate limits!

Optimizing Performance

Caching is your friend. Here's a simple in-memory cache:

const cache = new Map();

const getCachedData = async (key, fetchFunction) => {
  if (cache.has(key)) {
    return cache.get(key);
  }
  const data = await fetchFunction();
  cache.set(key, data);
  return data;
};

Security Considerations

Always encrypt sensitive data and never, ever store API keys in plain text. Use environment variables or a secure key management system.

Testing and Debugging

Unit testing is crucial. Here's a quick example using Jest:

test('getUserInfo returns user data', async () => {
  const userData = await getUserInfo(123);
  expect(userData).toHaveProperty('id');
  expect(userData).toHaveProperty('email');
});

Conclusion

And there you have it! You're now armed with the knowledge to create a robust MemberPress API integration. Remember, the key to a great integration is clean code, proper error handling, and always keeping security in mind.

Keep coding, keep learning, and most importantly, have fun building awesome stuff!