Étape 3
Entrez le nom de votre projet et choisissez un plan tarifaire, créez votre premier projet.
Étape 4
Attendez la création du projet. Accédez au projet créé.
Accédez à l'onglet 'Accès' et cliquez sur le lien avec l'adresse de votre administrateur dans la ligne d'URL.
Étape 5
Après que le statut du projet a été changé en "Fonctionne". Entrez le nom d'utilisateur et le mot de passe qui vous seront envoyés à l'adresse e-mail que vous avez fournie lors de l'inscription, puis cliquez sur le bouton "Se connecter".
Avant de commencer à travailler avec l'API, il est nécessaire d'ajouter du contenu. Examinons cela à partir d'un exemple de page. Accédez à la section "Gestion du contenu". Cliquez sur le bouton "Créer une page".
Choisissez dans le champ "Types de pages" - pour "Page normale", entrez le Titre de la page, l'URL de la page, le Nom de l'élément de menu pour la page et un quelconque texte dans l'éditeur. Toutes les données sont enregistrées après leur saisie.
Votre page est créée et vous pouvez la voir dans la liste des pages dans la section "Gestion du contenu".
Accédez à l'option "Paramètres" dans le menu, puis à l'onglet "Jetons d'application". Entrez le nom de votre application (le nom peut être n'importe lequel) et cliquez sur le bouton "Créer". Après la création du certificat, cliquez sur l'icône "Afficher" dans le tableau, puis cliquez sur le bouton "Copier".
Étape 6
Considérons un exemple de création d'une page à l'aide de JavaScript. Ouvrez un éditeur de texte et créez un document HTML, spécifiez l'adresse du script JavaScript et créez une balise H1 et une div pour afficher les données sur la page.
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
</head>
<body>
<h1 id="title"></h1>
<div id="text"></div>
<script src="app.js"></script>
</body>
</html>Dans le fichier js, spécifiez l'adresse de votre projet et le chemin vers la méthode API pour obtenir une page par URL. À la fin du chemin, spécifiez l'URL que vous avez indiqué lors de la création de la page. Dans les en-têtes de la requête, spécifiez "x-app-token" et insérez dans sa valeur le jeton que vous avez copié depuis les paramètres de OneEntry.
const title = document.querySelector('#title')
const text = document.querySelector('#text')
const getData = async () => {
try {
const response = await fetch(
'https://subdomain.oneentry.cloud/api/content/pages/1',
{
method: 'GET',
},
)
const data = await response.json()
title.innerHTML = data.localizeInfos['en-US'].title
text.innerHTML = data.localizeInfos['en-US'].content
console.log(data)
} catch (error) {
console.log(error)
}
};
getData()Description des méthodes d'obtention de données via une API peut être trouvée dans le compte personnel dans la section 'API'.
Étape 7
Ouvrez votre navigateur, ouvrez votre fichier html et vous verrez les données obtenues de votre première page sur l'écran.
Accédez à la console du navigateur et vous verrez les données reçues via l'API.
Terminé!
Maintenant vous pouvez créer des pages, attacher des attributs, des blocs, des formulaires, ajouter des produits et bien plus encore. Vous pouvez lire la description complète des fonctionnalités du système dans le manuel de l'utilisateur, ainsi que regarder les avis sur le système.