paramètres pour faire un code QR qu'Authy comprend

Question

Je suis sur le point d'introduire 2FA et d'utiliser QRcode.js pour générer un code QR à partir de la clé secrète pour être scanné par les applications 2FA.

$('#totpQR').empty(); 
new QRCode(document.getElementById('totpQR'),secretkey); 
$('#totpQRContainer').css('display','inline'); 
$('#totpQR').attr('title', 'otpauth://totp/'+encodeURIComponent(username) 
    + location.hostname.replace(/^(.*\.)?(\b[\w-]+\.[a-z]+)$/, '@$2?secret=') 
    + secretkey 
); 

GoogleAuthenticator et Authy semblent être très sélectifs là-bas; ils rejettent le code en disant "Le code QR est invalide" ou similaire. Lorsque j'utilise un lecteur QR approprié pour scanner le même QR, la clé de l'URL (otpauth://totp/username@sitename.tld?secret=secretkey ou otpauth://totp/sitename?secret=secretkey ou otpauth://totp/username@sitename.tld?secret=secretkey&digits=6&issuer=SiteName&period=30) s'affiche correctement.

La recherche du numéro n'a donné aucun résultat. Est-ce que quelqu'un peut me dire quels paramètres je devrais utiliser pour générer mon QR ou dois-je expérimenter?

Je suppose qu'il n'y a pas d'erreur dans l'URL?

Answer 1

Le problème était dans mon code en effet: j'ai créé le QR à partir de la clé, pas de l'URL complète:

$('#totpQR').empty(); 
var url='otpauth://totp/'+encodeURIComponent(username) 
    + location.hostname.replace(/^(.*\.)?(\b[\w-]+\.[a-z]+)$/, '@$2?secret=') 
    + secretkey 
; 
new QRCode(document.getElementById('totpQR'),url); 
$('#totpQRContainer').css('display','inline'); 
$('#totpQR').attr('title',url);