与PayFort react-native-expo的集成

要将PayFort集成到React Native Expo中，您可以按照以下步骤进行操作：

1. 首先，确保您已在Expo项目中安装了必要的依赖项。可以使用以下命令安装PayFort SDK：

npm install react-native-payfort-sdk --save

2. 在Expo项目的根目录中创建一个名为payfortConfig.js的文件，并添加以下内容：

const PAYFORT_CONFIG = {
  access_code: 'YOUR_ACCESS_CODE',
  merchant_identifier: 'YOUR_MERCHANT_IDENTIFIER',
  SHA_REQUEST_PHRASE: 'YOUR_SHA_REQUEST_PHRASE',
  SHA_RESPONSE_PHRASE: 'YOUR_SHA_RESPONSE_PHRASE',
  language: 'en',
  environment: 'sandbox' // or 'production' for live transactions
};

export default PAYFORT_CONFIG;

请确保将YOUR_ACCESS_CODE，YOUR_MERCHANT_IDENTIFIER，YOUR_SHA_REQUEST_PHRASE和YOUR_SHA_RESPONSE_PHRASE替换为您的PayFort凭据和配置信息。

3. 创建一个名为PayfortIntegration.js的文件，并添加以下代码：

import React, { useEffect } from 'react';
import { View, Text } from 'react-native';
import PayfortSDK from 'react-native-payfort-sdk';
import PAYFORT_CONFIG from './payfortConfig';

const PayfortIntegration = () => {
  useEffect(() => {
    configurePayfort();
  }, []);

  const configurePayfort = async () => {
    try {
      await PayfortSDK.configure(PAYFORT_CONFIG);
      console.log('Payfort SDK configured successfully');
    } catch (error) {
      console.log('Error configuring Payfort SDK:', error);
    }
  };

  const makePayment = async () => {
    try {
      const paymentParams = {
        command: 'PURCHASE',
        customer_email: 'test@example.com',
        currency: 'AED',
        amount: '100',
        language: 'en',
        merchant_reference: '123456',
      };

      const response = await PayfortSDK.startPayment(paymentParams);
      console.log('Payment response:', response);
    } catch (error) {
      console.log('Payment error:', error);
    }
  };

  return (
    <View>
      <Text onPress={makePayment}>Make Payment</Text>
    </View>
  );
};

export default PayfortIntegration;

此代码将在应用程序中创建一个组件，该组件将配置PayFort SDK并提供一个“Make Payment”按钮。在按钮按下时，将调用makePayment函数来启动付款流程。

4. 在您的应用程序的入口文件（通常是App.js）中导入PayfortIntegration组件，并在主组件中使用它：

import React from 'react';
import { View } from 'react-native';
import PayfortIntegration from './PayfortIntegration';

const App = () => {
  return (
    <View>
      {/* Your other components */}
      <PayfortIntegration />
    </View>
  );
};

export default App;

5. 运行您的Expo应用程序：

expo start

现在，您应该能够在应用程序中看到一个“Make Payment”按钮。当您按下按钮时，将启动PayFort付款流程。

请注意，上述代码示例仅用于演示目的。您可能还需要根据自己的应用程序特定需求进行其他配置和调整。