Skip to content
This repository has been archived by the owner on Mar 3, 2021. It is now read-only.
/ js Public archive

Libraries for apiunit implementation, works on js.apiunit.com

License

Notifications You must be signed in to change notification settings

jloads/js

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

82 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

License Apache 2.0 Scrutinizer Quality Score Codacy Badge gitter

js

https://js.jloads.com

Libraries for apiunit implementation, works on js.jloads.com

Static files works on js.jloads.com with nginx server

Standardy

https://whatwg.org/

webcomponents kompilatory

<template>

https://html.spec.whatwg.org/multipage/scripting.html#the-template-element

link - tylko chrome

ecma scripts modules https://www.sitepoint.com/understanding-es6-modules/

https://exploringjs.com/es6/ch_modules.html

Apiunit

rozwiązanie dla programistów szukających prostych rozwiązań a nie wchodzących co chwilę w nowe technologie a potem wszelkie zmiany i konflikty sprawiają dużo pośrednich problemów

konfiguracja

obsługiwane funkcje

  • environment:
    • localhost
    • testing
    • stage
    • production
  • domain, zamiast podawać pełną ścieżkę,
  • target, gdzie mają być załaodowane skrypty domyślnie w head
  • delay,
  • cache, on/off

Korzyści

  • komfort używania wielu technologii na raz
  • swoboda tworzenia prostego kodu
  • prosta logika, szybką rozbudowa

To nie jest zamknięte rozwiązanie, tutaj możliwe jest łatwe wzbogacenie o własne środowiskowe potrzeby.

Funkcjonalność

możliwe jest ładowanie dynamiczne, poprzez dodawanie przez JS odpowiednich tagów dla:

  • javascript
  • link - style
  • image, file/base64
  • zagnieżdzony html, system pluginów

kaskadowe ładowanie plików

coś więcej niż tylko łaodwanie plików, one są ładowane w dokładnie takiej samej kolejności

Environment

zmienne w zależności od środowiska

.env({
    "local":{
        "domain": "//localhost:63342/"
    },
    "production":{
        "domain": "//js.jloads.com/"
    }
})

Cache

możliwość wyłączenia cache-owania

.cacheOff()

Wnioski

praktyka pokazuje, że najlepsze rozwiązania są proste do zrozumienia i serwisowania apiunit składa się z kilku elementów:

  • e.js klasa do parsowania struktury dom, wyszukuje i zwraca jeden lub więcej elementów

  • formToObject.min.js służy do parsowania formularzy i zwracania danych w formacie json

  • response.js pobieranie z obiektu XHR danych JSON zwraca obiekt

  • rest.js

....

Serwer

forever - npm

PANEL PLESK

https://support.plesk.com/hc/en-us/articles/115001338265-How-to-set-up-CORS-cross-origin-resource-sharing-in-Plesk-for-Linux-

Access-Control-Allow-Origin: [SCHEME]://[HOST]:[PORT_OPTIONAL]
  • Apache & nginx Settings for [domain]

  • APACHE Additional directives for HTTP: Additional directives for HTTPS:

          Header set Access-Control-Allow-Origin "*"
    
  • NGINX

      uncheck: Smart static files processing 
    
      Additional nginx directives:
          
    
    
    
      
        
          location ~ \.(ttf|ttc|otf|eot|woff|woff2|font.css|css|js|html)$ {
              add_header Access-Control-Allow-Origin "*";
          }