Flutter在线支付插件razorpay_web_totalxsoftware的使用

Flutter在线支付插件razorpay_web_totalxsoftware的使用

探索更多关于TotalX在www.totalx.in - 您信赖的软件开发公司！

razorpay_web_totalxsoftware 是一个用于通过Firebase Cloud Functions集成Razorpay支付的Flutter Web插件。本指南将引导您完成设置Firebase Cloud Function以创建Razorpay订单，并将其与Flutter Web应用程序集成的过程。

特性

• 通过Firebase Cloud Functions进行安全的Razorpay支付处理。
• 处理支付成功、失败和错误回调。
• 支持可定制的用户配置文件和数据。

前提条件

确保您已经：

• 拥有一个带有API凭证（Key ID和Key Secret）的Razorpay账户。
• 启用了Cloud Functions的Firebase项目。
• 准备好集成的Flutter Web项目。

Firebase Cloud Function设置

1. 在您的项目中初始化Firebase Functions

首先，在终端中打开命令行，导航到您的Firebase项目目录，并初始化Firebase Functions：

firebase init functions

Firebase Cloud Function设置

您需要设置Firebase Cloud Functions以安全地创建Razorpay订单。以下是一个示例函数：

import * as dayjs from "dayjs";
import * as admin from "firebase-admin";
import * as functions from "firebase-functions";
import { v4 as uuidv4 } from "uuid";
import Razorpay = require("razorpay");

// 初始化Firebase Admin SDK
admin.initializeApp();

const firestore = admin.firestore();

export const createRazorpayOrder = functions.https.onCall(
  async (data, context) => {
    try {
      const amount = data.amount;

      // 从Firestore获取Razorpay凭证
      const razorpayDoc = await firestore
        .collection("general")
        .doc("payment")
        .get();
      if (!razorpayDoc.exists) {
        throw new Error("Razorpay凭证未在Firestore中找到");
      }

      const RZP_KEY = razorpayDoc.data()?.razorpay;
      const RZP_SECRET = razorpayDoc.data()?.keysecret;

      // 创建唯一的收据
      const receipt = `rcpt_${dayjs().format(
        "YYYYMMDDHHmmss"
      )}_${uuidv4().substring(0, 8)}`;

      // 初始化Razorpay实例
      const razorpayInstance = new Razorpay({
        key_id: RZP_KEY,
        key_secret: RZP_SECRET,
      });

      // 准备订单数据
      const orderData = {
        amount: amount * 100, // 转换为派士
        currency: "INR",
        receipt: receipt,
      };

      // 创建订单
      const response = await razorpayInstance.orders.create(orderData);

      return { orderId: response.id };
    } catch (error) {
      throw new functions.https.HttpsError(
        "unknown",
        `创建订单时出错: ${error}`
      );
    }
  }
);

使用方法

以下是如何在您的Flutter应用中使用razorpay_web_totalxsoftware的示例：

final HttpsCallable callable = FirebaseFunctions.instance.httpsCallable('createRazorpayOrder');
final result = await callable.call({'amount': 100});
final orderId = result.data['orderId'];

RazorpayWebTotalxsoftware.pay(
  context,
  amount: 100,
  saveInFirebase: false,
  rzpOrderId: orderId,
  rzpKey: 'your_rzp_key',
  // itemName: , // 可选
  razorpayKeySecret: 'your_rzp_secret',
  appName: 'razorpay_web_totalxsoftware',
  userProfile: RzpUserProfile(
    uid: 'unique_user_id',
    name: 'John Doe',
    email: 'john.doe@example.com',
    phoneNumber: '1234567890',
  ),
  success: (response) {
    print('支付成功: $response');
  },
  failure: (response) {
    print('支付失败: $response');
  },
  error: (response) {
    print('支付错误: $response');
  },
);

示例代码

// import 'package:firebase_core/firebase_core.dart';
import 'package:cloud_functions/cloud_functions.dart';
import 'package:flutter/material.dart';
import 'package:razorpay_web_totalxsoftware/razorpay_web_totalxsoftware.dart';
// import 'package:razorpay_totalxsoftware_example/firebase_options.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  // Firebase.initializeApp(
  //   options: DefaultFirebaseOptions.currentPlatform,
  // );
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Razorpay Web Example',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const PaymentScreen(),
    );
  }
}

class PaymentScreen extends StatelessWidget {
  const PaymentScreen({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("Razorpay Web Payment"),
      ),
      body: Center(
        child: ElevatedButton(
          onPressed: () async {
            final HttpsCallable callable =
                FirebaseFunctions.instance.httpsCallable('createRazorpayOrder');
            final result = await callable.call({'amount': 100});
            final orderId = result.data['orderId'];

            RazorpayWebTotalxsoftware.pay(
              context,
              amount: 100,
              saveInFirebase: true,
              rzpOrderId: orderId,
              rzpKey: 'your_rzp_key',
              // itemName: , // 可选
              razorpayKeySecret: 'your_rzp_secret',
              appName: 'razorpay_web_totalxsoftware',
              userProfile: RzpUserProfile(
                uid: 'unique_user_id',
                name: 'John Doe',
                email: 'john.doe@example.com',
                phoneNumber: '1234567890',
              ),
              success: (response) {
                print('支付成功: $response');
              },
              failure: (response) {
                print('支付失败: $response');
              },
              error: (response) {
                print('支付错误: $response');
              },
            );
          },
          child: const Text("Make Payment"),
        ),
      ),
    );
  }
}