# Chromium CDP
import { Tabs, TabsContent, TabsList, TabsTrigger } from "zudoku/ui/Tabs"
{/* vale off */}
{/* THIS FILE WAS AUTOGENERATED FROM THE PUBLIC EXAMPLE REPOSITORY. DO NOT EDIT THIS FILE DIRECTLY. */}
This example uses Chromium, a headless browser exposing a [CDP (Chrome DevTools Protocol)](https://chromedevtools.github.io/devtools-protocol/) websocket interface.
To run this example, follow these steps:
1. Install the CLI.
Use the [unikraft CLI](/cli/unikraft) or the legacy [kraft CLI](https://unikraft.org/docs/cli/install).
You need a [BuildKit](https://github.com/moby/buildkit) builder. The easiest way to get one is via [Docker](https://docs.docker.com/engine/install/).
Alternatively, you can also directly set up and use BuildKit, see the [quick start](https://github.com/moby/buildkit#quick-start).
:::note
The unikraft CLI is the current standard, while kraft is the legacy version.
Choose one of the CLIs below and only run the commands associated with it for the rest of this guide.
:::
2. Clone the [`examples` repository](https://github.com/unikraft-cloud/examples) and `cd` into the `examples/chromium-cdp/` directory:
```bash
git clone https://github.com/unikraft-cloud/examples
cd examples/chromium-cdp/
```
Make sure to log into Unikraft Cloud and pick a [metro](/platform/metros) close to you.
This guide uses `fra` (Frankfurt, 🇩🇪):
```bash title="unikraft"
unikraft login
```
```bash title="kraft"
# Set Unikraft Cloud access token
export UKC_TOKEN=token
export UKC_METRO=fra
```
The `UKC_TOKEN` and `UKC_METRO` environment variables are only supported by the legacy CLI.
When done, invoke the following command to deploy this app on Unikraft Cloud:
```bash title="unikraft"
unikraft build . --output /chromium-cdp
unikraft run --metro fra \
-m 4G \
-p 443:8080/tls+http \
--image /chromium-cdp
```
```bash title="kraft"
kraft cloud deploy \
-M 4Gi \
-p 443:8080/tls+http \
.
```
The output shows the instance address and other details.
```ansi title="unikraft"
[1mmetro[22m: fra
[1mname[22m: chromium-cdp-d0l6y
[1muuid[22m: debe81b0-8418-4e01-b795-b3546e0e5aac
[1mstate[22m: [38;2;144;161;185mstarting[0m
[1mimage[22m: /chromium-cdp
[1mresources[22m:
[3m memory[23m: 4GiB
[3m vcpus[23m: 1
[1mservice[22m:
[3m uuid[23m: 516e239b-2ab1-9fb9-599d-fb891cc39edb
[3m name[23m: spring-dream-p5wxwwl0
[3m domains[23m:
[3m - fqdn[23m: spring-dream-p5wxwwl0.fra.unikraft.app
[1mnetworks[22m:
[3m- uuid[23m: 7d3633e4-7835-942c-7b32-5d392ba538d7
[3m private-ip[23m: 10.0.4.141
[3m mac[23m: 12:b0:7b:d3:eb:de
[1mtimestamps[22m:
[3m created[23m: just now
```
```ansi title="kraft"
[38;5;245m[[0m[92m●[0m[38;5;245m][0m Deployed successfully!
[38;5;245m│[0m
[38;5;245m├[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m [38;5;245mname[0m: chromium-cdp-d0l6y
[38;5;245m├[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m [38;5;245muuid[0m: debe81b0-8418-4e01-b795-b3546e0e5aac
[38;5;245m├[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m [38;5;245mmetro[0m: https://api.fra.unikraft.cloud/v1
[38;5;245m├[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m [38;5;245mstate[0m: [92mstarting[0m
[38;5;245m├[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m [38;5;245mdomain[0m: https://spring-dream-p5wxwwl0.fra.unikraft.app
[38;5;245m├[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m [38;5;245mimage[0m: oci://unikraft.io//chromium-cdp@sha256:9e22546a9234efbd586b3cc3ff2ab71d64b56e87b8af431a3dfffd4aff274cc3
[38;5;245m├[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m [38;5;245mmemory[0m: 4096 MiB
[38;5;245m├[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m [38;5;245mservice[0m: spring-dream-p5wxwwl0
[38;5;245m├[0m[38;5;245m─[0m [38;5;245mprivate fqdn[0m: chromium-cdp-d0l6y.internal
[38;5;245m└[0m[38;5;245m─[0m[38;5;245m─[0m[38;5;245m─[0m [38;5;245mprivate ip[0m: 10.0.4.141
```
In this case, the instance name is `chromium-cdp-d0l6y` and the address is `https://spring-dream-p5wxwwl0.fra.unikraft.app`.
They're different for each run.
To query the service you need to use a CDP client.
You can use the Python-based implementation in the `test/` directory.
You can list information about the instance by running:
```bash title="unikraft"
unikraft instances list
```
```bash title="kraft"
kraft cloud instance list
```
```ansi title="unikraft"
[1mMETRO[22m [1mNAME[22m [1mSTATE[22m [1mIMAGE[22m [1mARGS[22m [1mMEMORY[22m [1mVCPUS[22m [1mFQDN[22m [1mCREATED[22m
fra chromium-cdp-d0l6y [38;2;0;188;125mrunning[0m /chromium-cdp 4096MiB 1 spring-dream-p5wxwwl0.fra.unikraft.app 2 minutes ago
```
```ansi title="kraft"
[0;1;39mNAME[0m [0;1;39mFQDN[0m [0;1;39mSTATE[0m [0;1;39mSTATUS[0m [0;1;39mIMAGE[0m [0;1;39mMEMORY[0m [0;1;39mVCPUS[0m [0;1;39mARGS[0m [0;1;39mBOOT TIME[0m
chromium-cdp-d0l6y spring-dream-p5wxwwl0.fra.unikraft.app [0;32mrunning[0m 1 minute ago oci://unikraft.io//chromium-cdp@sha256:... 4 GiB 1 350.51 ms
```
When done, you can remove the instance:
```bash title="unikraft"
unikraft instances delete chromium-cdp-d0l6y
```
```bash title="kraft"
kraft cloud instance remove chromium-cdp-d0l6y
```
## Learn more
- [CDP Documentation](https://chromedevtools.github.io/devtools-protocol/)
- [Unikraft Cloud's Documentation](https://unikraft.cloud/docs/)
- [Building `Dockerfile` Images with `Buildkit`](https://unikraft.org/guides/building-dockerfile-images-with-buildkit)
Use the `--help` option for detailed information on using Unikraft Cloud:
```bash title="unikraft"
unikraft --help
```
```bash title="kraft"
kraft cloud --help
```
Or visit the [CLI Reference](/cli/unikraft) or the [legacy CLI Reference](/cli/kraft/overview).
{/* vale on */}