求助：React Native(Expo)实现直接跳转社交平台分享的技术方案

核心思路：深链接（Deep Linking）+ Expo官方API #

Expo环境无法使用需原生链接的第三方库，所以优先用平台原生深链接和Expo官方API实现直接跳转分享。

1. Instagram 发布帖子 #

Instagram支持通过深链接直接打开发布界面，适配图片/视频分享：

• 先通过expo-file-system处理媒体文件，确保可被Instagram访问
• 实现代码：

  import * as Linking from 'expo-linking';
  import * as FileSystem from 'expo-file-system';
  import { Platform } from 'react-native';
  
  const shareToInstagram = async (mediaUri) => {
    if (Platform.OS === 'android') {
      // Android需将文件复制到Instagram可访问目录
      const instagramDir = `${FileSystem.documentDirectory}Instagram/`;
      await FileSystem.makeDirectoryAsync(instagramDir, { intermediates: true });
      const targetUri = instagramDir + (mediaUri.endsWith('.mp4') ? 'share.mp4' : 'share.jpg');
      await FileSystem.copyAsync({ from: mediaUri, to: targetUri });
      const contentUri = await FileSystem.getContentUriAsync(targetUri);
      Linking.openURL(`instagram://library?AssetPath=${contentUri}`);
    } else {
      // iOS直接调用深链接
      Linking.openURL(`instagram://library?LocalIdentifier=${mediaUri}`);
    }
  };
  

• 在app.json配置scheme白名单：

  {
    "expo": {
      "ios": {
        "infoPlist": {
          "LSApplicationQueriesSchemes": ["instagram"]
        }
      },
      "android": {
        "intentFilters": [
          {
            "action": "android.intent.action.VIEW",
            "data": [{"scheme": "instagram"}],
            "category": ["android.intent.category.DEFAULT", "android.intent.category.BROWSABLE"]
          }
        ]
      }
    }
  }
  

2. Twitter 发布推文 #

通过twitter://post深链接直接打开推文编辑界面：

import * as Linking from 'expo-linking';

const shareToTwitter = (text, url = '') => {
  const encodedText = encodeURIComponent(text);
  const encodedUrl = url ? encodeURIComponent(url) : '';
  const appUrl = `twitter://post?text=${encodedText}${url ? `&url=${encodedUrl}` : ''}`;
  
  Linking.openURL(appUrl).catch(() => {
    // 未安装Twitter时跳转网页版
    Linking.openURL(`https://twitter.com/intent/tweet?text=${encodedText}${url ? `&url=${encodedUrl}` : ''}`);
  });
};

• 同样在app.json添加Twitter scheme白名单：

  {
    "expo": {
      "ios": {
        "infoPlist": {
          "LSApplicationQueriesSchemes": ["twitter"]
        }
      },
      "android": {
        "intentFilters": [
          {
            "action": "android.intent.action.VIEW",
            "data": [{"scheme": "twitter"}],
            "category": ["android.intent.category.DEFAULT", "android.intent.category.BROWSABLE"]
          }
        ]
      }
    }
  }
  

3. Facebook 发布帖子 #

用expo-auth-session替代废弃的expo-facebook，配合Graph API实现发布：

1. 安装依赖：

   npx expo install expo-auth-session expo-crypto
   

2. 实现代码：

   import * as AuthSession from 'expo-auth-session';
   import * as Crypto from 'expo-crypto';
   
   // 替换为你的Facebook应用信息
   const FACEBOOK_APP_ID = '你的应用ID';
   const FACEBOOK_APP_SECRET = '你的应用密钥';
   const REDIRECT_URI = AuthSession.makeRedirectUri({ useProxy: true });
   
   const getFacebookToken = async () => {
     const state = await Crypto.randomUUID();
     const authUrl = `https://www.facebook.com/v18.0/dialog/oauth?client_id=${FACEBOOK_APP_ID}&redirect_uri=${REDIRECT_URI}&state=${state}&scope=publish_actions`;
     
     const result = await AuthSession.startAsync({ authUrl });
     if (result.type === 'success') {
       const tokenRes = await fetch(`https://graph.facebook.com/v18.0/oauth/access_token?client_id=${FACEBOOK_APP_ID}&redirect_uri=${REDIRECT_URI}&client_secret=${FACEBOOK_APP_SECRET}&code=${result.params.code}`);
       return (await tokenRes.json()).access_token;
     }
     return null;
   };
   
   const shareToFacebook = async (message, imageUri) => {
     const token = await getFacebookToken();
     if (!token) return;
   
     const formData = new FormData();
     formData.append('message', message);
     formData.append('source', {
       uri: imageUri,
       type: 'image/jpeg',
       name: 'share.jpg'
     });
   
     await fetch(`https://graph.facebook.com/me/photos?access_token=${token}`, {
       method: 'POST',
       body: formData
     });
   };
   

• 需在Facebook开发者后台配置重定向URI，申请publish_actions权限并通过审核。

4. YouTube 上传视频 #

YouTube无直接传入文件的深链接，可选择两种方式：

• 跳转应用上传界面：

  import * as Linking from 'expo-linking';
  
  const shareToYouTube = () => {
    Linking.openURL('youtube://upload').catch(() => {
      Linking.openURL('https://studio.youtube.com/');
    });
  };
  

  该方式仅打开上传界面，需用户手动选择视频。
• API自动上传：
  使用YouTube Data API，配合expo-auth-session获取OAuth2 token后调用上传接口，流程类似Facebook实现，需在Google开发者后台配置API密钥和权限。

通用注意事项 #

• 测试前确保目标社交应用已安装在设备上
• 所有深链接scheme必须在app.json配置白名单，否则iOS/Android会拦截跳转
• 涉及发布权限的操作（如Facebook），需在对应平台开发者后台完成应用审核和权限申请

内容的提问来源于stack exchange，提问作者lisadev123