> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://documentation.celestory.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 🔧 Importer code JS

Lien de l'exemple: https://creator.celestory.io/project/bUcrUnvql

Importer votre code vous permet en tant que développeur de créer votre propre bloc Celestory.

## 1. Créez un bloc ⬛ Exécuter Javascript

![](https://storage.crisp.chat/users/helpdesk/website/6559783359b54400/e7dc7d69-db00-431d-979e-21eb7a_1q12shg.png)

Cela vous permet de:

- créer des points déclencheurs entrants

- créer des points de valeurs sortantes

## 2. Import your JS code

L'éditeur du bloc ⬛ Exécuter Javascript contient une zone pour insérer votre code JS.

![](https://storage.crisp.chat/users/helpdesk/website/35e169321165480/a30b994b-6d6d-4218-af53-9fa373_43mjjy.png)

Dans cet exemple de code JS faisant appel à un ⛅ **service météo**:

const city = celestoryPoints.get('city', 'Paris');

const location = await fetch( `https://cors-anywhere.herokuapp.com/https://www.metaweather.com/api/location/search?query=${city}`);const
if (locationData && locationData0] && locationData[0].woeid) { const woeid = locationData[0].woeid; const weather = await fetch( `[https://cors-anywhere.herokuapp.com/https://www.metaweather.com/api/location/${woeid}`
if (weatherData && weatherData.consolidated_weather && weatherData.consolidated_weather.length > 0) { celestoryPoints.set('city', city); celestoryPoints.set('weather', weatherData.consolidated_weather0].weather_state_name); celestoryPoints.set('temperature', weatherData.consolidated_weather[0
return; }}  
celestoryPoints.set('city', city);celestoryPoints.set('weather', 'NOT_FOUND');celestoryPoints.set('temperature', 'NOT_FOUND');

## 3. Connectez votre bloc

- le point déclencheur entrant "city" en bas à gauche peut être relié à une variable textuelle issue d'une Saisie de Texte ou d'un choix de l'utilisateur.

Ainsi, si la valeur de cette variable textuelle correspond à une ville du service, celle-ci sera reconnue et les valeurs correspondantes seront synchronisées. Ce point entrant n'est pas obligatoire, et par défaut la ville est assignée dans le code JS à Paris.

- les points de valeurs sortantes en bas à droite "city", "weather", "temperature" permettent d'aller chercher sur le service extérieur cible les informations correspondantes à la ville sélectionnée pour les transformer en valeur qu'il est ensuite possible d'assigner à une variable du graphe.

![](https://storage.crisp.chat/users/helpdesk/website/c361b990f5a68800/b1871a38-7776-4439-a7eb-2f6d34_19hclwc.png)

Pour envoyer vos données à d'autres services, consultez: Connecter votre data à 🔌 Zapier](http://help.celestory.io/fr/articles/3948316-connectez-celestory-a-zapier) or [🔌 Integromat