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://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbjREIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--d3ca6a6d1d3ea9a7397850494d2ead061129ef36/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://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBcDBDIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--7f5e52909e0cb5ede53f9545de0b15ff7667a445/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://chatwoot.fr.nocodespacelab.com/rails/active_storage/blobs/redirect/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBbHdGIiwiZXhwIjpudWxsLCJwdXIiOiJibG9iX2lkIn19--37c9ac1b5a54e4ac79d8ae53234570ba58af1aed/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