如何在余烬中使用适配器

Question

I am trying to send data from my front end ember app to a rails API. The method in question, donate, sits at a custom route:

patch 'accounts/:id/donate' => 'accounts#donate'

In order to call to it, I understand that my ember route needs to use an adapter to override the normal patch methods, but that is about where my knowledge ends. This is the state of my current route:

import Ember from 'ember';

export default Ember.Route.extend({

  actions: {
    donate(params){
      console.log('hits');
      console.log(params);
      let patron = this.get('store').findRecord('account', 10);
      // here is where I need to link to my adapter
      patron.donate(params);
    }
  }
});

and my adapter file (I cannot even get this to fire yet, so the low quality of the code is to be expected):

import ApplicationAdapter from './application';

export default ApplicationAdapter.extend({
  // Not super confident about this adapter, not am I super confident about how I
  // am passing data through it.
  donate(store, type, record) {
    let api = this.get('host');
    let serialized = this.serialize(record, {includeId: true});
    let accountId = serialized.account_id;
    let url = `${api}/accounts/${accountId}/donate`;
    let data = {account: serialized};
    return this.ajax(url, 'PATCH', {data});
  }
});

The first step to getting this functionality working is making sure my adapter can properly call to my server. How/where would I go about making this happen?

Answer 1

As you have discovered, Ember's default adapter assumes a very specific REST API resource model ( JSON API spec ). However, the nice thing about Ember's community is if there's a common problem, there is often a library out there to help and it's also quite common to have an "actions" based REST API.

tl;dr if you can add another library to your codebase, checkout ember-api-actions . From a cursory view, it seems to do exactly what you need with very little configuration. It also has a very good rating on Ember Observer (it seems production worthy).

Answer 2

In your route's actions, the donate action will call the createRecord method of the store object like this:

this.store.createRecord('modelName', objectToBeSentToTheServer);

In your adapter, you will need to create a createRecord function that will handle the call from the route.

Look at the Ember Data API:

https://www.emberjs.com/api/data/

The following link gives you details about the adapter functions for creating, updating, finding records:

https://www.emberjs.com/api/data/classes/DS.JSONAPIAdapter.html