Adım 3
Projenizin adını girin ve bir fiyatlandırma planı seçin, ardından ilk projenizi oluşturun
4. Adım
Projenin oluşturulmasını bekleyin. Oluşturulan projeye gidin.
'Erişim' sekmesine gidin ve URL satırında yönetici panelinizin adresine sahip bağlantıya tıklayın
Adım 5
Proje durumu 'Çalışıyor' olarak değiştiğinde, kayıt sırasında belirttiğiniz e-posta adresinize gönderilecek olan kullanıcı adını ve şifreyi girin ve 'Giriş' butonuna tıklayın.
API ile çalışmaya başlamadan önce içerik eklemeniz gerekiyor. Bir sayfa örneği üzerinden gidelim. 'İçerik Yönetimi' bölümüne gidin. 'Sayfa Oluştur' butonuna tıklayın.
'Sayfa Tipleri' alanında seçim yapın - 'Normal Sayfa' için Sayfa Başlığını, Sayfa URL'sini, menüdeki sayfa ismini girin ve editördeki herhangi bir metni yazın. Tüm veriler girildikten sonra kaydedilir.
Sayfanız oluşturuldu ve 'İçerik Yönetimi' bölümündeki sayfalar listesinde görüntüleyebilirsiniz.
'Ayarlar' menüsüne gidin, ardından 'Uygulama Tokenları' sekmesine geçin. Uygulamanızın adını girin (ad herhangi bir şey olabilir) ve 'Oluştur' butonuna tıklayın. Sertifika oluşturulduktan sonra, tabloda 'Göster' simgesine tıklayın ve 'Kopyala' butonuna basın.
6. Adım
JavaScript kullanarak oluşturulmuş bir sayfayı elde etme örneğini göz önünde bulunduralım. Bir metin düzenleyici açın ve bir HTML belgesi oluşturun, JavaScript betiğine adres belirtin ve sayfada verileri görüntülemek için bir H1 etiketi ve bir div etiketi oluşturun.
<!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 dosyasında, projenizin adresini ve URL'ye göre bir sayfa almak için API metodunun yolunu belirtin. Yolun sonunda, sayfayı oluştururken belirttiğiniz URL'yi belirtin. İstek başlıklarında 'x-app-token' belirtin ve OneEntry Ayarları'ndan kopyaladığınız tokeni ekleyin.
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 aracılığıyla veri elde etme yöntemlerinin açıklamasına, kişisel hesabınızda 'API' bölümünden ulaşabilirsiniz.
Adım 7
Tarayıcınızı açın, HTML dosyanızı açın ve ekranda ilk sayfanızdan alınan verileri göreceksiniz.
Tarayıcı konsoluna gidin ve API'den alınan verileri göreceksiniz.
Tamam!
Artık sayfalar oluşturabilir, öznitelikler, bloklar, formlar ekleyebilir, ürünler ekleyebilir ve çok daha fazlasını yapabilirsiniz. Sistemin özelliklerinin tam açıklamasını kullanıcı kılavuzunda okuyabilirsiniz.