0

Ich versuche gerade, eine Google Chrome-Erweiterung zu erstellen, die ein Youtube-Video "gefällt" oder "favorisiert", wenn Sie es auf Reddit hochladen. Natürlich muss der Benutzer eingeloggt sein und den Benutzer authentifizieren, damit Sie das Video mögen oder bevorzugen können.Benutzer über Google APIs authentifizieren OAuth2 für die Verwendung der Chrome-Erweiterung

Meine Frage ist, wie genau gehe ich dabei vor? Ich habe versucht, einige Nachforschungen anzustellen, aber ich bin noch völlig verloren, wo die Benutzerauthentifizierung hereinkommt oder wie der Benutzer sich anmeldet, wenn nicht schon. Ich gehe davon aus, dass ich OAuth2 verwenden muss, um das Video auf youtube zu mögen, aber wie implementiere ich das in meiner Erweiterung?

Bisher alles was ich habe sind meine content.js und manifest.json:

{ 
     "name": "VideoUpLike", 
     "version": "1.0.0", 
     "description": "Likes the video on YouTube after upvoting a YouTube link on Reddit", 
     "manifest_version": 2, 
     "permissions": [ 
     "https://www.googleapis.com/*" 
     ], 
     "content_scripts": [ 
     { 
      "matches": ["http://www.reddit.com/*", "https://www.reddit.com/*"], 
      "js" : [ "contentscript.js"] 
     }], 
     "background": { 
     "page": ["Auth.html"] 
     } 
    } 

und mein Text content.js Skript die upvote Schaltfläche klicken zu testen:

document.addEventListener('click', function(e) { 
     if (e.target.matches('.arrow.upmod')) { 
      alert("Oh hi there"); 
      } 
    }); 

Antwort

2

können Sie Verwenden Sie die Chrome Identity API, um Benutzer für eine Chrome-Erweiterung zu authentifizieren. Die Schritte lauten wie folgt:

  1. Fügen Sie Ihrem Manifest Berechtigungen hinzu und laden Sie Ihre App hoch.
  2. Kopieren Sie den Schlüssel in der installierten manifest.json in Ihr Quellmanifest, damit 3. Ihre Anwendungs-ID während der Entwicklung konstant bleibt.
  3. Erhalten Sie eine OAuth2-Client-ID für Ihre Chrome App.
  4. Aktualisieren Sie Ihr Manifest mit der Client-ID und den Bereichen.
  5. Holen Sie sich das Authentifizierungstoken.

(Von https://developer.chrome.com/apps/app_identity)

ich dieses Video wirklich nützlich, um zu sehen gefunden, wie dies in Ihrem Code zu implementieren: https://www.youtube.com/watch?v=oeUMKlCTdHg

Schließlich Google auch einige Beispielprojekte auf Github haben, die Suche wert sein könnte at - Ich kann keine weiteren Links posten, aber Sie können sie finden, indem Sie suchen.