JavaScript Blog

Az API kulcs elrejtése a backenden

2022. május 31. - BATZOZOO

Egyik webfejlesztéssel foglalkozó csoportban szó volt arról, hogy hogyan lehet elrejteni egy API kulcsát. Az API-k nagy része kulcsot (van ahol token-nek hívják) kér, hogy hozzáférhess az adataihoz. Ha ezt a kulcsot vagy tokent publikus helyre rakod ki, például frontend kódba, akkor az is…

Tovább

Csak kíváncsi vagyok, hogy működik e a FetchAPI a Blog.hu oldalán

Kipróbáltam, hogy FetchAPI-al le tudom e kérni Budapest aktuális időjárását egyenesen bele egy cikkbe vagy nevezzük ezt most postnak a Blog.hu-n.  Elsőként a JavaScript kódot próbáltam beszúrni magába a post szerkesztőbe. Sajnos azt nem engedte megjeleníteni (automatikusan CDATA tagek közé zárta…

Tovább

JavaScript Optional chaining

Objektumok/JSON adat használatakor fel kell készíteni a weboldalad vagy webalkalmazásod arra, hogy egy objektum keresett kulcsértékpárja nem létezik, illetve a keresett kulcs alatt található kulcsértékpárok sem. Ezt ellenőrizheted If-el is, de ez nagyon hosszú és kevésbé átlátható kódot eredményez.…

Tovább

JavaScript App átalakítása React.JS applikációvá

Az előző bejegyzésben bemutatott videóban készítettem egy Random User API-al és Chunck Norris viccek API-al működő webalkalmazást. Ebben a videóban ezt fogom átalakítani React.JS alapú applikációvá.Látni fogod, hogyha alapból template string szemlélettel építesz fel egy alkalmazást, azt milyen…

Tovább

BookBlock.Js kiegészítés

Egy kicsit beújítottam ezt a cuccot, amivel amolyan könyv szerűen lehet lapozgatni a képeket, mert zavart, hogy nincs benne olyan funkció Vanilla js esetén, hogy az első és az utolsó lapra lehessen ugrani. jQuery-t pedig nem akartam használni csak emiatt. Amúgy nem csak képeket, hanem komplett…

Tovább

Backend és frontend

A kód, amelyet elküldünk a felhasználónak és a böngészője értelmezi a kódot, az a frontend. Aminek a kódját nem küldjük el, hanem a szerveren értelmezzük azt és csak az értelmezés után kapott kimenetet küldjük el a felhasználónak, az a backend kód Készítettem egy szimpla backendet és egy ehhez…

Tovább
süti beállítások módosítása