0

こんにちは、javascript を使用して gplus-api サインインの学習を始めたばかりですが、「DOMWindow」で「postMessage」を実行できませんでした: The target origin provided ('file://') does not match the recipient window's originというエラーに遭遇しました('ヌル')。 これは私がこのサイトを参照した私のコードですが、助けにはなりませんでした! https://developers.google.com/+/web/signin/javascript-flow

私のコード

<!DOCTYPE HTML>
 <html>
   <head></head>
 <body>
    <script src="https://apis.google.com/js/client:platform.js" async defer></script>

    <meta name="google-signin-clientid" content="MY_CLIENT_ID.apps.googleusercontent.com">
    <meta name="google-signin-scope" content="https://www.googleapis.com/auth/plus.login" />
    <meta name="google-signin-requestvisibleactions" content="http://schema.org/AddAction" />
    <meta name="google-signin-cookiepolicy" content="single_host_origin" />

  <script type="text/javascript">
    (function(){
      var po = document.createElement('script');
      po.type = "text/javascript";
      po.async = true;
      po.src = "https://apis.google.com/js/client:plusone.js";
      var s = document.getElementByTagName('script');
      s.parentNode.insertBefore(po,s);
  });

 function render() {

  // Additional params including the callback, the rest of the params will
  // come from the page-level configuration.
   var additionalParams = {
     'callback': signinCallback
  };

  // Attach a click listener to a button to trigger the flow.
   var signinButton = document.getElementById('signinButton');
   signinButton.addEventListener('click', function() {
       gapi.auth.signIn(additionalParams); // Will use page level configuration
    });
 }

  function signinCallback(authResult) {
      if (authResult['status']['signed_in']) {
   // Update the app to reflect a signed in user
   // Hide the sign-in button now that the user is authorized, for   example:
      document.getElementById('signinButton').setAttribute('style',             'display: none');
    } else {
    // Update the app to reflect a signed out user
    // Possible error values:
   //   "user_signed_out" - User is signed-out
   //   "access_denied" - User denied access to your app
   //   "immediate_failed" - Could not automatically log in the user
   console.log('Sign-in state: ' + authResult['error']);
   }
  }
 </script>
  <button id="signinButton">Sign in with Google</button>
  </body>
  </html>

私の js オリジンはhttp://localhost:8080です。また、この URL を読み込もうとすると 404 エラーが発生 します。このエラーの解決を手伝ってください!

4

1 に答える 1