podio API JS浏览器身份验证和API调用

时间:2016-12-30 10:28:51

标签: javascript api podio

我对API事情非常感兴趣,一直在阅读JAVASCRIPT客户端的文档here,但即使在身份验证部分,我仍然无法正常工作。我已经拥有PODIO本身的客户端ID和ClientSecret。

基本上,我想使用客户端(仅限浏览器)以JSON格式获取工作空间中的所有podio数据。

我已经下载了库here并在我的localhost上创建了一个HTML文件,并使用以下代码链接podio-js。得到此错误" podio-js.js:1未捕获的ReferenceError:在podio-js.js中未定义require:1"。我是否需要安装诸如装载器之类的东西才能使其工作?

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
<script type="text/javascript" src="lib/podio-js.js"></script>  
<script type="text/javascript">
var podio = new PodioJS({
  authType: 'server', 
  clientId: 'foo', 
  clientSecret:  'foo'
});
var redirectURL = 'http://localhost/PODIO-JS/podio-js-master/PODIO_CLIENT.html';

// Your request handler (for example in ExpressJS)
var action = function(request, response) {
var authCode = request.query.code;
var errorCode = request.query.error;

podio.isAuthenticated().then(function() {
  // Ready to make API calls...

}).catch(function(err) {

  if (typeof authCode !== 'undefined') {
    podio.getAccessToken(authCode, redirectURL, function(err, response) {
      // make API calls here 
        console.log (responsedata);
    }); 
  } else if (typeof errorCode !== 'undefined') {
    // a problem occured
    console.log(request.query.error_description);
  } else {
    // start authentication via link or redirect
    console.log(podio.getAuthorizationURL(redirectURL));
  }
});

</script>


    </head>
<body>

</body>
</html>

1 个答案:

答案 0 :(得分:2)

如果您在AMD环境中工作,通常使用.box{ width:50px; height:50px; background-color:green; margin-top:10px; border:1px black solid; cursor:pointer } ,则只能使用语法PodioJS = require('podio-js')

你正在使用一个好的ol&#39;改为使用HTML页面,这意味着您必须按照此处的浏览器使用部分的第二部分进行操作:https://github.com/podio/podio-js#browser

requirejs文件夹中:

podio-js

然后在HTML页面中使用标记包含npm install -g browserify npm run bundle

注意:一旦捆绑了源代码,就可以将编译好的文件复制粘贴到任意位置。