SDK for JavaScript DisplayService Client for Node.js, Browser and React Native.
To install the this package, simply type add or install @photiflow/client-display using your favorite package manager:
npm install @photiflow/client-display
yarn add @photiflow/client-display
pnpm add @photiflow/client-display
To send a request, you only need to import the DisplayServiceClient
and
the commands you need, for example ListImagesCommand
:
// CJS example
const { DisplayServiceClient, ListImagesCommand } = require("@photiflow/client-display");
// ES6+ example
import { DisplayServiceClient, ListImagesCommand } from "@photiflow/client-display";
To send a request, you:
- Initiate client with configuration.
- Initiate command with input parameters.
- Call
send
operation on client with command object as input. - If you are using a custom http handler, you may call
destroy()
to close open connections.
// a client can be shared by different commands.
const client = new DisplayServiceClient();
const params = { /** input parameters */ };
const command = new ListImagesCommand(params);
We recommend using await operator to wait for the promise returned by send operation as follows:
// async/await.
try {
const data = await client.send(command);
// process data.
} catch (error) {
// error handling.
} finally {
// finally.
}
Async-await is clean, concise, intuitive, easy to debug and has better error handling as compared to using Promise chains or callbacks.
You can also use Promise chaining to execute send operation.
client.send(command).then(
(data) => {
// process data.
},
(error) => {
// error handling.
}
);
Promises can also be called using .catch()
and .finally()
as follows:
client
.send(command)
.then((data) => {
// process data.
})
.catch((error) => {
// error handling.
})
.finally(() => {
// finally.
});
We do not recommend using callbacks because of callback hell, but they are supported by the send operation.
// callbacks.
client.send(command, (err, data) => {
// process err and data.
});
When the service returns an exception, the error will include the exception information, as well as response metadata (e.g. request id).
try {
const data = await client.send(command);
// process data.
} catch (error) {
const { requestId, httpStatusCode } = error.$$metadata;
console.log({ requestId, httpStatusCode });
/**
* The keys within exceptions are also parsed.
* You can access them by specifying exception names:
* if (error.name === 'SomeServiceException') {
* const value = error.specialKeyInException;
* }
*/
}