> For the complete documentation index, see [llms.txt](https://docs.tuum.tech/hedera-wallet-snap/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.tuum.tech/hedera-wallet-snap/getting-started/hello-world.md).

# Hello World

## Overview

Hedera Wallet Snap provides developers with a range of APIs, starting with the simple "hello" snap API. This API connects to the current account and displays content to the user via a MetaMask dialog box. By learning to integrate the "hello" API, developers can then seamlessly integrate more complex APIs such as transferring Hbar and retrieving account information. To explore available APIs, refer to the [Snap RPC APIs ](/hedera-wallet-snap/hedera-wallet-snap/snap-rpc-apis.md)section in the documentation.

## JavaScript function to interact with Hedera Wallet Snap API

Let's see how we can interact with the "hello" API of the Hedera Wallet Snap.

```tsx
const handleHelloAPIRequest = async () => {
  const snapId = `npm:@hashgraph/hedera-wallet-snap`
  await window.ethereum.request({
    method: 'wallet_invokeSnap',
    params: {
      snapId,
      request: {
        method: 'hello',
        params: {
          network: 'testnet',
          mirrorNodeUrl: 'https://testnet.mirrornode.hedera.com'
        }
      }
    }
  })
}
```

{% hint style="info" %}
Note that you do not need to pass in "mirrorNodeUrl" but if you do, the snap will use that URL instead of the default mirror node which may have rate limits associated with it.
{% endhint %}

where `snapId` can be one of the following:

1. `npm:@hashgraph/hedera-wallet-snap`: This is what you'll have most of the time if you are going to be integrating with the Hedera Wallet Snap version from the npm registry.
2. `local:http://localhost:9001`: If you're running the Hedera Wallet Snap locally on your development environment via [Hedera Wallet Snap Local Environment](https://github.com/hashgraph/hedera-metamask-snaps/tree/main/packages/hedera-wallet-snap), the snap APIs are exposed on localhost:9001. Note that you would only use this if you're actively making some changes to the Hedera Wallet Snap code locally otherwise, you'll be interacting with the Hedera Wallet Snap npm package directly.

On the above `handleHelloAPIRequest`method, we can see that it's invoking the wallet\_snap\_\* method of Metamask. What this does is invoke the `hello` API of Hedera Wallet Snap. Hedera Wallet Snap has implemented how to handle this API including what arguments to take(if any). Refer to [hello snap API](/hedera-wallet-snap/hedera-wallet-snap/snap-rpc-apis/basic-apis/hello.md) for more info on how this API works. 

Then, all we need to do now is to handle the `hello` snap API request on our application:

```tsx
  const handleSendHelloClick = async () => {
    try {
      await handleHelloAPIRequest();
    } catch (e) {
      console.error(e);
    }
  };

  <Card
    content={{
      title: 'Send Hello message',
      description: 'Display a custom message within a confirmation screen in MetaMask.',
      button: (
        <Button
          buttonText="Send message"
          onClick={handleSendHelloClick}
        />
      ),
    }}
  />
```

## Live Demo on CodePen

{% embed url="<https://codepen.io/kpachhai/pen/poGPRmw>" %}

{% hint style="info" %}
To ease the integration of Hedera Wallet Snap on an application, we have created a template web application that you can run locally and check out the code in its entirety to learn how you can integrate and interact with various APIs exposed by Hedera Wallet Snap. Check out the full source code at [template application github repository](https://github.com/hashgraph/hedera-metamask-snaps/tree/main/packages/hedera-wallet-snap/packages/site).

You can also check out the [API reference](/hedera-wallet-snap/hedera-wallet-snap/snap-rpc-apis.md) to learn how each API works.
{% endhint %}

###


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://docs.tuum.tech/hedera-wallet-snap/getting-started/hello-world.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.