​

Guía marco

​

Expo vs React Native desnudo

​

Expo: expo-document-picker

npx expo install expo-document-picker

import * as DocumentPicker from "expo-document-picker";

const result = await DocumentPicker.getDocumentAsync({ type: "application/pdf" });
if (!result.canceled) {
  const asset = result.assets[0]; // { uri, name, mimeType, size }
}

​

Enfermero registrado desnudo: react-native-document-picker

npm install react-native-document-picker
cd ios && pod install

import DocumentPicker from "react-native-document-picker";

const [file] = await DocumentPicker.pick({ type: [DocumentPicker.types.pdf] });
// { uri, name, type, size }

​

Permisos

​

¿Dónde vive la clave API?

1. Proxy en su backend (recomendado para producción): la aplicación llama a su propio punto final, que a su vez llama a markpdf con la clave guardada en el lado del servidor. La aplicación nunca ve la clave markpdf.
2. Clave integrada de privilegios bajos: si no tiene su propio backend, use una clave dedicada solo a esa aplicación, con límites de uso y facturación limitados, suponiendo que pueda filtrarse.
3. Construir variables de entorno (EAS Secrets en Expo, .env + react-native-config en bare): evitan codificar la clave en el código fuente versionado, pero no evitan que termine en el paquete descompilable final. Útil para no enviar la clave al repositorio, no para ocultarla al usuario final.

// Expo: read at build time from EAS Secrets/app.config.ts -> extra
import Constants from "expo-constants";
const client = new MarkpdfClient({ apiKey: Constants.expoConfig?.extra?.markpdfApiKey });

​

Networking en segundo plano