wpforge
Goto Top

Google TFA bild wird nicht angezeigt

Hallo,
ich generiere für die Anmeldung zur Google TFA einen link, der zum qr code führt.
Dieser ist gültig und sieht zum beispiel so aus:
https://www.google.com/chart?chs=200x200&chld=M|0&cht=qr&chl=otpauth%3A%2F%2Ftotp%2Fmoon.platzhalten.de%3Aaxel%40ynetz.de%3Fsecret%3DKRSXG5DDMFRTQMZQGRSGMMBVGFQTSMDDMVQTKMDFMFRTMZDFMUYDGY3GME%3D%3D%3D%3D%3D%3D
wird der Link im Browser aufgerufen, erscheint auch der qr code.

Binde ich diesen aber in einen imagetag ein
<img src="CODE" />  
erscheint er nicht.

Kodiere ich das Secret nicht , erscheint das Bild der QR Code ist aber halt ungültig.

Ich muss gestehen, ich bin etwas ratlos.

Nach einem Klick auf "Send confirmation mail" erscheint das Bild (nicht).

Danke schon mal für eure Antworten.

Content-Key: 424779

Url: https://administrator.de/contentid/424779

Printed on: April 26, 2024 at 16:04 o'clock

Member: Bem0815
Bem0815 Mar 05, 2019 updated at 07:55:21 (UTC)
Goto Top
Kann das Problem nicht ganz nachvollziehen.

Wenn ich eine simple HTML erstelle mit dem Code:

<img src="https://www.google.com/chart?chs=200x200&chld=M|0&cht=qr&chl=otpauth%3A%2F%2Ftotp%2Fmoon.platzhalten.de%3Aaxel%40ynetz.de%3Fsecret%3DKRSXG5DDMFRTQMZQRSGMMBVGFTSMDDMVQKMDFMFRTMZDFMUYDY3GME%3D%3D%3D%3D%3D%3D"/>  

wird mir das Bild problemlos im Browser angezeigt.

Getestet in Chrome, Firefox, IE, Edge.
Member: WPFORGE
WPFORGE Mar 05, 2019 at 10:07:01 (UTC)
Goto Top
Auf der Webseite wird der code nachgeladen.
Dazu wird er als json bereitgestellt. In diesem JSON befindet sich allerdings auch noch ein Token, der aber problemlos in sein Feld eingefügt wird.

{"status":true,"msg":"confirmation_mail_sent","data":"{\"token\":\"b4b829bce44bb1af929249138e0f4c02\",\"qr\":\"https:\\\/\\\/www.google.com\\\/chart?chs=200x200&chld=M|0&cht=qr&chl=otpauth%3A%2F%2Ftotp%2Fmoon.platzhalten.de%3Aaxel%40ynetz.de%3Fsecret%3DKRSXG5BTHE4TGNBXMI2WENRQG4YTKZLGMEZTAOJUMFRWMZJTMRRWGMBYGY%3D%3D%3D%3D%3D%3D\"}"}  

Das hier wäre das JSON. der token wird problemlos übernommen.

Die console wirft folgenden Fehler:
Failed to load resource: the server responded with a status of 400 ()
lasse ich mir den Link in der console ausgeben $('#qr').attr('src') wird dieser gekürzt angezeigt (in der mitte sind iwo drei Punkte)

Kopiere ich diesen Link aber und rufe ihn im Browser auf, läuft das Problemlos.
Member: Bem0815
Bem0815 Mar 05, 2019 updated at 10:59:04 (UTC)
Goto Top
API von einem anderen Anbieter nehmen. Die von Google ist veraltet.

2019-03-05 11_56_16-qr codes  _  infographics  _  google developers