2016-04-27 4 views
4

Angular.js 2.0(typescript)SPAにGoogle signinボタンを追加しようとしていますが、Angularコンポーネント内で何かを起動するような方法でGoogleコールバックを実装する適切な方法がわかりません。angular.js 2.0 typescriptアプリでgoogle signinボタンを使う方法は?

(または代わりに、正しい方法は、ディレクティブを書くことである場合、私は疑問に思うが、その後どのように私はそこからコールバックを配線していますか?)

編集:

ngAfterViewInit() { 
    gapi.signin2.render(
     "google-login-button", 
     { 
     "onSuccess": (user) => console.log(user), 
     "scope": "profile", 
     "theme": "dark", 
     "onfailure": function(err){console.log("error:"+err);} 
     }); 
    console.log("afterview: gapi started"); //this is printed 
    } 

ソースコードを追加します初期化はOKと思われる。私はconsole.logとボタンを見る。私はポップアップウィンドウにログインすることができますが、そのウィンドウが閉じても何も起こりません。コンソールに何も表示されませんでした。成功または失敗メッセージのいずれかが表示されます

+1

追加したいコードの例(Googleボタン)、使用しているコンポーネント、試したことのある例は、この質問に答えるチャンスを大幅に増加させます。 –

+0

hi @ sean-larkin、私はソースコードを含めるように私の質問を編集しました。スティック。 – cesarpachon

答えて

5

私は最終的に問題を発見しました。角度2.0で作業しているので、ポート3000でデフォルトで実行されるlite-serverを実行しています。 80と異なるポートを使用する場合は、パスをGoogle設定(localhost:3000)に追加する必要があります。 Google apiが問題を診断するために何らかのエラーを返した場合に役立ちます(http 403エラーコードについてはどうですか?) 私は2日間このことを考え出しています。

+0

ありがとうございました!それはそれだった!私はいくつかの最後の時間のためにそれに立ち往生した –

+0

素晴らしい。また、何時間も立ち往生してください。ありがとうございました! – whtevn

関連する問題