4

ラップトップのローカルHTMLページからSoundcloudにアクセスしようとしています。私はredirect_uriとして「callback.html」をホストする部分で立ち往生しています。私が実行しようとしているスクリプトは、Soundcloudドキュメントページの基本的な認証JavaScriptです。

<script src="http://connect.soundcloud.com/sdk.js"></script>
<script>
// initialize client with app credentials
SC.initialize({
  client_id: 'my_client_id',
  redirect_uri: 'http://127.0.0.1/Users/Maria/Documents/SoundcloudClient/callback.html'
});

// initiate auth popup
SC.connect(function() {
  SC.get('/me', function(me) { 
    alert('Hello, ' + me.username); 
  });
});
</script>

このスクリプトを使用すると、ChromeとFirefoxでページを起動したときに接続ポップアップが表示されます。しかし、Soundcloudユーザーとしてログインすると、次のエラーが発生します。

Oops! Google Chrome could not connect to 127.0.0.1

redirect_uriをlocalhostに変更すると、同じエラーが発生します。

私が試してみると：

files:///C:/Users/Maria/Documents/SoundcloudThinClient/callback.html

同様のエラーが発生します。

私も試しました：

ocalhost:3000

と：

localhost:8080

これらのポートで何をリッスンするかはわかりませんが。

それで、基本的に、これが機能するために、callback.htmlにどのパスを置くべきかを尋ねていますか？

redirct_uriが実際にどのように機能するのかわからないことを告白します。Oauthページを調べましたが、わかりません。SCのドキュメントにはこれが可能であると書かれているようですが、HTMLページを作成し、JavaScriptを貼り付け、callback.htmlファイルを作成して、この作業を行うことはできないと思い始めています。もしそうなら、私はどのようなステップを逃していますか？

4

2 に答える 2

1

私は同じ問題を抱えていて、それを解決したと思います。

編集後の朝: 夜通し解決に向けて作業した後、疲れ果ててこの記事を投稿しました。さて、翌日、あなたが一般的な問題について話していたことに気づきました。以下は、soundcloudlabs のsoundcloud-group-recorderの登録にのみ直接適用されます: https://github.com/soundcloudlabs/soundcloud-group-recorder。ただし、その背後にはおそらくより一般的な原則が潜んでいます。

まず、はい、Soundcloud でアプリを自分のものとして登録する必要があります。少なくとも私はそう推測しました。そして、それを行うには、サーバー上のどこに callback.html ファイルを配置するかを正しく登録する必要があります。アプリに割り当てられたClientIDを取得し、それを API の初期化手順で使用します。

今、私は初心者で、コーディングをほとんど知りません。しかし、メイン ファイルである application.js を調べ始めました。

  1. ファイルの先頭には、それぞれclient_idとredirect_uriの 2 つのインスタンスがあります。それが目的を果たしているのか、それとも技術的に不要なのかはわかりません。試行錯誤の結果、それぞれの 2 番目のインスタンスを自分のデータに置き換えるとうまくいくことがわかりました。

  2. 次に、 groupId と groupUrl があり、どちらにも引用符で囲まれた情報が含まれている必要があります。

  3. 多くの試行錯誤の後、まだ実行に問題がありましたが、周りを見回したところ、ファイルの早い段階でclient_idが SC.initialize 内にフックされていましたが、redirect_uriはフックされていませんでした。行の下:

client_id: CLIENT_ID

追加した：

redirect_uri: REDIRECT_URI

– 間に通常のコンマを入れます。以上です。走る。

于 2014-05-25T05:34:03.963 に答える
1

私はこれを試み始めています。開発者サイトにアクセスして、アプリを持っているとしてサインアップする必要があると思います。リダイレクト URI が求められ、アプリで使用できる API キーがフォームに表示されます。

私はdrupalを使用しているので、おそらく宣誓モジュールを追加し、Phpを使用してAPIキーを追加するとうまくいくかもしれません。

于 2012-11-13T02:53:58.860 に答える