Headless CMS bu ilova va saytlarni boshqarish tizimi

Xavfsiz, insoniyatga oid obladagi bulut joy va oson barcha dasturlarni boshqarish uchun tayyor backend.

1-qadam

Ishni boshlash uchun shaxsiy kabinetda ro'yxatdan o'ting.

2-qadam

Promo kodni OneEntry xususiyatlarini tanlash uchun ishlating.

Iltimos, e-pochta manzilingni tasdiqlang, shuningdek, biz loyihalar yaratilganda kirish ma'lumotlarini yuborsak.

Tasdiqlashdan so'ng, siz loyihani yarata olasiz.

3-qadam

Sizning loyihangiz nomini kiriting va tarif rejalari orasidan tanlang, birinchi loyihangizni yarating.

4-qadam

Proyekt yaratilishini kutib turing. Yaratilgan proyekta o'ting.

'Sukohga' oʻchirib, URL qatorida sizning adminlik manzilingiz bo'lgan havolaga cherting.

5-qadam

Loyiha holati "Ishlayapti"ga o'zgargach. Ro'yxatdan o'tganingizda ko'rsatilgan pochtangizga kelgan login va parolni kiriting va 'Kirish' tugmasini bosing

API bilan ish boshlashdan oldin, kontent qo'shish kerak. Keling, sahifa misolida ko'rib chiqamiz. 'Kontentni boshqarish' bo'limiga o'ting. 'Sahifa yaratish' tugmasini bosing.

"Sahifa turlari" maydonida "Oddiy sahifa" uchun tanlang, sahifaning sarlavhasini, URL manzilini, sahifa uchun menyuning nomini kiriting va tahrirlovchida istalgan matnni yozing. Barcha ma'lumotlar kiritilgandan keyin saqlanadi.

Sahifangiz yaratildi va uni "Kontentni boshqarish" bo'limidagi sahifalar ro'yxatida ko'rishingiz mumkin.

Menyuning "Sozlamalar" punktiga o'ting, "Ilovalar tokenlari" tabiga kiriting. Ilovangizning nomini kiriting (nom istalgan bo'lishi mumkin) va "Yaratish" tugmasini bosing. Sertifikat yaratilgandan keyin, jadvaldagi "Ko'rsatish" belgisini bosing va "Nusxalash" tugmasini bosing.

6-qadam

JavaScript orqali yaratilgan sahifani olish misolini ko'rib chiqamiz. Matn muharririni ochib, HTML hujjatini yarating, JavaScript skriptining manzilini yozing va H1 tegi hamda ma'lumotlarni sahifada chiqarish uchun div yarating.

  <!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 faylida o'z loyihangizning manzilini va url orqali sahifani olish uchun API usulining yo'lini ko'rsating. Yo'lning oxirida sahifani yaratganda ko'rsatilgan url-ni kiriting. So'rov boshlig'ida "x-app-token" deganini va uning qiymatiga OneEntry sozlamalaridan nusxalangan tokenini qo'ying.

    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 orqali ma'lumotlarni olish usullari to'g'risidagi ma'lumotlarni shaxsiy hisobda "API" bo'limida topishingiz mumkin.

7-qadam

Brauzerni oching, HTML faylingizni oching va birinchi sahifangizdagi olingan ma'lumotlarni ekraningizda ko'rasiz.

Brauzerning konsoliga o'ting va API bo'yicha olingan ma'lumotlarni ko'rasiz.

Tayyor!

Endi sahifalarni yarata olasiz, xususiyatlar, bloklar, shakllar qo'sha olasiz, mahsulotlar qo'sha olasiz va boshqalar. Tizim xususiyatlarining to'liq tavsifini foydalanuvchi qo'llanmada o'qishingiz mumkin, shuningdek tizim ko'rib chiqishlarini.

Boshlash