web-dev-qa-db-ja.com

ユーザーIDを持つInstagramプロファイルへのリンク

Instagramのプロフィール/ユーザーアカウントにリンクしたい。ユーザーIDを持っていますが、開発者APIのドキュメントで答えが見つかりません。 instagram.com/userIDとinstagram.com/users/userIDを試しましたが、機能しません。簡単な質問：<a>タグが1つしかないので、ユーザーを特定のInstagramプロファイルに誘導するためにhrefに何が入るのか知りたいです。または、JavaScriptのwindow.locationかもしれません。

または、IDからユーザー名を取得する方法がある場合は、その方法でそれを行うこともできると思います...

javascripthtmlhrefinstagram
12
smilebomb

私はそれを単純なリンクとして機能させる解決策を知りません。

クライアントIDを取得するには、Instagram APIを使用し、アプリケーションにサインアップする必要があります。

次に、HTTPGETとして次のリクエストを実行する必要があります。

https://api.instagram.com/v1/users/userID?client_id=YourClientID

これにより、JSON-Resultが返されます。これには、dataセクション内にユーザー名が含まれます。

これで、http://instagram.com/usernameをリンクとして使用できます。

3
Tim Bodeit

試してみてください

async function insta(uid) {
  let api = `https://i.instagram.com/api/v1/users/${uid}/info/`
  let info = await (await fetch(api)).json();
  return `https://www.instagram.com/${info.user.username}`;
}

async function go() {
  let url = await insta(userId.value);
  link.innerText = url;
}
Type instagram user id:
<input id="userId" value=182805585 />
<button onclick="go()">Find username</button><br>
<pre id="link"></pre>
2
Kamil Kiełczewski

1番目の方法

<a href="http://instagram.com/_u/{USERNAME}/">Link to Instagram Page</a>

  • 起動するアプリケーションを選択するようにユーザーに依頼する

2番目の方法

<a href="instagram://user?username={USERNAME}">Link to Instagram Profile</a>

  • ユーザーの場合 インストール済み Instagramアプリケーション：ネイティブアプリケーションでページを直接起動します
  • ユーザーの場合 インストールされていない Instagramアプリケーション：何もしない

Android 4.4Chromeでテスト済み

1
Chemical Programmer