Aller au contenu principal

Configuration du projet | JavaScript

Créer un projet

Nous allons créer une simple page HTML qui contient notre fichier JavaScript, qui gérera notre connexion WebSocket. Créez d'abord un répertoire pour votre prochain projet :

mkdir deriv-websocket-demo

Naviguez jusqu'au dossier deriv-websocket-demo :

cd deriv-websocket-demo

Ensuite, créez les fichiers nécessaires comme vous le voyez ci-dessous :

touch index.html index.css index.js
conseil

Nous vous suggérons d'utiliser Visual Studio Code avec l'extension Live Server activée. Cela vous sera très utile lors de la mise en œuvre.

Ouvrez maintenant le fichier index.html ou utilisez l'extension Live Server.

Modifiez maintenant le contenu des fichiers à l'aide de l'approche suivante :

index.js
console.log('nous allons créer notre connexion websocket ici');
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Deriv HTML JS Demo</title>
</head>
<body>
<h2>Démonstration de l'API WebSocket de Deriv</h2>
<script src="index.js" async defer />
</body>
</html>

Après avoir ajouté le contenu, nous pouvons lancer l'application en exécutant simplement le fichier index.html ou en utilisant l'extension Live Server. Lorsque vous exécutez votre application, voyez dans la console si le fichier console.log apparaît. Si c'est le cas, vous avez alors la confirmation que le fichier JavaScript fonctionne et que la connexion websocket peut être mise en œuvre correctement.

Pour configurer le websocket Deriv, vous pouvez vous rendre sur la page Connexion WebSocket.