Stiamo pianificando una riprogettazione del nostro front-end e vorremmo estenderlo utilizzando una opzione di attivazione / disattivazione . Vogliamo esporre le modifiche a serie limitate di utenti mentre eseguiamo l'iterazione e forse consentiamo agli utenti di optare per il nuovo design. Ho visto questo fatto su un certo numero di siti, ma sto avendo difficoltà a trovare dettagli su come questo tipo di interruttore è implementato.
La riprogettazione toccherà la maggior parte dei nostri HTML e CSS. Alcuni punti di vista scompariranno del tutto, ne verranno aggiunti di nuovi e altri saranno semplicemente modificati. Il JS rimarrà in gran parte lo stesso, così come il codice back-end. Utilizziamo Angular e Node (sails / express).
In che modo questa caratteristica di "nuovissima interfaccia utente" attiva o disattiva tipicamente implementata?
Ecco due approcci generali che stiamo prendendo in considerazione, anche se non siamo davvero contenti di entrambi:
-
Sono disponibili due cartelle di asset separate, una per il vecchio design e una per il nuovo design. Serve le risorse dalla cartella appropriata in base a un commutatore sul lato server. Ogni volta che viene richiesto un modello di visualizzazione, il commutatore verrà controllato e verrà restituita la vista appropriata.
-
Esegui il commutatore sul lato client. Namespace il nuovo CSS sotto una classe che applicheremo al corpo del documento in base al commutatore. Potremmo collegare a pagine vecchie o nuove basate sul commutatore. O se la pagina è sia nel vecchio che nel nuovo design, potremmo rendere la vista in modo diverso in base al commutatore.
Il primo approccio sostanzialmente raddoppierà la dimensione della nostra directory client e comporterebbe un numero di file duplicati. Se apportiamo aggiornamenti ai file esistenti sia nella versione vecchia che in quella nuova mentre implementiamo il nuovo design, dovremmo realizzarli in entrambe le posizioni. Ma sembra che il secondo approccio introduca molta complessità e sarebbe difficile da ripulire una volta completata l'implementazione. Molto interessato a quali alternative sono disponibili, o modifiche a uno di questi approcci.