Tema
/
Interneto svetainių kliento dalies kūrimas JS
📖 Teorija

Namų darbas — surink, įdiek, patikrink raktą

Namų darbas — surink, įdiek, patikrink raktą.

  1. Aplinka. Sukurk vite.config.ts, .env.example ir .env (su savo NASA raktu). Tipizuok kintamąjį src/vite-env.d.ts. Programa turi krautis meniu per import.meta.env.VITE_NASA_API_KEY.
  2. Surink. npm run build. Įsitikink, kad pirma praeina tsc (tipų klaida turi sustabdyti build). Gauk dist/.
  3. Rask raktą pakuotėje. grep -r "DEMO_KEY" dist/assets/. Rask jį atviru tekstu. Tai — svarbiausias momentas: pamatyk savo akimis, kad front-end raktas yra viešas.
  4. Įdiek. Įkelk dist/ į statinį hostingą (GitHub Pages / Netlify / Railway). Nustatyk VITE_NASA_API_KEY hostingo skydelyje ir perkrauk build.
  5. Suprask ribą. Parašyk 3–4 sakinius: kodėl NASA raktą galima laikyti front-end, o mokėjimų slaptą — ne, ir kur pastarasis turėtų gyventi.

Privalomi testai:

  • Build testas: tipų klaida stabdo npm run build.
  • Rakto testas: grep randa raktą dist/ pakuotėje.

Atsiskaitymui: ekrano nuotraukos: (1) sėkmingas build → dist/, (2) grep rezultatas su raktu pakuotėje, (3) veikianti įdiegta programa (URL).

Toliau. Programa gyvai internete. 20 pamokoje — baigiamasis: išplėtimo iššūkiai ir arkos užbaigimas. Pastatei tą pačią programą du kartus ir pamatei, kaip kompiliatorius randa tikras klaidas veikiančiame kode. Tai ir yra visas kursas.