0

刚开始学习网络编程（在 Udacity 上参加 CS 253 课程）。

我的问题是集成 JS 和谷歌应用引擎是如何工作的？我知道这可能是关于 web 编程的一个基本问题，但我真的需要一些关于如何理解这个概念的指导。

我正在尝试将 Twitch Javascript API 合并到 Google App Engine 中。基本上，我想有一个小网站，用户可以通过 Twitch 登录，并将他们的信息存储到数据库中。我真的不明白这怎么可能，因为 Twitch 只有一个 Javascript API。

这是我拥有的非常适合连接到 Twitch 的脚本（来自他们 git 页面上的示例）：

<html>
<head>
  <meta charset="utf-8">
  <title>TwitchTV SDK Example App</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

  <script src="https://ttv-api.s3.amazonaws.com/twitch.min.js"></script>

  <script>
    window.CLIENT_ID = '';
    $(function() {
      // Initialize. If we are already logged in, there is no
      // need for the connect button
      Twitch.init({clientId: CLIENT_ID}, function(error, status) {
        if (status.authenticated) {
          // we're logged in :)
          $('.status input').val('Logged in! Allowed scope: ' + status.scope);
          // Show the data for logged-in users
          $('.authenticated').removeClass('hidden');
        } else {
          $('.status input').val('Not Logged in! Better connect with Twitch!');
          // Show the twitch connect button
          $('.authenticate').removeClass('hidden');
        }
      });


      $('.twitch-connect').click(function() {
        Twitch.login({
          scope: ['user_read', 'channel_read']
        });
      })

      $('#logout button').click(function() {
        Twitch.logout();

        // Reload page and reset url hash. You shouldn't
        // need to do this.
        window.location = window.location.pathname
      })

      $('#get-name button').click(function() {
        Twitch.api({method: 'user'}, function(error, user) {
          $('#get-name input').val(user.display_name);
        });
      })

      $('#get-stream-key button').click(function() {
        Twitch.api({method: 'channel'}, function(error, channel) {
          $('#get-stream-key input').val(channel.stream_key);
        });
      })

    });
  </script>

  <style type="text/css">
  .hidden {
    display: none;
  }
  </style>
</head>
<body>
  <h1>TwitchTV SDK Example App</h1>
    <div class="status">
      Status: <input readonly="readonly" size="60" val="Unknown"/>
    </div>
    <div class="authenticate hidden">
      <img src="http://ttv-api.s3.amazonaws.com/assets/connect_dark.png" class="twitch-connect" href="#" />
    </div>

    <h2 class="authenticated hidden">Authenticated</h2>
    <div class="authenticated hidden">
      <div id="logout">
        <button>Log Out</button>
      </div>

      <div id="get-name">
        <button>Get TwitchTV Name</button>
        <input readonly="readonly" size="50" value="Unknown"/>
      </div>

      <div id="get-stream-key">
        <button>Get TwitchTV Stream Key</button>
        <input readonly="readonly" size="50" value="Unknown"/>
      </div>

    </div>
</body>
</html>

如何在此客户端 javascript 和 Google App Engine 之间传递数据？谢谢！

4

1 回答 1

1

非常广泛的问题。但总的来说，关于您的情况：

  • 您应该在 App Engine 应用程序上设置接收端（处理程序）。它将处理来自客户端 JavaScript 的请求（你好，世界示例）
  • 其次，您需要将数据实际发送到服务器。我看到你正在使用 jQuery。为了调用我们在Hello, world示例中看到的服务器，您将编写如下内容$.get('/', function(data) {console.log(data);})：这将调用服务器并将您从服务器获得的消息打印到控制台。
于 2014-12-30T10:52:28.610 回答