PROTOCOLLO DI COMPOSIZIONE DELLA PASSWORD / REGISTRO PARAMETRI

Leggi il generatore come protocollo di composizione dei caratteri

Imposta lunghezza e gruppi di caratteri selezionati nell’editor. Questo registro collega tali parametri al percorso di output implementato, alle etichette di punteggio e ai pannelli React visibili.

Apri generatore di password

Registro parametro → output

01 · LUNGHEZZA — Intervallo di una unità

Il controllo della lunghezza ha minimo 8, massimo 64, passo 1 e parte da 16.

02 · GRUPPI — Quattro selezioni indipendenti

Maiuscole, minuscole, cifre e simboli possono essere selezionati o rimossi separatamente.

03 · COMPOSIZIONE — Voci dei gruppi prima del riempimento

Il generatore inserisce un carattere da ogni gruppo selezionato, riempie le posizioni restanti con i caratteri combinati e poi mescola l’array di caratteri.

04 · NON VALIDO — Nessun output con selezione non valida

Senza un gruppo selezionato, o con una lunghezza inferiore al numero di gruppi selezionati, il generatore restituisce null e l’editor mostra solo il proprio errore di selezione.

La sequenza di composizione implementata

Questo è un registro del percorso di codice, non un test di accettazione per un servizio esterno. Mostra l’ordine di generateSecurePassword con una selezione valida.

  1. 1. Raccogliere i gruppi selezionati

    La funzione assembla solo le stringhe dei gruppi selezionati. Un elenco vuoto, o una lunghezza richiesta inferiore a quell’elenco, termina con null.

  2. 2. Inserire e riempire

    Sceglie un carattere per ogni gruppo selezionato, poi continua a scegliere dalla stringa dei gruppi concatenati fino alla lunghezza richiesta.

  3. 3. Mescolare l’array

    L’array completo di caratteri viene mescolato prima di essere unito nell’output mostrato.

Registro dei gruppi di caratteri

L’editor espone esattamente queste quattro stringhe di gruppi. I simboli sono elencati come implementati, incluse parentesi quadre e punteggiatura.

  • MAIUSCOLE ABC

    ABCDEFGHIJKLMNOPQRSTUVWXYZ

    Selezionate tramite la casella maiuscole.

  • MINUSCOLE abc

    abcdefghijklmnopqrstuvwxyz

    Selezionate tramite la casella minuscole.

  • CIFRE 0–9

    0123456789

    Selezionate tramite la casella numeri.

  • SIMBOLI

    !@#$%^&*()_+-=[]{}|;:,.<>?

    Selezionati tramite la casella simboli.

Nota di implementazione Web Crypto

La selezione degli indici è un dettaglio di implementazione. Il codice usa crypto.getRandomValues con valori Uint32; un’etichetta del risultato non afferma l’idoneità di un output.

  • LIMITE UINT32

    Per una dimensione di gruppo, il codice calcola il più grande multiplo di quella dimensione inferiore a 2³².

  • REJECTION SAMPLING

    Richiede di nuovo un valore Uint32 finché il valore è fuori da quel limite, poi prende valore modulo la dimensione del gruppo.

  • MESCOLAMENTO ARRAY

    Il ciclo shuffle va dall’indice finale dell’array fino a 1 e scambia il carattere corrente con un indice ottenuto dallo stesso selettore.

Stima del punteggio dei caratteri di output

L’etichetta è uno stimatore basato solo sull’output mostrato. Non è una valutazione di regole o caso d’uso di una destinazione.

  • LUNGHEZZA

    +2 se la lunghezza è almeno 12; altrimenti +1 se è almeno 8.

  • CATEGORIE

    +1 per ogni corrispondenza dell’output con categorie minuscole, maiuscole, cifre e non alfanumeriche.

  • ETICHETTE

    Weak a 0–2; Medium a 3–4; Strong a 5; Very Strong a 6.

Pannelli di stato dell’output visibili

Queste schede descrivono le transizioni di stato del componente usate dall’editor.

INIZIALE + SINGOLO — Un risultato iniziale, poi uno per azione

Al mount iniziale, useEffect attiva una generazione singola. Il pulsante singolo la attiva di nuovo; un risultato restituito diventa l’output mostrato.

LOTTO 1–20 — Elenco separato di risultati in lotto

Il controllo del lotto va da 1 a 20 e parte da 5. Ogni posizione richiesta chiama il generatore separatamente; le voci restituite sono conservate in uno stato dei risultati in lotto separato.

CRONOLOGIA + COPIA — Fino a cinque risultati singoli recenti

Un risultato singolo viene posto prima delle quattro voci precedenti della cronologia. Il pulsante di cancellazione svuota questo stato UI della cronologia del componente. I controlli di copia chiamano navigator.clipboard.writeText per la voce mostrata scelta.

Note di ambito

  • Questa pagina registra il comportamento attuale dell’editor e non verifica un output rispetto a requisiti esterni a questo editor.
  • Il percorso di selezione non valida restituisce null; l’editor presenta il proprio errore di selezione invece di un output.
  • Risultati in lotto e cronologia singola sono valori di stato React separati in questo componente.
  • L’editor presenta controlli di copia. Non presenta un controllo di download o esportazione.

Prosegui con strumenti vicini

Ogni strumento collegato ha il proprio comportamento di input e output.

Domande sul protocollo di composizione

Quali valori di lunghezza espone l’editor?

Il controllo della lunghezza va da 8 a 64 a passi di 1, con 16 come valore iniziale.

Cosa accade quando la selezione non è valida?

Quando non è selezionato alcun gruppo, oppure la lunghezza richiesta è minore del numero di gruppi selezionati, generateSecurePassword restituisce null. L’editor mostra solo il proprio errore di selezione.

Come vengono assegnate le etichette di punteggio?

Lo stimatore somma lunghezza e categorie rilevate di minuscole, maiuscole, cifre e non alfanumerici per un punteggio da 0 a 6. Mappa 0–2 a Weak, 3–4 a Medium, 5 a Strong e 6 a Very Strong.

Cosa fanno i controlli lotto, cronologia e copia?

Il lotto usa uno stato dei risultati separato per 1–20 voci richieste. La cronologia conserva il risultato singolo corrente e fino a quattro precedenti nello stato del componente, e un controllo di copia chiama navigator.clipboard.writeText per la propria voce.

Apri i controlli di composizione

Scegli lunghezza e gruppi nell’editor, poi ispeziona l’output mostrato e la relativa etichetta di punteggio basata sui caratteri.

Apri generatore di password