2

現在、Angular 1からAngular 2のウェブアプリをリファクタリングしていますが、Angular 2アプリからGoogle Cloud Endpointsに接続する例は見つかりません。Angular 2アプリからGoogle Cloudエンドポイントに接続

私はangular-cliを使ってAngular 2アプリケーションを作成しました。私はいくつかの異なるサービスからエンドポイントのapiを使いたいので、提案された答えがこれを考慮に入れれば望ましいでしょう。アンギュラ1では

は私がやった私のindex.htmlで

<script> 
     function init() { 
      console.log("Initializing Cloud Endpoints.."); 
      window.init(); 
     }; 
    </script>   

    <script src="https://apis.google.com/js/client.js?onload=init"></script> 

と私のmain.jsで:私が持っている角度2で

function Main($scope, $window){ 
    var vm = this; 

    $window.init= function() { 
     $scope.$apply(vm.loadApi); 
    }; 

    vm.loadApi = function(){ 
     gapi.client.load('deviceStockApi', 'v1', function(){ 

      console.log("Cloud Endpoints are now available"); 

     }, 'https://name-of-my-endpoints-app.appspot.com/_ah/api'); 
    } 
} 

を試しました

Edit1:私は最初に読み込むためにAPIを取得しようとしています。このため、以下の例ではすべてのコードをindex.htmlファイルに入れています。しかし、最適なのは、Angular 2アプリからCloud Endpointsを開始して使用するためのベストプラクティスを持つソリューションが望ましいことです。私のindex.htmlで

:私はWebアプリケーションを実行すると、init関数が

<script src="https://apis.google.com/js/client.js?onload=init"></script> 

<script> 
    function init() { 
    console.log("Init called"); 

    gapi.client.load('deviceStockApi', 'v1', function(){ 
     console.log("Cloud Endpoints are now available"); 
    }, 'https://name-of-my-endpoints-app.appspot.com/_ah/api'); 
    } 
</script> 

と呼ばれていません(無コンソール出力)。しかし、スクリプトが読み込まれているようです。

enter image description here

この問題を解決する方法のための任意の提案を歓迎です!また、誰かがGoogleからのドキュメントやこれを詳しく説明しているドキュメントを見つけた場合は、共有してください!

答えて

1

操作の順序を逆にしましたか? Angular 1の場合と同様に、apis.google.comのインポートをinitコードブロックの下に移動してみてください。

関連する問題