Flutter应用内购买插件fgx_in_app_purchase的使用

Flutter应用内购买插件fgx_in_app_purchase的使用

在本教程中,我们将学习如何在Flutter应用中使用fgx_in_app_purchase插件来实现应用内购买功能。该插件允许开发者轻松地集成应用内购买到他们的Flutter应用中。

示例代码

以下是一个完整的示例,展示了如何使用fgx_in_app_purchase插件进行应用内购买。

import 'package:flutter/material.dart';
import 'dart:async';
import 'dart:io';

import 'package:flutter/services.dart';
import 'package:fgx_in_app_purchase/flutter_inapp_purchase.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      home: Scaffold(
          appBar: AppBar(
            title: Text('Flutter Inapp Plugin by dooboolab'),
          ),
          body: InApp()),
    );
  }
}

class InApp extends StatefulWidget {
  [@override](/user/override)
  _InAppState createState() => new _InAppState();
}

class _InAppState extends State<InApp> {
  StreamSubscription? _purchaseUpdatedSubscription;
  StreamSubscription? _purchaseErrorSubscription;
  StreamSubscription? _conectionSubscription;
  final List<String> _productLists = Platform.isAndroid
      ? [
          'android.test.purchased',
          'point_1000',
          '5000_point',
          'android.test.canceled',
        ]
      : ['com.cooni.point1000', 'com.cooni.point5000'];

  String _platformVersion = 'Unknown';
  List<IAPItem> _items = [];
  List<PurchasedItem> _purchases = [];

  [@override](/user/override)
  void initState() {
    super.initState();
    initPlatformState();
  }

  [@override](/user/override)
  void dispose() {
    if (_conectionSubscription != null) {
      _conectionSubscription?.cancel();
      _conectionSubscription = null;
    }
    super.dispose();
  }

  // 初始化平台状态
  Future<void> initPlatformState() async {
    String? platformVersion;
    // 平台消息可能失败,因此我们使用try/catch处理PlatformException
    try {
      platformVersion = await FlutterInappPurchase.instance.platformVersion;
    } on PlatformException {
      platformVersion = 'Failed to get platform version.';
    }

    // 准备初始化
    var result = await FlutterInappPurchase.instance.initialize();
    print('result: $result');

    // 如果小部件从树中被移除,那么在异步平台消息完成之前,我们应该丢弃回复而不是调用setState
    if (!mounted) return;

    setState(() {
      _platformVersion = platformVersion ?? "未知";
    });

    // 刷新Android的商品列表
    try {
      String msg = await FlutterInappPurchase.instance.consumeAll();
      print('consumeAllItems: $msg');
    } catch (err) {
      print('consumeAllItems error: $err');
    }

    _conectionSubscription =
        FlutterInappPurchase.connectionUpdated.listen((connected) {
      print('connected: $connected');
    });

    _purchaseUpdatedSubscription =
        FlutterInappPurchase.purchaseUpdated.listen((productItem) {
      print('purchase-updated: $productItem');
    });

    _purchaseErrorSubscription =
        FlutterInappPurchase.purchaseError.listen((purchaseError) {
      print('purchase-error: $purchaseError');
    });
  }

  // 请求购买
  void _requestPurchase(IAPItem item) {
    FlutterInappPurchase.instance.requestPurchase(item.productId!);
  }

  // 获取商品信息
  Future _getProduct() async {
    List<IAPItem> items =
        await FlutterInappPurchase.instance.getProducts(_productLists);
    for (var item in items) {
      print('${item.toString()}');
      this._items.add(item);
    }

    setState(() {
      this._items = items;
      this._purchases = [];
    });
  }

  // 获取购买记录
  Future _getPurchases() async {
    List<PurchasedItem>? items =
        await FlutterInappPurchase.instance.getAvailablePurchases();
    for (var item in items ?? []) {
      print('${item.toString()}');
      this._purchases.add(item);
    }

    setState(() {
      this._items = [];
      this._purchases = items ?? [];
    });
  }

  // 获取购买历史
  Future _getPurchaseHistory() async {
    List<PurchasedItem>? items =
        await FlutterInappPurchase.instance.getPurchaseHistory();
    for (var item in items ?? []) {
      print('${item.toString()}');
      this._purchases.add(item);
    }

    setState(() {
      this._items = [];
      this._purchases = items ?? [];
    });
  }

  // 渲染商品列表
  List<Widget> _renderInApps() {
    List<Widget> widgets = this
        ._items
        .map((item) => Container(
              margin: EdgeInsets.symmetric(vertical: 10.0),
              child: Container(
                child: Column(
                  children: <Widget>[
                    Container(
                      margin: EdgeInsets.only(bottom: 5.0),
                      child: Text(
                        item.toString(),
                        style: TextStyle(
                          fontSize: 18.0,
                          color: Colors.black,
                        ),
                      ),
                    ),
                    TextButton(
                      // color: Colors.orange,
                      onPressed: () {
                        print("---------- Buy Item Button Pressed");
                        this._requestPurchase(item);
                      },
                      child: Container(
                        color: Colors.orange,
                        child: Row(
                          children: <Widget>[
                            Expanded(
                              child: Container(
                                height: 48.0,
                                alignment: Alignment(-1.0, 0.0),
                                child: Text('Buy Item'),
                              ),
                            ),
                          ],
                        ),
                      ),
                    ),
                  ],
                ),
              ),
            ))
        .toList();
    return widgets;
  }

  // 渲染购买记录列表
  List<Widget> _renderPurchases() {
    List<Widget> widgets = this
        ._purchases
        .map((item) => Container(
              margin: EdgeInsets.symmetric(vertical: 10.0),
              child: Container(
                child: Column(
                  children: <Widget>[
                    Container(
                      margin: EdgeInsets.only(bottom: 5.0),
                      child: Text(
                        item.toString(),
                        style: TextStyle(
                          fontSize: 18.0,
                          color: Colors.black,
                        ),
                      ),
                    )
                  ],
                ),
              ),
            ))
        .toList();
    return widgets;
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    double screenWidth = MediaQuery.of(context).size.width - 20;
    double buttonWidth = (screenWidth / 3) - 20;

    return Container(
      padding: EdgeInsets.all(10.0),
      child: ListView(
        children: <Widget>[
          Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            mainAxisAlignment: MainAxisAlignment.start,
            children: <Widget>[
              Container(
                child: Text(
                  'Running on: $_platformVersion\n',
                  style: TextStyle(fontSize: 18.0),
                ),
              ),
              Column(
                children: <Widget>[
                  Row(
                    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                    children: <Widget>[
                      Container(
                        width: buttonWidth,
                        height: 60.0,
                        margin: EdgeInsets.all(7.0),
                        child: Container(
                          color: Colors.amber,
                          padding: EdgeInsets.all(0.0),
                          child: TextButton(
                            onPressed: () async {
                              print(
                                  "---------- Connect Billing Button Pressed");
                              await FlutterInappPurchase.instance.initialize();
                            },
                            child: Container(
                              padding: EdgeInsets.symmetric(horizontal: 20.0),
                              alignment: Alignment(0.0, 0.0),
                              child: Text(
                                'Connect Billing',
                                style: TextStyle(
                                  fontSize: 16.0,
                                ),
                              ),
                            ),
                          ),
                        ),
                      ),
                      Container(
                        width: buttonWidth,
                        height: 60.0,
                        margin: EdgeInsets.all(7.0),
                        child: Container(
                          color: Colors.amber,
                          padding: EdgeInsets.all(0.0),
                          child: TextButton(
                            onPressed: () async {
                              print("---------- End Connection Button Pressed");
                              await FlutterInappPurchase.instance.finalize();
                              if (_purchaseUpdatedSubscription != null) {
                                _purchaseUpdatedSubscription?.cancel();
                                _purchaseUpdatedSubscription = null;
                              }
                              if (_purchaseErrorSubscription != null) {
                                _purchaseErrorSubscription?.cancel();
                                _purchaseErrorSubscription = null;
                              }
                              setState(() {
                                this._items = [];
                                this._purchases = [];
                              });
                            },
                            child: Container(
                              padding: EdgeInsets.symmetric(horizontal: 20.0),
                              alignment: Alignment(0.0, 0.0),
                              child: Text(
                                'End Connection',
                                style: TextStyle(
                                  fontSize: 16.0,
                                ),
                              ),
                            ),
                          ),
                        ),
                      ),
                    ],
                  ),
                  Row(
                      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                      children: <Widget>[
                        Container(
                            width: buttonWidth,
                            height: 60.0,
                            margin: EdgeInsets.all(7.0),
                            child: Container(
                              color: Colors.green,
                              padding: EdgeInsets.all(0.0),
                              child: TextButton(
                                onPressed: () {
                                  print("---------- Get Items Button Pressed");
                                  this._getProduct();
                                },
                                child: Container(
                                  padding:
                                      EdgeInsets.symmetric(horizontal: 20.0),
                                  alignment: Alignment(0.0, 0.0),
                                  child: Text(
                                    'Get Items',
                                    style: TextStyle(
                                      fontSize: 16.0,
                                    ),
                                  ),
                                ),
                              ),
                            )),
                        Container(
                            width: buttonWidth,
                            height: 60.0,
                            margin: EdgeInsets.all(7.0),
                            child: Container(
                              color: Colors.green,
                              padding: EdgeInsets.all(0.0),
                              child: TextButton(
                                onPressed: () {
                                  print(
                                      "---------- Get Purchases Button Pressed");
                                  this._getPurchases();
                                },
                                child: Container(
                                  padding:
                                      EdgeInsets.symmetric(horizontal: 20.0),
                                  alignment: Alignment(0.0, 0.0),
                                  child: Text(
                                    'Get Purchases',
                                    style: TextStyle(
                                      fontSize: 16.0,
                                    ),
                                  ),
                                ),
                              ),
                            )),
                        Container(
                            width: buttonWidth,
                            height: 60.0,
                            margin: EdgeInsets.all(7.0),
                            child: Container(
                              color: Colors.green,
                              padding: EdgeInsets.all(0.0),
                              child: TextButton(
                                onPressed: () {
                                  print(
                                      "---------- Get Purchase History Button Pressed");
                                  this._getPurchaseHistory();
                                },
                                child: Container(
                                  padding:
                                      EdgeInsets.symmetric(horizontal: 20.0),
                                  alignment: Alignment(0.0, 0.0),
                                  child: Text(
                                    'Get Purchase History',
                                    style: TextStyle(
                                      fontSize: 16.0,
                                    ),
                                  ),
                                ),
                              ),
                            )),
                      ]),
                ],
              ),
              Column(
                children: this._renderInApps(),
              ),
              Column(
                children: this._renderPurchases(),
              ),
            ],
          ),
        ],
      ),
    );
  }
}

更多关于Flutter应用内购买插件fgx_in_app_purchase的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter应用内购买插件fgx_in_app_purchase的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


fgx_in_app_purchase 是一个用于在 Flutter 应用中实现应用内购买的插件。以下是如何使用该插件的基本步骤:

1. 添加依赖

首先,你需要在 pubspec.yaml 文件中添加 fgx_in_app_purchase 插件的依赖:

dependencies:
  flutter:
    sdk: flutter
  fgx_in_app_purchase: ^latest_version

然后运行 flutter pub get 来安装依赖。

2. 初始化插件

在你的 Flutter 应用中,首先需要初始化 fgx_in_app_purchase 插件。通常,你可以在 main.dart 文件中的 main 函数中进行初始化:

import 'package:fgx_in_app_purchase/fgx_in_app_purchase.dart';

void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  
  // 初始化插件
  await FgxInAppPurchase.instance.initialize();
  
  runApp(MyApp());
}

3. 配置应用内购买项

在 Google Play Console 或 Apple App Store Connect 中配置你的应用内购买项。确保你为每个购买项设置了正确的 ID。

4. 获取可购买的商品

你可以使用 getProducts 方法来获取可购买的商品列表:

List<String> productIds = ['com.example.product1', 'com.example.product2'];
List<ProductDetails> products = await FgxInAppPurchase.instance.getProducts(productIds);

for (ProductDetails product in products) {
  print('Product ID: ${product.productId}');
  print('Price: ${product.price}');
  print('Title: ${product.title}');
  print('Description: ${product.description}');
}

5. 发起购买

使用 buyProduct 方法来发起购买:

ProductDetails product = products.first; // 假设你要购买第一个商品
PurchaseDetails purchaseDetails = await FgxInAppPurchase.instance.buyProduct(product);

if (purchaseDetails.status == PurchaseStatus.purchased) {
  print('Purchase successful!');
} else {
  print('Purchase failed: ${purchaseDetails.status}');
}

6. 处理购买结果

你可以监听购买状态的变化,并根据不同的状态进行相应的处理:

FgxInAppPurchase.instance.purchaseStream.listen((purchaseDetails) {
  switch (purchaseDetails.status) {
    case PurchaseStatus.purchased:
      // 处理购买成功的情况
      break;
    case PurchaseStatus.error:
      // 处理购买失败的情况
      break;
    case PurchaseStatus.pending:
      // 处理购买进行中的情况
      break;
    default:
      break;
  }
});

7. 恢复购买

如果你的应用支持恢复购买功能,可以使用 restorePurchases 方法来恢复用户的购买:

List<PurchaseDetails> restoredPurchases = await FgxInAppPurchase.instance.restorePurchases();

for (PurchaseDetails purchase in restoredPurchases) {
  if (purchase.status == PurchaseStatus.restored) {
    print('Restored purchase: ${purchase.productID}');
  }
}

8. 处理订阅

如果你的应用内购买项是订阅,你可以使用 getSubscriptionStatus 方法来获取订阅状态:

String subscriptionId = 'com.example.subscription';
SubscriptionStatus status = await FgxInAppPurchase.instance.getSubscriptionStatus(subscriptionId);

print('Subscription status: ${status.status}');

9. 处理错误

在购买过程中可能会遇到各种错误,你可以通过捕获异常来处理这些错误:

try {
  PurchaseDetails purchaseDetails = await FgxInAppPurchase.instance.buyProduct(product);
} catch (e) {
  print('Error during purchase: $e');
}

10. 清理资源

在你的应用生命周期结束时,可以调用 dispose 方法来释放资源:

FgxInAppPurchase.instance.dispose();
回到顶部