个人中心
gpt4 book ai didi

javascript - 将 Javascript 库与 Google App Engine 集成

转载 作者：行者123 更新时间：2023-12-03 11:08:49 24 4
gpt4 key购买 nike

刚刚开始学习网络编程(在 Udacity 上学习 CS 253 类(class))。

我的问题是如何集成 JS 和 Google 应用引擎？我知道这可能是关于网络编程的一个基本问题，但我确实需要一些关于如何理解这个概念的指导。

我正在尝试将 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 之间传送数据？谢谢!

最佳答案

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

  • 您应该在 App Engine 应用程序上设置接收端(处理程序)。它将处理来自客户端 JavaScript 的请求(Hello, world 示例)
  • 其次，您需要将数据实际发送到服务器。我发现您正在使用 jQuery。为了调用我们在 Hello, world 示例中看到的服务器，您将编写如下内容: $.get('/', function(data) {console.日志(数据)；})。这将调用服务器并将您从服务器收到的消息打印到控制台。

关于javascript - 将 Javascript 库与 Google App Engine 集成，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27703048/

24 4 0
文章推荐： python - 在没有管理员权限的 Windows 上安装 python 模块
文章推荐： javascript - 如何同时使用模式和需求进行电子邮件字段验证？
文章推荐： python - 使用 python 更改视频文件属性
文章推荐： django - django-表单没有错误，但是form.is_valid()不验证
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com