> ## Documentation Index
> Fetch the complete documentation index at: https://docs.helicone.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Vertex AI JavaScript SDK Integration

> Use Vertex AI's JavaScript SDK to integrate with Helicone to log your Vertex AI usage.

<Warning>
  This integration method is maintained but no longer actively developed. For the best experience and latest features, use our new [AI Gateway](/gateway/overview) with unified API access to 100+ models.
</Warning>

# Proxy Integration

## Fetch

<Steps>
  <Step title="Create an account + Generate an API Key">
    Log into [helicone](https://www.helicone.ai) or create an account. Once you have an account, you
    can generate an [API key](https://helicone.ai/developer).
  </Step>

  <Step title="Set API keys as environment variables">
    ```bash theme={null}
    export HELICONE_API_KEY=<your API key>
    export GCLOUD_API_KEY=<your Google Cloud API key>
    ```
  </Step>

  <Step title="Install necessary packages">
    Ensure you have the necessary packages installed in your Javascript project:

    ```bash theme={null}
    npm install node-fetch
    ```
  </Step>

  <Step title="Send a request using fetch">
    ```javascript theme={null}
    const fetch = require('node-fetch');

    const url = 'https://gateway.helicone.ai/v1/projects/your-project-id/locations/your-location/publishers/google/models/model-name:streamGenerateContent';

    const headers = {
      'Authorization': `Bearer ${process.env.GCLOUD_API_KEY}`,
      'Content-Type': 'application/json',
      'Helicone-Auth': `Bearer ${process.env.HELICONE_API_KEY}`,
      'Helicone-Target-URL': `https://${LOCATION}-aiplatform.googleapis.com`,
      'User-Agent': 'node-fetch'
    };

    const body = JSON.stringify({
      contents: {
        role: 'user',
        parts: { text: 'Which theaters in Mountain View show Barbie movie?' }
      },
      generation_config: { maxOutputTokens: 1 }
    });

    fetch(url, { method: 'POST', headers: headers, body: body })
      .then(response => response.json())
      .then(data => console.log(data))
      .catch(error => console.error('Error:', error));
    ```
  </Step>
</Steps>

## VertexAI SDK

<Steps>
  <Step title="Create an account + Generate an API Key">
    Log into [helicone](https://www.helicone.ai) or create an account. Once you have an account, you
    can generate an [API key](https://helicone.ai/developer).
  </Step>

  <Step title="Set API keys as environment variables">
    ```bash theme={null}
    export HELICONE_API_KEY=<your API key>
    export GCLOUD_API_KEY=<your Google Cloud API key>
    ```
  </Step>

  <Step title="Install necessary packages">
    Ensure you have the necessary packages installed in your Javascript project:

    ```bash theme={null}
    npm install @google-cloud/vertexai
    ```
  </Step>

  <Step title="Import VertexAI and configure the client">
    ```javascript theme={null}
    import { VertexAI } from "@google-cloud/vertexai";

    const vertex_ai = new VertexAI({
      project: "your-project-id",
      location: "your-location",
      apiEndpoint: "gateway.helicone.ai",
    });
    ```
  </Step>

  <Step title="Set up custom headers">
    ```javascript theme={null}
    const customHeaders = new Headers({
      "Helicone-Auth": `Bearer ${process.env.HELICONE_API_KEY}`,
      "Helicone-Target-URL": `https://${LOCATION}-aiplatform.googleapis.com`,
    });
    ```
  </Step>

  <Step title="Define request options">
    ```javascript theme={null}
    const requestOptions = {
      customHeaders: customHeaders,
    } as RequestOptions;
    ```
  </Step>

  <Step title="Get the generative model">
    ```javascript theme={null}
    const generativeModel = vertex_ai.preview.getGenerativeModel(
      {
        model: "model-name"
      },
      requestOptions // Pass request options
    );
    ```
  </Step>

  <Step title="Generate content">
    ```javascript theme={null}
    const result = await generativeModel.generateContent({
      contents: [{ role: "user", parts: [{ text: "How are you doing today?" }] }],
    });
    console.log(result);
    ```
  </Step>
</Steps>