3-Қадам
Сіздің проектіңіздің атауын енгізіп, тарифтік жоспарды таңдаңыз, бірінші проектіңізді жасаңыз.
4-адым
Жоба жасауға күтіңіз. Жасалған жобаға өтіңіз.
'URL'ді көру үшін 'Қолжетімділік' бетіне өтіңіз және администраторлық панеліңіздің мекенжайымен байланысты сілтемеге басыңыз.
5-қадам
Жоба мәртебесі "Жұмыс істейді" болып өзгергеннен кейін. Тіркелген кезде көрсетілген поштаңызға келген логин мен құпия сөзді енгізіп, 'Кіру' түймесін басыңыз
API-мен жұмыс істеу басталмас бұрын, контент қосу керек. Келесі мысалмен қарап көрейік. 'Контент басқару' бөліміне өтіңіз. 'Бет құру' түймесін басыңыз.
“Бет түрлері” жолағында “Қарапайым бет” үшін таңдаңыз, беттің атауын, URL мекен-жайын, бет үшін мәзір элементінің атауын енгізіп, редакторда кез келген мәтінді жазыңыз. Барлық деректер енгізілгеннен кейін сақталады.
Сіздің бетіңіз құрылды және оны “Контент басқару” бөліміндегі беттер тізімінде көруге болады.
Мәзірдегі "Параметрлер" тармағына өтіңіз, "Қолданба токендері" қойындысына кіріңіз. Қолданбаңыздың атауын енгізіңіз (атау кез келген болуы мүмкін) және "Құру" түймесін басыңыз. Сертификат құрылғаннан кейін, кестедегі "Көрсету" белгішесін басып, "Көшіру" түймесін басыңыз.
6-қадам
JavaScript арқылы жасалған бетті алу мысалын қарастырайық. Мәтіндік редакторды ашып, HTML құжатын жасаңыз, JavaScript скриптінің мекен-жайын жазыңыз да, H1 тегі мен деректерді бетте көрсету үшін div жасаңыз.
<!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>Js файлында өз жобаңыздың мекен-жайын және url бойынша бетті алу үшін API әдісінің жолын көрсетіңіз. Жолдың соңында бетті жасағанда көрсеткен url-ді енгізіңіз. Сұрау басында "x-app-token" дегенді және оның мәніне 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()Мәліметтерді API арқылы алу әдістері туралы сипаттамаға 'API' бөлімінде толық анықтама таба аласыз.
7-ші адым
Браузерді ашыңыз, html файлыңызды ашыңыз және экранда бірінші бетіңізден алынған деректерді көресіз.
Браузер консолісіне кіріңіз және API бойынша алынған деректерді көресіз.
Тайыбыз!
Қазір сіз беттерді жасау, атрибуттарды қосу, блоктарды, формаларды қосу, өнімдерді қосу және тағы да көп не басқаларды жасауға болады. Жүйе функциялары туралы толық сипаттаманы пайдаланушы мәселелерінде оқуға болады, сондай-ақ жүйе шолуларын көруге болады.