React Native中如何使用react-native-fast-openpgp生成PGP密钥对？

我是React Native新手，想做一个只生成PGP密钥对并用useState展示的应用，但看不懂react-native-fast-openpgp的文档。之前在普通React里用openpgp库实现了功能，但在React Native里跑不起来。暂时不需要加解密功能，求帮忙。

我的React Native代码： #

import { StatusBar } from 'expo-status-bar';
import { useState } from 'react';
import { StyleSheet, Text, View, Button } from 'react-native';
export default function App() {
const [MyPublicKey,setMyPublicKey] = useState('No key yet');
const [MyPrivateKey,setMyPrivateKey] = useState('No key yet');
const [ButtonText,setButtonText] = useState('Generate Keypair');
const GenerateKeypair = ()=>{

// This is an Example, Here Should be the Function from the Library
setMyPublicKey('-----BEGIN PGP PUBLIC KEY BLOCK-----')
setMyPrivateKey('-----BEGIN PGP Private KEY BLOCK-----')
setButtonText('renew')
}
return (
<View style={styles.container}>
<Text>{MyPublicKey}
</Text>
<Text>
{MyPrivateKey}
</Text>
<Button onPress={GenerateKeypair} title={ButtonText}/>
<StatusBar style="auto" />
</View>
  );
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'space-evenly',
  },
});

我在普通React中实现的代码： #

const [MyPrivateKey,setMyPrivateKey] = useState('');   
const [MyPublicKey,setMyPublicKey] = useState('');   
const [MyRevocation,setMyRevocation] = useState('');   
const GenerateKeypair = async () => {     
  const { privateKey, publicKey, revocationCertificate } = await generateKey({
      type: 'ecc', 
      curve: 'curve25519', 
      userIDs: [{ name: 'Jon Smith', email: 'jon@example.com' }], 
      passphrase: 'super long and hard to guess secret', 
      format: 'armored' 
  });     
  setMyPrivateKey(privateKey);     
  setMyPublicKey(publicKey);      
  setMyRevocation(revocationCertificate); 
}

解决方案 #

步骤1：安装依赖 #

先安装react-native-fast-openpgp库：

npm install react-native-fast-openpgp --save

如果是Expo项目，无需额外配置，Expo 45+版本原生支持该库。

步骤2：修改代码实现密钥生成 #

react-native-fast-openpgp的generateKeyAPI和web版openpgp核心参数一致，只需调整代码的异步逻辑和错误处理：

import { StatusBar } from 'expo-status-bar';
import { useState } from 'react';
import { StyleSheet, Text, View, Button, Alert } from 'react-native';
import { generateKey } from 'react-native-fast-openpgp';

export default function App() {
  const [MyPublicKey, setMyPublicKey] = useState('No key yet');
  const [MyPrivateKey, setMyPrivateKey] = useState('No key yet');
  const [ButtonText, setButtonText] = useState('Generate Keypair');

  const GenerateKeypair = async () => {
    setButtonText('Generating...');
    try {
      const keyPair = await generateKey({
        type: 'ecc', // 密钥类型，可选RSA/ECC
        curve: 'curve25519', // ECC曲线
        userIDs: [{ name: 'Jon Smith', email: 'jon@example.com' }],
        passphrase: 'your-secure-passphrase', // 私钥保护密码
        format: 'armored' // 输出ASCII格式密钥，便于展示
      });

      setMyPublicKey(keyPair.publicKey);
      setMyPrivateKey(keyPair.privateKey);
      setButtonText('Renew');
    } catch (error) {
      Alert.alert('Error', 'Failed to generate key pair: ' + error.message);
      setButtonText('Generate Keypair');
    }
  };

  return (
    <View style={styles.container}>
      <Text style={styles.keyLabel}>Public Key:</Text>
      <Text style={styles.keyContent}>{MyPublicKey}</Text>
      <Text style={styles.keyLabel}>Private Key:</Text>
      <Text style={styles.keyContent}>{MyPrivateKey}</Text>
      <Button onPress={GenerateKeypair} title={ButtonText} />
      <StatusBar style="auto" />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    backgroundColor: '#fff',
    alignItems: 'center',
    justifyContent: 'space-evenly',
    padding: 20,
  },
  keyLabel: {
    fontSize: 16,
    fontWeight: 'bold',
    marginBottom: 8,
  },
  keyContent: {
    fontSize: 12,
    textAlign: 'center',
    width: '100%',
    padding: 10,
    backgroundColor: '#f5f5f5',
    borderRadius: 4,
    minHeight: 100,
  },
});

关键说明 #

• 必须将GenerateKeypair定义为异步函数，用await处理密钥生成的异步操作
• 添加try/catch错误处理，避免生成失败时界面卡住，同时用弹窗提示错误
• 调整了样式，让密钥内容展示更清晰，避免长文本溢出
• react-native-fast-openpgp的generateKey返回结构和web版openpgp一致，可直接复用原状态更新逻辑

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