React Native安卓App配置Spotify授权redirectUrl跳转问题求助

一、Spotify Developer控制台配置 #

别用localhost、笔记本IPv4加端口这类网络地址，真机调试时这类地址没法正确唤起你的App，正确方式是用自定义URL Scheme：

• 登录Spotify开发者后台，打开你的应用项目
• 找到「Redirect URIs」配置项，添加格式为[自定义Scheme]://[回调后缀]的地址，比如myapp://spotify-callback
• 点击「Save」保存配置，确保配置生效

二、安卓项目与代码端配置 #

1. 安卓Manifest配置（让App响应Scheme） #

打开android/app/src/main/AndroidManifest.xml，在主<activity>标签内添加如下intent-filter，确保系统能识别你的Scheme并唤起App：

<intent-filter>
    <action android:name="android.intent.action.VIEW" />
    <category android:name="android.intent.category.DEFAULT" />
    <category android:name="android.intent.category.BROWSABLE" />
    <!-- scheme和host要和你在Spotify控制台填的redirectUri完全一致 -->
    <data android:scheme="myapp" android:host="spotify-callback" />
</intent-filter>

2. react-native-auth-app代码配置 #

在授权请求的配置中，将redirectUri设置为你在控制台配置的Scheme地址，示例代码：

import AuthSession from 'react-native-auth-app';

const spotifyAuthConfig = {
  clientId: '你的Spotify Client ID',
  redirectUri: 'myapp://spotify-callback', // 和控制台配置完全匹配
  scopes: ['user-read-private', 'user-read-email'], // 根据业务需求添加权限
  serviceConfiguration: {
    authorizationEndpoint: 'https://accounts.spotify.com/authorize',
    tokenEndpoint: 'https://accounts.spotify.com/api/token',
  },
};

// 发起授权登录
const handleSpotifyLogin = async () => {
  const authResult = await AuthSession.startAsync(spotifyAuthConfig);
  if (authResult.type === 'success') {
    // 处理授权成功后的token逻辑
    console.log('授权成功，Token:', authResult.params.access_token);
  }
};

三、关键说明 #

• 之前尝试的localhost:5037/IPv4:8081无效的原因：真机的localhost指向自身而非你的笔记本，5037是ADB服务端口、8081是Metro打包端口，这些都是网络服务端口，无法触发系统唤起App的逻辑，只有自定义Scheme才是移动端OAuth授权回调的标准方案。
• 无需确保真机和笔记本在同一网络，Scheme是系统级的跳转逻辑，不依赖网络连接。

内容的提问来源于stack exchange，提问作者Nguyễn Duy Khang