Thunkable көмегімен API-ді кодтау

  • Бағдарламалау интерфейстерінің (API) не екенін білу 

  • Ақпаратты алу үшін бағдарламада API пайдалану

Бұл сабаққа арналған іс-шаралар:

API

API  бағдарламалау интерфейсі үшін тұрады.

API — веб-сайттан немесе дерекқордан ақпарат алуға болатын тәсіл.

Бұлтты сақтау әдетте бағдарлама ішінде ортақ пайдаланылатын ішкі ақпарат болып табылса, API бағдарламасыңызға интернеттен сыртқы ақпаратқа қатынасуға мүмкіндік береді.

Бұлтты сақтау
www 3 телефонға қосылған
API

Адамдарға ауа райына қарай не киетінін шешуге көмектесетін қолданба жасап жатырсыз делік. Ауа-райы туралы деректерді дерекқорға жүктеп салуға көп уақыт жұмсауға болады, бірақ ауа райын көрсететін көптеген веб-сайттар бар. 

Ең жақсы шешім тек ауа райы веб-сайтынан деректерді ұстап, оны API арқылы бағдарлама арқылы пайдаланушыларға көрсету болар еді.

Мұнда API қалай жұмыс істеп жатқаны туралы жақсы бейне түсіндіруші берілген.

API пайдалану үшін: 

  1. API пайдаланатын веб-сайтты табыңыз. Мұнда қол жетімді, тақырып бойынша тізілген жалпыға қолжетімді API тізімі берілген.
  2. Олардың API-ін қалай пайдалану керектігі туралы құжаттамаларын оқыңыз. Сайттардың көпшілігі мысалдар келтіреді.
  3. Кейбір сайттар API интерфейстерін пайдаланбас бұрын API кілтіне тіркелуді талап етеді. Кейбір API интерфейстерін пайдалану үшін ақша қажет екенін ескеріңіз.
  4. API кодын Thunkable-ге қосу. 

КОДТАУ МЫСАЛДАРЫ

Төменде Thunkable бағдарламасындағы Web API бағдарламасын пайдаланып тәжірибе беруге арналған кейбір оқулықтар берілген.

ЕСКЕРТУ! Осында тізілген кейбір оқулықтарда Web API компоненті Құрастырушы терезесінде көрсетілген. Дегенмен, Thunkable бағдарламасының ағымдағы нұсқасында Advanced астындағы Блоктар өңдегішіндегі Web API компонентін табасыз.

Веб API компонентін қосу үшін + түймешігін басыңыз. URL мекенжайы мен сұрау параметрлерін пайда болатын сипаттар терезесіне немесе кодқа қосуға болады. Блоктарды кодтау бiрдей болуы тиiс.

компонент терезесі Web API көрсететін Thunkable
Бұл бейне API және Thunkable Web API компонентіне шолу береді.

Мұнда пайдаланудың өте негізгі мысалы берілген Google Maps API Google Maps бағдарламасын белгілі бір орынды көздеп, өз бағдарламаңыздан бастау үшін.

Бұл мысал оқулықта API from OpenWeatherMap.

Thunkable әр түрлі Web API мысалдарының бүкіл плей-офф тізімі ретінде.

ӘРЕКЕТ: FRUIT NUTRITION ҚОЛДАНБАСЫ

Есептік уақыт: 30 минут

API көмегімен жеміс ақпаратын көрсету

  1. Starter жобасын Thunkable бағдарламасында ашыңыз.
  2. Бағдарламаны қалай жұмыс істейтінін көру үшін іске қосыңыз.
  3. Жобаның көшірмесін өңдей алатындай етіп жасаңыз.
  4. Оның неге ұқсайтынын түсіну үшін төмендегі JSON жолын тексеріңіз.
  5. Дәл қазір бағдарлама тек Калория ақпаратын көрсетеді. Қайтарылған басқа тағамдық мәндердің бірін көрсету үшін CalorieLabel-ден төмен екінші белгіні қосыңыз.
Starter жобасын ашу

Үздік тәжірибелер:Қызықты факт, json нені білдіреді? «JavaScript нысанының белгісі». Json 1999 жылы жасалған және біз күнделікті қолданатын немесе алатын деректердің әрбір дерлік бөлігі json-ды қандай да бір жолмен пайдалануы керек. Егер бізде json болмаса, бізде бар технологияның барлығы дерлік пайдасыз болар еді. Деректерді жіберу үшін бұлттағы барлық дерлік деректер json қажет.

Оқушыларға сұрақ қоюға арналған бағыттаушы сұрақтар:

Сіз бен достарыңыз арасында API жасай аласыз ба? 

Егер достарыңыздың бірі «/сәлем» деп айтса, сәлеммен жауап бересіз. Бұл шын мәнінде API. Бір адам бір нәрсені (сәлем) сұрайды, содан кейін өз таңдауыңмен қайта жауап бересің. Одан да күрделі мысалдар болуы мүмкін бе? /hug, /triviaQuestion, /story, /weekendSummary

Тәлімгер кеңестері AmeriCorps қолдауымен ұсынылған.

қою көк түсті стильдендірілген A әріпі, AmeriCorps логотипі 

Мұнда банан үшін FruityVice қайтарған JSON жолы мысалы берілген.

{ "genus": "Musa", 
"name": "Banana",
"id": 1,
"family": "Musaceae",
"order": "Zingiberales",
"nutritions":
{ "carbohydrates": 22,
"protein": 1,
"fat": 0.2,
"calories": 96,
"sugar": 17.2
}
}

Сіз API ақпараты бар екінші тағамдық заттаңбаны сәтті қостыңыз деп үміттенемін!

Мүмкін болатын шешімді көргіңіз келсе, осы батырманың түймешігін басыңыз. 

РЕФЛЕКСИЯ

Бағдарламаңызда API-ді пайдалану өте қуатты құрал болуы мүмкін, бірақ оны жүзеге асыру оңай емес!

Қажетті ақпаратты қалай алуға болатынын түсіну үшін сайтқа арналған API құжаттамасын оқуға уақыт жұмсау керек.

өзара байланысты желі
Сіз қалай ойлайсыз, бұл бағдарлама үшін пайдалы компонент пе?
Қажетті ақпаратты ұсынатын онлайн веб-сайтты таба аласыз ба?

НЕГІЗГІ ТЕРМИНДЕРГЕ ШОЛУ

  • Бағдарламалау интерфейсі (API) - бағдарламада пайдалану үшін басқа веб-сайттан немесе дерекқордан ақпарат алу тәсілі