= Vert.x Web Client
:toc: left
:lang: js
:js: js

Vert.x Web Client is an asynchronous HTTP and HTTP/2 client.

The Web Client makes easy to do HTTP request/response interactions with a web server, and provides advanced
features like:

* Json body encoding / decoding
* request/response pumping
* request parameters
* unified error handling
* form submissions

The Web Client does not deprecate the Vert.x Core `link:../../jsdoc/module-vertx-js_http_client-HttpClient.html[HttpClient]`, indeed it is based on
this client and inherits its configuration and great features like pooling, HTTP/2 support, pipelining support, etc...
The `link:../../jsdoc/module-vertx-js_http_client-HttpClient.html[HttpClient]` should be used when fine grained control over the HTTP
requests/responses is necessary.

The Web Client does not provide a WebSocket API, the Vert.x Core `link:../../jsdoc/module-vertx-js_http_client-HttpClient.html[HttpClient]` should
be used. It also does not handle cookies at the moment.

== Using the Web Client

To use Vert.x Web Client, add the following dependency to the _dependencies_ section of your build descriptor:

* Maven (in your `pom.xml`):

[source,xml,subs="+attributes"]
----
<dependency>
 <groupId>io.vertx</groupId>
 <artifactId>vertx-web-client</artifactId>
 <version>3.8.0</version>
</dependency>
----

* Gradle (in your `build.gradle` file):

[source,groovy,subs="+attributes"]
----
dependencies {
 compile 'io.vertx:vertx-web-client:3.8.0'
}
----

== Re-cap on Vert.x core HTTP client

Vert.x Web Client uses the API from Vert.x core, so it's well worth getting familiar with the basic concepts of using
`link:../../jsdoc/module-vertx-js_http_client-HttpClient.html[HttpClient]` using Vert.x core, if you're not already.

== Creating a Web Client

You create an `link:../../jsdoc/module-vertx-web-client-js_web_client-WebClient.html[WebClient]` instance with default options as follows

[source,js]
----
var WebClient = require("vertx-web-client-js/web_client");
var client = WebClient.create(vertx);

----

If you want to configure options for the client, you create it as follows

[source,js]
----
var WebClient = require("vertx-web-client-js/web_client");
var options = {
  "userAgent" : "My-App/1.2.3"
};
options.keepAlive = false;
var client = WebClient.create(vertx, options);

----

Web Client options inherit Http Client options so you can set any one of them.

If your already have an HTTP Client in your application you can also reuse it

[source,js]
----
var WebClient = require("vertx-web-client-js/web_client");
var client = WebClient.wrap(httpClient);

----

IMPORTANT: In most cases, a Web Client should be created once on application startup and then reused.
Otherwise you lose a lot of benefits such as connection pooling and may leak resources if instances are not closed properly.

== Making requests

=== Simple requests with no body

Often, you’ll want to make HTTP requests with no request body. This is usually the case with HTTP GET, OPTIONS
and HEAD requests

[source,js]
----
var WebClient = require("vertx-web-client-js/web_client");

var client = WebClient.create(vertx);

// Send a GET request
client.get(8080, "myserver.mycompany.com", "/some-uri").send(function (ar, ar_err) {
  if (ar_err == null) {
    // Obtain response
    var response = ar;

    console.log("Received response with status code" + response.statusCode());
  } else {
    console.log("Something went wrong " + ar_err.getMessage());
  }
});

// Send a HEAD request
client.head(8080, "myserver.mycompany.com", "/some-uri").send(function (ar, ar_err) {
  if (ar_err == null) {
    // Obtain response
    var response = ar;

    console.log("Received response with status code" + response.statusCode());
  } else {
    console.log("Something went wrong " + ar_err.getMessage());
  }
});

----

You can add query parameters to the request URI in a fluent fashion

[source,js]
----
client.get(8080, "myserver.mycompany.com", "/some-uri").addQueryParam("param", "param_value").send(function (ar, ar_err) {
  if (ar_err == null) {
    // Obtain response
    var response = ar;

    console.log("Received response with status code" + response.statusCode());
  } else {
    console.log("Something went wrong " + ar_err.getMessage());
  }
});

----

Any request URI parameter will pre-populate the request

[source,js]
----
var request = client.get(8080, "myserver.mycompany.com", "/some-uri?param1=param1_value&param2=param2_value");

// Add param3
request.addQueryParam("param3", "param3_value");

// Overwrite param2
request.setQueryParam("param2", "another_param2_value");

----

Setting a request URI discards existing query parameters

[source,js]
----
var request = client.get(8080, "myserver.mycompany.com", "/some-uri");

// Add param1
request.addQueryParam("param1", "param1_value");

// Overwrite param1 and add param2
request.uri("/some-uri?param1=param1_value&param2=param2_value");

----

=== Writing request bodies

When you need to make a request with a body, you use the same API and call then `sendXXX` methods
that expects a body to send.

Use `link:../../jsdoc/module-vertx-web-client-js_http_request-HttpRequest.html#sendBuffer[sendBuffer]` to send a buffer body

[source,js]
----
// Send a buffer to the server using POST, the content-length header will be set for you
client.post(8080, "myserver.mycompany.com", "/some-uri").sendBuffer(buffer, function (ar, ar_err) {
  if (ar_err == null) {
    // Ok
  }
});

----

Sending a single buffer is useful but often you don't want to load fully the content in memory because
it may be too large or you want to handle many concurrent requests and want to use just the minimum
for each request. For this purpose the Web Client can send `ReadStream<Buffer>` (e.g a
`link:../../jsdoc/module-vertx-js_async_file-AsyncFile.html[AsyncFile]` is a ReadStream<Buffer>`) with the `link:../../jsdoc/module-vertx-web-client-js_http_request-HttpRequest.html#sendStream[sendStream]` method

[source,js]
----
// When the stream len is unknown sendStream sends the file to the server using chunked transfer encoding
client.post(8080, "myserver.mycompany.com", "/some-uri").sendStream(stream, function (ar, ar_err) {
  if (ar_err == null) {
    // Ok
  }
});

----

The Web Client takes care of setting up the transfer pump for you. Since the length of the stream is not know
the request will use chunked transfer encoding .

When you know the size of the stream, you shall specify before using the `content-length` header

[source,js]
----
fs.open("content.txt", {
}, function (fileRes, fileRes_err) {
  if (fileRes_err == null) {
    var fileStream = fileRes;

    var fileLen = "1024";

    // Send the file to the server using POST
    client.post(8080, "myserver.mycompany.com", "/some-uri").putHeader("content-length", fileLen).sendStream(fileStream, function (ar, ar_err) {
      if (ar_err == null) {
        // Ok
      }
    });
  }
});

----

The POST will not be chunked.

==== Json bodies

Often you’ll want to send Json body requests, to send a `JsonObject`
use the `link:../../jsdoc/module-vertx-web-client-js_http_request-HttpRequest.html#sendJsonObject[sendJsonObject]`

[source,js]
----
client.post(8080, "myserver.mycompany.com", "/some-uri").sendJsonObject({
  "firstName" : "Dale",
  "lastName" : "Cooper"
}, function (ar, ar_err) {
  if (ar_err == null) {
    // Ok
  }
});

----

In Java, Groovy or Kotlin, you can use the `link:../../jsdoc/module-vertx-web-client-js_http_request-HttpRequest.html#sendJson[sendJson]` method that maps
a POJO (Plain Old Java Object) to a Json object using `Json.encode`
method

[source,js]
----
client.post(8080, "myserver.mycompany.com", "/some-uri").sendJson(new (Java.type("examples.WebClientExamples.User"))("Dale", "Cooper"), function (ar, ar_err) {
  if (ar_err == null) {
    // Ok
  }
});

----

NOTE: the `Json.encode` uses the Jackson mapper to encode the object
to Json.

==== Form submissions

You can send http form submissions bodies with the `link:../../jsdoc/module-vertx-web-client-js_http_request-HttpRequest.html#sendForm[sendForm]`
variant.

[source,js]
----
var MultiMap = require("vertx-js/multi_map");
var form = MultiMap.caseInsensitiveMultiMap();
form.set("firstName", "Dale");
form.set("lastName", "Cooper");

// Submit the form as a form URL encoded body
client.post(8080, "myserver.mycompany.com", "/some-uri").sendForm(form, function (ar, ar_err) {
  if (ar_err == null) {
    // Ok
  }
});

----

By default the form is submitted with the `application/x-www-form-urlencoded` content type header. You can set
the `content-type` header to `multipart/form-data` instead

[source,js]
----
var MultiMap = require("vertx-js/multi_map");
var form = MultiMap.caseInsensitiveMultiMap();
form.set("firstName", "Dale");
form.set("lastName", "Cooper");

// Submit the form as a multipart form body
client.post(8080, "myserver.mycompany.com", "/some-uri").putHeader("content-type", "multipart/form-data").sendForm(form, function (ar, ar_err) {
  if (ar_err == null) {
    // Ok
  }
});

----

If you want to upload files and send attributes, you can create a `link:../../jsdoc/module-vertx-web-common-js_multipart_form-MultipartForm.html[MultipartForm]` and
use `link:../../jsdoc/module-vertx-web-client-js_http_request-HttpRequest.html#sendMultipartForm[sendMultipartForm]`.

[source,js]
----
var MultipartForm = require("vertx-web-common-js/multipart_form");
var form = MultipartForm.create().attribute("imageDescription", "a very nice image").binaryFileUpload("imageFile", "image.jpg", "/path/to/image", "image/jpeg");

// Submit the form as a multipart form body
client.post(8080, "myserver.mycompany.com", "/some-uri").sendMultipartForm(form, function (ar, ar_err) {
  if (ar_err == null) {
    // Ok
  }
});

----

=== Writing request headers

You can write headers to a request using the headers multi-map as follows:

[source,js]
----
var request = client.get(8080, "myserver.mycompany.com", "/some-uri");
var headers = request.headers();
headers.set("content-type", "application/json");
headers.set("other-header", "foo");

----

The headers are an instance of `link:../../jsdoc/module-vertx-js_multi_map-MultiMap.html[MultiMap]` which provides operations for adding,
setting and removing entries. Http headers allow more than one value for a specific key.

You can also write headers using putHeader

[source,js]
----
var request = client.get(8080, "myserver.mycompany.com", "/some-uri");
request.putHeader("content-type", "application/json");
request.putHeader("other-header", "foo");

----

=== Configure the request to add authentication.

Authentication can be performed manually by setting the correct headers, or, using our predefined methods
(We strongly suggest having HTTPS enabled, especially for authenticated requests):

In basic HTTP authentication, a request contains a header field of the form `Authorization: Basic <credentials>`,
where credentials is the base64 encoding of id and password joined by a colon.

You can configure the request to add basic access authentication as follows:

[source,js]
----
var request = client.get(8080, "myserver.mycompany.com", "/some-uri").basicAuthentication("myid", "mypassword");

----

In OAuth 2.0, a request contains a header field of the form `Authorization: Bearer <bearerToken>`,
where bearerToken is the bearer token issued by an authorization server to access protected resources.

You can configure the request to add bearer token authentication as follows:

[source,js]
----
var request = client.get(8080, "myserver.mycompany.com", "/some-uri").bearerTokenAuthentication("myBearerToken");

----

=== Reusing requests

The `link:../../jsdoc/module-vertx-web-client-js_http_request-HttpRequest.html#send[send]` method can be called multiple times
safely, making it very easy to configure and reuse `link:../../jsdoc/module-vertx-web-client-js_http_request-HttpRequest.html[HttpRequest]` objects

[source,js]
----
var get = client.get(8080, "myserver.mycompany.com", "/some-uri");
get.send(function (ar, ar_err) {
  if (ar_err == null) {
    // Ok
  }
});

// Same request again
get.send(function (ar, ar_err) {
  if (ar_err == null) {
    // Ok
  }
});

----

Beware though that `link:../../jsdoc/module-vertx-web-client-js_http_request-HttpRequest.html[HttpRequest]` instances are mutable.
Therefore you should call the `link:../../jsdoc/module-vertx-web-client-js_http_request-HttpRequest.html#copy[copy]` method before modifying a cached instance.

[source,js]
----
var get = client.get(8080, "myserver.mycompany.com", "/some-uri");
get.send(function (ar, ar_err) {
  if (ar_err == null) {
    // Ok
  }
});

// The "get" request instance remains unmodified
get.copy().putHeader("a-header", "with-some-value").send(function (ar, ar_err) {
  if (ar_err == null) {
    // Ok
  }
});

----

=== Timeouts

You can set a timeout for a specific http request using `link:../../jsdoc/module-vertx-web-client-js_http_request-HttpRequest.html#timeout[timeout]`.

[source,js]
----
client.get(8080, "myserver.mycompany.com", "/some-uri").timeout(5000).send(function (ar, ar_err) {
  if (ar_err == null) {
    // Ok
  } else {
    // Might be a timeout when cause is java.util.concurrent.TimeoutException
  }
});

----

If the request does not return any data within the timeout period an exception will be passed to the response
handler.

== Handling http responses

When the Web Client sends a request you always deal with a single async result `link:../../jsdoc/module-vertx-web-client-js_http_response-HttpResponse.html[HttpResponse]`.

On a success result the callback happens after the response has been received

[source,js]
----
client.get(8080, "myserver.mycompany.com", "/some-uri").send(function (ar, ar_err) {
  if (ar_err == null) {

    var response = ar;

    console.log("Received response with status code" + response.statusCode());
  } else {
    console.log("Something went wrong " + ar_err.getMessage());
  }
});

----

[CAUTION]
====
By default, a Vert.x Web Client request ends with an error only if something wrong happens at the network level.
In other words, a `404 Not Found` response, or a response with the wrong content type, are *not* considered as failures.
Use <<response-predicates, response predicates>> if you want the Web Client to perform sanity checks automatically.
====

WARNING: Responses are fully buffered, use `link:../../jsdoc/module-vertx-web-common-js_body_codec-BodyCodec.html#pipe[BodyCodec.pipe]`
to pipe the response to a write stream

=== Decoding responses

By default the Web Client provides an http response body as a `Buffer` and does not apply
any decoding.

Custom response body decoding can be achieved using `link:../../jsdoc/module-vertx-web-common-js_body_codec-BodyCodec.html[BodyCodec]`:

* Plain String
* Json object
* Json mapped POJO
* `link:../../jsdoc/module-vertx-js_write_stream-WriteStream.html[WriteStream]`

A body codec can decode an arbitrary binary data stream into a specific object instance, saving you the decoding
step in your response handlers.

Use `link:../../jsdoc/module-vertx-web-common-js_body_codec-BodyCodec.html#jsonObject[BodyCodec.jsonObject]` To decode a Json object:

[source,js]
----
var BodyCodec = require("vertx-web-common-js/body_codec");
client.get(8080, "myserver.mycompany.com", "/some-uri").as(BodyCodec.jsonObject()).send(function (ar, ar_err) {
  if (ar_err == null) {
    var response = ar;

    var body = response.body();

    console.log("Received response with status code" + response.statusCode() + " with body " + body);
  } else {
    console.log("Something went wrong " + ar_err.getMessage());
  }
});

----

In Java, Groovy or Kotlin, custom Json mapped POJO can be decoded

[source,js]
----
var BodyCodec = require("vertx-web-common-js/body_codec");
client.get(8080, "myserver.mycompany.com", "/some-uri").as(BodyCodec.json(Java.type("examples.WebClientExamples.User").class)).send(function (ar, ar_err) {
  if (ar_err == null) {
    var response = ar;

    var user = response.body();

    console.log("Received response with status code" + response.statusCode() + " with body " + user.getFirstName() + " " + user.getLastName());
  } else {
    console.log("Something went wrong " + ar_err.getMessage());
  }
});

----

When large response are expected, use the `link:../../jsdoc/module-vertx-web-common-js_body_codec-BodyCodec.html#pipe[BodyCodec.pipe]`.
This body codec pumps the response body buffers to a `link:../../jsdoc/module-vertx-js_write_stream-WriteStream.html[WriteStream]`
and signals the success or the failure of the operation in the async result response

[source,js]
----
var BodyCodec = require("vertx-web-common-js/body_codec");
client.get(8080, "myserver.mycompany.com", "/some-uri").as(BodyCodec.pipe(writeStream)).send(function (ar, ar_err) {
  if (ar_err == null) {

    var response = ar;

    console.log("Received response with status code" + response.statusCode());
  } else {
    console.log("Something went wrong " + ar_err.getMessage());
  }
});

----

Finally if you are not interested at all by the response content, the `link:../../jsdoc/module-vertx-web-common-js_body_codec-BodyCodec.html#none[BodyCodec.none]`
simply discards the entire response body

[source,js]
----
var BodyCodec = require("vertx-web-common-js/body_codec");
client.get(8080, "myserver.mycompany.com", "/some-uri").as(BodyCodec.none()).send(function (ar, ar_err) {
  if (ar_err == null) {

    var response = ar;

    console.log("Received response with status code" + response.statusCode());
  } else {
    console.log("Something went wrong " + ar_err.getMessage());
  }
});

----

When you don't know in advance the content type of the http response, you can still use the `bodyAsXXX()` methods
that decode the response to a specific type

[source,js]
----
client.get(8080, "myserver.mycompany.com", "/some-uri").send(function (ar, ar_err) {
  if (ar_err == null) {

    var response = ar;

    // Decode the body as a json object
    var body = response.bodyAsJsonObject();

    console.log("Received response with status code" + response.statusCode() + " with body " + body);
  } else {
    console.log("Something went wrong " + ar_err.getMessage());
  }
});

----

WARNING: this is only valid for the response decoded as a buffer.

[[response-predicates]]
=== Response predicates

By default, a Vert.x Web Client request ends with an error only if something wrong happens at the network level.

In other words, you must perform sanity checks manually after the response is received:

[source,js]
----
client.get(8080, "myserver.mycompany.com", "/some-uri").send(function (ar, ar_err) {
  if (ar_err == null) {

    var response = ar;

    if (response.statusCode() === 200 && response.getHeader("content-type") == "application/json") {

      // Decode the body as a json object
      var body = response.bodyAsJsonObject();
      console.log("Received response with status code" + response.statusCode() + " with body " + body);

    } else {
      console.log("Something went wrong " + response.statusCode());
    }

  } else {
    console.log("Something went wrong " + ar_err.getMessage());
  }
});

----

You can trade flexibility for clarity and conciseness using _response predicates_.

`link:../../jsdoc/module-vertx-web-client-js_response_predicate-ResponsePredicate.html[Response predicates]` can fail a request when the response does
not match a criteria.

The Web Client comes with a set of out of the box predicates ready to use:

[source,js]
----
var ResponsePredicate = require("vertx-web-client-js/response_predicate");
client.get(8080, "myserver.mycompany.com", "/some-uri").expect(ResponsePredicate.SC_SUCCESS).expect(ResponsePredicate.JSON).send(function (ar, ar_err) {
  if (ar_err == null) {

    var response = ar;

    // Safely decode the body as a json object
    var body = response.bodyAsJsonObject();
    console.log("Received response with status code" + response.statusCode() + " with body " + body);

  } else {
    console.log("Something went wrong " + ar_err.getMessage());
  }
});

----

You can also create custom predicates when existing predicates don't fit your needs:

[source,js]
----
var ResponsePredicateResult = require("vertx-web-client-js/response_predicate_result");

// Check CORS header allowing to do POST
var methodsPredicate = function (resp) {
  var methods = resp.getHeader("Access-Control-Allow-Methods");
  if ((methods !== null && methods !== undefined)) {
    if (methods.contains("POST")) {
      return ResponsePredicateResult.success()
    }
  }
  return ResponsePredicateResult.failure("Does not work")
};

// Send pre-flight CORS request
client.request('OPTIONS', 8080, "myserver.mycompany.com", "/some-uri").putHeader("Origin", "Server-b.com").putHeader("Access-Control-Request-Method", "POST").expect(methodsPredicate).send(function (ar, ar_err) {
  if (ar_err == null) {
    // Process the POST request now
  } else {
    console.log("Something went wrong " + ar_err.getMessage());
  }
});

----

TIP: Response predicates are evaluated _before_ the response body is received. Therefore you can't inspect the response body
in a predicate test function.

==== Predefined predicates

As a convenience, the Web Client ships a few predicates for common uses cases .

For status codes, e.g `link:todo[ResponsePredicate.SC_SUCCESS]` to verify that the
response has a `2xx` code, you can also create a custom one:

[source,js]
----
var ResponsePredicate = require("vertx-web-client-js/response_predicate");
client.get(8080, "myserver.mycompany.com", "/some-uri").expect(ResponsePredicate.status(200, 202)).send(function (ar, ar_err) {
  // ....
});

----

For content types, e.g `link:todo[ResponsePredicate.JSON]` to verify that the
response body contains JSON data, you can also create a custom one:

[source,js]
----
var ResponsePredicate = require("vertx-web-client-js/response_predicate");
client.get(8080, "myserver.mycompany.com", "/some-uri").expect(ResponsePredicate.contentType("some/content-type")).send(function (ar, ar_err) {
  // ....
});

----

Please refer to the `link:../../jsdoc/module-vertx-web-client-js_response_predicate-ResponsePredicate.html[ResponsePredicate]` documentation for a full list of predefined predicates.

ifeval::["js" == "java"]
==== Creating custom failures

By default, response predicates (including the predefined ones) use a default error converter which discards
the body and conveys a simple message. You can customize the exception class by changing the error converter:

[source,js]
----
Code not translatable
----

Many web APIs provide details in error responses.
For example, the https://developer.marvel.com/docs[Marvel API] uses this JSON object format:

[source,javascript]
----
{
 "code": "InvalidCredentials",
 "message": "The passed API key is invalid."
}
----

To avoid losing this information, it is possible to wait for the response body to be fully received before the error
converter is called:

[source,js]
----
Code not translatable
----

WARNING: creating exception in Java can have a performance cost when it captures a stack trace, so you might want
        to create exceptions that do not capture the stack trace. By default exceptions are reported using the
        an exception that does not capture the stack trace.

endif::[]

=== Handling 30x redirections

By default the client follows redirections, you can configure the default behavior in the `link:../dataobjects.html#WebClientOptions[WebClientOptions]`:

[source,js]
----
var WebClient = require("vertx-web-client-js/web_client");

// Change the default behavior to not follow redirects
var client = WebClient.create(vertx, {
  "followRedirects" : false
});

----

The client will follow at most `16` requests redirections, it can be changed in the same options:

[source,js]
----
var WebClient = require("vertx-web-client-js/web_client");

// Follow at most 5 redirections
var client = WebClient.create(vertx, {
  "maxRedirects" : 5
});

----

NOTE: For security reason, client won't follow redirects for request with methods different from GET or HEAD

== Using HTTPS

Vert.x Web Client can be configured to use HTTPS in exactly the same way as the Vert.x `link:../../jsdoc/module-vertx-js_http_client-HttpClient.html[HttpClient]`.

You can specify the behavior per request

[source,js]
----

client.get(443, "myserver.mycompany.com", "/some-uri").ssl(true).send(function (ar, ar_err) {
  if (ar_err == null) {
    // Obtain response
    var response = ar;

    console.log("Received response with status code" + response.statusCode());
  } else {
    console.log("Something went wrong " + ar_err.getMessage());
  }
});

----

Or using create methods with absolute URI argument

[source,js]
----

client.getAbs("https://myserver.mycompany.com:4043/some-uri").send(function (ar, ar_err) {
  if (ar_err == null) {
    // Obtain response
    var response = ar;

    console.log("Received response with status code" + response.statusCode());
  } else {
    console.log("Something went wrong " + ar_err.getMessage());
  }
});

----

== Sessions management

Vert.x web offers a web session management facility; to use it, you create a 
`WebClientSession` for every user (session) and use it instead of the 
`link:../../jsdoc/module-vertx-web-client-js_web_client-WebClient.html[WebClient]`.

=== Creating a WebSession

You create a `WebClientSession` instance as follows

[source,js]
----
var WebClient = require("vertx-web-client-js/web_client");
var client = WebClient.create(vertx);
var session = Java.type("io.vertx.ext.web.client.WebClientSession").create(client);

----

=== Making requests

Once created, a `WebClientSession` can be used instead of a 
`link:../../jsdoc/module-vertx-web-client-js_web_client-WebClient.html[WebClient]` to do HTTP(s) requests and automatically manage any cookies received from the server(s)
you are calling.

=== Setting session level headers

You can set any session level headers to be added to every request as follows:

[source,js]
----
var session = Java.type("io.vertx.ext.web.client.WebClientSession").create(client);
session.addHeader("my-jwt-token", jwtToken);

----

The headers will then be added to every request; notice that these headers will be sent to all hosts; if you need
to send different headers to different hosts, you have to add them manually to every single request and not to the 
`WebClientSession`.

ifeval::["js" == "java"]
include::override/rxjava2.adoc[]
endif::[]

== Domain sockets

Since 3.7.1 the Web Client supports domain sockets, e.g you can interact with the https://docs.docker.com/engine/reference/commandline/dockerd/[local Docker daemon].

To achieve this, the `link:../../jsdoc/module-vertx-js_vertx-Vertx.html[Vertx]` instance must be created using a native transport, you can read
the Vert.x core documentation that explains it clearly.

[source,js]
----
var SocketAddress = require("vertx-js/socket_address");
var BodyCodec = require("vertx-web-common-js/body_codec");
var ResponsePredicate = require("vertx-web-client-js/response_predicate");

// Creates the unix domain socket address to access the Docker API
var serverAddress = SocketAddress.domainSocketAddress("/var/run/docker.sock");

// We still need to specify host and port so the request HTTP header will be localhost:8080
// otherwise it will be a malformed HTTP request
// the actual value does not matter much for this example
client.request('GET', serverAddress, 8080, "localhost", "/images/json").expect(ResponsePredicate.SC_ACCEPTED).as(BodyCodec.jsonObject()).send(function (ar, ar_err) {
  if (ar_err == null) {
    // Obtain response
    var response = ar;

    console.log("Current Docker images" + response.body());
  } else {
    console.log("Something went wrong " + ar_err.getMessage());
  }
});

----