Class Adapter
publicAn adapter is an object that receives requests from a store and
translates them into the appropriate action to take against your
persistence layer. The persistence layer is usually an HTTP API but
may be anything, such as the browser's local storage. Typically the
adapter is not invoked directly instead its functionality is accessed
through the store
.
⚠️ CAUTION you likely want the docs for
Adapter as extending this abstract class is unnecessary.
Creating an Adapter
Create a new subclass of Adapter
in the app/adapters
folder:
import Adapter from '@ember-data/adapter';
export default Adapter.extend({
// ...your code here
});
Model-specific adapters can be created by putting your adapter
class in an app/adapters/
+ model-name
+ .js
file of the application.
import Adapter from '@ember-data/adapter';
export default Adapter.extend({
// ...Post-specific adapter code goes here
});
Adapter
is an abstract base class that you should override in your
application to customize it for your backend. The minimum set of methods
that you should implement is:
findRecord()
createRecord()
updateRecord()
deleteRecord()
findAll()
query()
To improve the network performance of your application, you can optimize your adapter by overriding these lower-level methods:
findMany()
For an example of the implementation, see RESTAdapter
, the
included REST adapter.
createRecord (store, type, snapshot) Promise public
Defined in ../packages/adapter/src/index.ts:499
- store
- Store
- type
- Model
the Model class of the record
- snapshot
- Snapshot
- returns
- Promise
promise
Implement this method in a subclass to handle the creation of new records.
Serializes the record and sends it to the server.
Example
import Adapter from '@ember-data/adapter';
import RSVP from 'RSVP';
import $ from 'jquery';
export default class ApplicationAdapter extends Adapter {
createRecord(store, type, snapshot) {
let data = this.serialize(snapshot, { includeId: true });
return new RSVP.Promise(function (resolve, reject) {
$.ajax({
type: 'POST',
url: `/${type.modelName}`,
dataType: 'json',
data: data
}).then(function (data) {
resolve(data);
}, function (jqXHR) {
jqXHR.then = null; // tame jQuery's ill mannered promises
reject(jqXHR);
});
});
}
}
deleteRecord (store, type, snapshot) Promise public
Defined in ../packages/adapter/src/index.ts:604
- store
- Store
- type
- Model
the Model class of the record
- snapshot
- Snapshot
- returns
- Promise
promise
Implement this method in a subclass to handle the deletion of a record.
Sends a delete request for the record to the server.
Example
import Adapter from '@ember-data/adapter';
import RSVP from 'RSVP';
import $ from 'jquery';
export default class ApplicationAdapter extends Adapter {
deleteRecord(store, type, snapshot) {
let data = this.serialize(snapshot, { includeId: true });
let id = snapshot.id;
return new RSVP.Promise(function(resolve, reject) {
$.ajax({
type: 'DELETE',
url: `/${type.modelName}/${id}`,
dataType: 'json',
data: data
}).then(function(data) {
resolve(data)
}, function(jqXHR) {
jqXHR.then = null; // tame jQuery's ill mannered promises
reject(jqXHR);
});
});
}
}
findAll (store, type, neverSet, snapshotRecordArray) Promise public
Defined in ../packages/adapter/src/index.ts:305
- store
- Store
- type
- Model
- neverSet
- Null
a value is never provided to this argument
- snapshotRecordArray
- SnapshotRecordArray
- returns
- Promise
promise
The findAll()
method is used to retrieve all records for a given type.
Example
import Adapter from '@ember-data/adapter';
import RSVP from 'RSVP';
import $ from 'jquery';
export default class ApplicationAdapter extends Adapter {
findAll(store, type) {
return new RSVP.Promise(function(resolve, reject) {
$.getJSON(`/${type.modelName}`).then(function(data) {
resolve(data);
}, function(jqXHR) {
reject(jqXHR);
});
});
}
}
findMany (store, type, ids, snapshots) Promise public
Defined in ../packages/adapter/src/index.ts:675
- store
- Store
- type
- Model
the Model class of the records
- ids
- Array
- snapshots
- Array
- returns
- Promise
promise
The store will call findMany
instead of multiple findRecord
requests to find multiple records at once if coalesceFindRequests
is true.
import Adapter from '@ember-data/adapter';
import RSVP from 'RSVP';
import $ from 'jquery';
export default class ApplicationAdapter extends Adapter {
findMany(store, type, ids, snapshots) {
return new RSVP.Promise(function(resolve, reject) {
$.ajax({
type: 'GET',
url: `/${type.modelName}/`,
dataType: 'json',
data: { filter: { id: ids.join(',') } }
}).then(function(data) {
resolve(data);
}, function(jqXHR) {
jqXHR.then = null; // tame jQuery's ill mannered promises
reject(jqXHR);
});
});
}
}
findRecord (store, type, id, snapshot) Promise public
Defined in ../packages/adapter/src/index.ts:263
- store
- Store
- type
- Model
- id
- String
- snapshot
- Snapshot
- returns
- Promise
promise
The findRecord()
method is invoked when the store is asked for a record that
has not previously been loaded. In response to findRecord()
being called, you
should query your persistence layer for a record with the given ID. The findRecord
method should return a promise that will resolve to a JavaScript object that will be
normalized by the serializer.
Here is an example of the findRecord
implementation:
import Adapter from '@ember-data/adapter';
import RSVP from 'RSVP';
import $ from 'jquery';
export default class ApplicationAdapter extends Adapter {
findRecord(store, type, id, snapshot) {
return new RSVP.Promise(function(resolve, reject) {
$.getJSON(`/${type.modelName}/${id}`).then(function(data) {
resolve(data);
}, function(jqXHR) {
reject(jqXHR);
});
});
}
}
generateIdForRecord (store, type, inputProperties) (String|Number) public
Defined in ../packages/adapter/src/index.ts:432
- store
- Store
- type
- Model
the Model class of the record
- inputProperties
- Object
a hash of properties to set on the newly created record.
- returns
- (String|Number)
id
If the globally unique IDs for your records should be generated on the client,
implement the generateIdForRecord()
method. This method will be invoked
each time you create a new record, and the value returned from it will be
assigned to the record's primaryKey
.
Most traditional REST-like HTTP APIs will not use this method. Instead, the ID
of the record will be set by the server, and your adapter will update the store
with the new ID when it calls didCreateRecord()
. Only implement this method if
you intend to generate record IDs on the client-side.
The generateIdForRecord()
method will be invoked with the requesting store as
the first parameter and the newly created record as the second parameter:
import Adapter from '@ember-data/adapter';
import { v4 } from 'uuid';
export default class ApplicationAdapter extends Adapter {
generateIdForRecord(store, type, inputProperties) {
return v4();
}
}
groupRecordsForFindMany (store, snapshots) Array public
Defined in ../packages/adapter/src/index.ts:713
- store
- Store
- snapshots
- Array
- returns
- Array
an array of arrays of records, each of which is to be loaded separately by
findMany
.
Organize records into groups, each of which is to be passed to separate
calls to findMany
.
For example, if your API has nested URLs that depend on the parent, you will want to group records by their parent.
The default implementation returns the records as a single group.
query (store, type, query, recordArray, adapterOptions) Promise public
Defined in ../packages/adapter/src/index.ts:348
- store
- Store
- type
- Model
- query
- Object
- recordArray
- Collection
- adapterOptions
- Object
- returns
- Promise
promise
This method is called when you call query
on the store.
Example
import Adapter from '@ember-data/adapter';
import RSVP from 'RSVP';
import $ from 'jquery';
export default class ApplicationAdapter extends Adapter {
query(store, type, query) {
return new RSVP.Promise(function(resolve, reject) {
$.getJSON(`/${type.modelName}`, query).then(function(data) {
resolve(data);
}, function(jqXHR) {
reject(jqXHR);
});
});
}
}
queryRecord (store, type, query, adapterOptions) Promise public
Defined in ../packages/adapter/src/index.ts:387
- store
- Store
- type
- Subclass of Model
- query
- Object
- adapterOptions
- Object
- returns
- Promise
promise
The queryRecord()
method is invoked when the store is asked for a single
record through a query object.
In response to queryRecord()
being called, you should always fetch fresh
data. Once found, you can asynchronously call the store's push()
method
to push the record into the store.
Here is an example queryRecord
implementation:
Example
import Adapter, { BuildURLMixin } from '@ember-data/adapter';
import RSVP from 'RSVP';
import $ from 'jquery';
export default class ApplicationAdapter extends Adapter.extend(BuildURLMixin) {
queryRecord(store, type, query) {
return new RSVP.Promise(function(resolve, reject) {
$.getJSON(`/${type.modelName}`, query).then(function(data) {
resolve(data);
}, function(jqXHR) {
reject(jqXHR);
});
});
}
}
serialize (snapshot, options) Object public
Defined in ../packages/adapter/src/index.ts:466
- snapshot
- Snapshot
- options
- Object
- returns
- Object
serialized snapshot
Proxies to the serializer's serialize
method.
Example
import Adapter from '@ember-data/adapter';
export default class ApplicationAdapter extends Adapter {
createRecord(store, type, snapshot) {
let data = this.serialize(snapshot, { includeId: true });
let url = `/${type.modelName}`;
// ...
}
}
shouldBackgroundReloadAll (store, snapshotRecordArray) Boolean public
Defined in ../packages/adapter/src/index.ts:877
Available since v1.13.0
- store
- Store
- snapshotRecordArray
- SnapshotRecordArray
- returns
- Boolean
This method is used by the store to determine if the store should
reload a record array after the store.findAll
method resolves
with a cached record array.
This method is only checked by the store when the store is returning a cached record array.
If this method returns true
the store will re-fetch all records
from the adapter.
For example, if you do not want to fetch complex data over a mobile
connection, or if the network is down, you can implement
shouldBackgroundReloadAll
as follows:
shouldBackgroundReloadAll(store, snapshotArray) {
let { downlink, effectiveType } = navigator.connection;
return downlink > 0 && effectiveType === '4g';
}
By default this method returns true
, indicating that a background reload
should always be triggered.
shouldBackgroundReloadRecord (store, snapshot) Boolean public
Defined in ../packages/adapter/src/index.ts:840
Available since v1.13.0
- store
- Store
- snapshot
- Snapshot
- returns
- Boolean
This method is used by the store to determine if the store should
reload a record after the store.findRecord
method resolves a
cached record.
This method is only checked by the store when the store is returning a cached record.
If this method returns true
the store will re-fetch a record from
the adapter.
For example, if you do not want to fetch complex data over a mobile
connection, or if the network is down, you can implement
shouldBackgroundReloadRecord
as follows:
shouldBackgroundReloadRecord(store, snapshot) {
let { downlink, effectiveType } = navigator.connection;
return downlink > 0 && effectiveType === '4g';
}
By default, this hook returns true
so the data for the record is updated
in the background.
shouldReloadAll (store, snapshotRecordArray) Boolean public
Defined in ../packages/adapter/src/index.ts:784
Available since v1.13.0
- store
- Store
- snapshotRecordArray
- SnapshotRecordArray
- returns
- Boolean
This method is used by the store to determine if the store should
reload all records from the adapter when records are requested by
store.findAll
.
If this method returns true
, the store will re-fetch all records from
the adapter. If this method returns false
, the store will resolve
immediately using the cached records.
For example, if you are building an events ticketing system, in which users can only reserve tickets for 20 minutes at a time, and want to ensure that in each route you have data that is no more than 20 minutes old you could write:
shouldReloadAll(store, snapshotArray) {
let snapshots = snapshotArray.snapshots();
return snapshots.any((ticketSnapshot) => {
let lastAccessedAt = ticketSnapshot.attr('lastAccessedAt');
let timeDiff = moment().diff(lastAccessedAt, 'minutes');
if (timeDiff > 20) {
return true;
} else {
return false;
}
});
}
This method would ensure that whenever you do store.findAll('ticket')
you
will always get a list of tickets that are no more than 20 minutes old. In
case a cached version is more than 20 minutes old, findAll
will not
resolve until you fetched the latest versions.
By default, this method returns true
if the passed snapshotRecordArray
is empty (meaning that there are no records locally available yet),
otherwise, it returns false
.
Note that, with default settings, shouldBackgroundReloadAll
will always
re-fetch all the records in the background even if shouldReloadAll
returns
false
. You can override shouldBackgroundReloadAll
if this does not suit
your use case.
shouldReloadRecord (store, snapshot) Boolean public
Defined in ../packages/adapter/src/index.ts:733
Available since v1.13.0
- store
- Store
- snapshot
- Snapshot
- returns
- Boolean
This method is used by the store to determine if the store should
reload a record from the adapter when a record is requested by
store.findRecord
.
If this method returns true
, the store will re-fetch a record from
the adapter. If this method returns false
, the store will resolve
immediately using the cached record.
For example, if you are building an events ticketing system, in which users can only reserve tickets for 20 minutes at a time, and want to ensure that in each route you have data that is no more than 20 minutes old you could write:
shouldReloadRecord(store, ticketSnapshot) {
let lastAccessedAt = ticketSnapshot.attr('lastAccessedAt');
let timeDiff = moment().diff(lastAccessedAt, 'minutes');
if (timeDiff > 20) {
return true;
} else {
return false;
}
}
This method would ensure that whenever you do store.findRecord('ticket',
id)
you will always get a ticket that is no more than 20 minutes old. In
case the cached version is more than 20 minutes old, findRecord
will not
resolve until you fetched the latest version.
By default this hook returns false
, as most UIs should not block user
interactions while waiting on data update.
Note that, with default settings, shouldBackgroundReloadRecord
will always
re-fetch the records in the background even if shouldReloadRecord
returns
false
. You can override shouldBackgroundReloadRecord
if this does not
suit your use case.
updateRecord (store, type, snapshot) Promise public
Defined in ../packages/adapter/src/index.ts:547
- store
- Store
- type
- Model
the Model class of the record
- snapshot
- Snapshot
- returns
- Promise
promise
Implement this method in a subclass to handle the updating of a record.
Serializes the record update and sends it to the server.
The updateRecord method is expected to return a promise that will
resolve with the serialized record. This allows the backend to
inform the Ember Data store the current state of this record after
the update. If it is not possible to return a serialized record
the updateRecord promise can also resolve with undefined
and the
Ember Data store will assume all of the updates were successfully
applied on the backend.
Example
import Adapter from '@ember-data/adapter';
import RSVP from 'RSVP';
import $ from 'jquery';
export default class ApplicationAdapter extends Adapter {
updateRecord(store, type, snapshot) {
let data = this.serialize(snapshot, { includeId: true });
let id = snapshot.id;
return new RSVP.Promise(function(resolve, reject) {
$.ajax({
type: 'PUT',
url: `/${type.modelName}/${id}`,
dataType: 'json',
data: data
}).then(function(data) {
resolve(data);
}, function(jqXHR) {
jqXHR.then = null; // tame jQuery's ill mannered promises
reject(jqXHR);
});
});
}
}