Flutter电话功能集成插件callify_kit的使用

Flutter电话功能集成插件callify_kit的使用

开始使用

Callify OTP验证包。通过漏接来电、语音验证码、短信验证码和WhatsApp验证码简单且最简便地验证您的用户。

功能

  • 漏接来电OTP验证

开始使用

首先,在pubspec.yaml文件中添加callify_kit作为依赖项。

dependencies:
  callify_kit: ^[最新版本]

别忘了运行flutter pub get

然后在AndroidManifest.xml中添加权限:

<uses-permission android:name="android.permission.READ_CALL_LOG" />

使用说明

Callify OTP验证

调用callifyVerification方法并传递参数:

  • ApiKey
  • CampaignID
  • 手机号码
await CallifyService().callifyVerification(apiKey, campaignID, phoneNumber,
  callReceivedCallBack: (response) {
    // 在响应中你会得到打进来的电话号码,只需验证它
  }
);

漏接来电OTP验证

调用missCallVerification方法并传递参数:

  • ApiKey
  • CampaignID
  • 手机号码
await CallifyService().missCallVerification(apiKey, campaignID, phoneNumber,
  callReceivedCallBack: (response) {
    // 如果你在iOS上使用此包,你将在响应中得到打进来的电话号码,而在Android上,此包将检测打进来的电话并与响应号码进行验证
  }
);

语音OTP验证

调用voiceOtpVerification方法并传递参数:

  • ApiKey
  • CampaignID
  • 手机号码
await CallifyService().voiceOtpVerification(apiKey, campaignID, phoneNumber,
  callReceivedCallBack: (response) {
    // 在响应中你会得到OTP或失败信息
  }
);

短信OTP验证

调用smsOtpVerification方法并传递参数:

  • 用户名
  • 密码
  • 发送者
  • 手机号码
await CallifyService().smsOtpVerification(userName, password, originator, phoneNumber,
  callReceivedCallBack: (response) {
    // 在响应中你会得到OTP或失败信息
  }
);

WhatsApp OTP验证

调用whatsappOtpVerification方法并传递参数:

  • ApiKey
  • 模板ID
  • 手机号码
await CallifyService().whatsappOtpVerification(apiKey, templateId, phoneNumber,
  callReceivedCallBack: (response) {
    // 在响应中你会得到OTP或失败信息
  }
);

完整示例代码

以下是一个完整的示例代码,展示了如何使用callify_kit插件。

import 'dart:async';

import 'package:call_log/call_log.dart';
import 'package:callify_kit/callify_kit.dart';
import 'package:example/SuccessScreen.dart';
import 'package:example/otp_selection.dart';
import 'package:flutter/material.dart';
import 'package:flutter_spinkit/flutter_spinkit.dart';
import 'package:get/get.dart';

void main() {
  runApp(
    GetMaterialApp(
      theme: ThemeData(
        appBarTheme: const AppBarTheme(
          iconTheme: IconThemeData(
            color: Colors.black
          )
        )
      ),
      debugShowCheckedModeBanner: false,
      home: const OtpSelection(),
    )
  );
}

更多关于Flutter电话功能集成插件callify_kit的使用的实战教程也可以访问 https://www.itying.com/category-92-b0.html

1 回复

更多关于Flutter电话功能集成插件callify_kit的使用的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


当然,下面是一个关于如何在Flutter项目中集成并使用callify_kit插件来实现电话功能的示例代码。callify_kit是一个Flutter插件,允许你在应用中直接发起拨打电话的操作,而无需跳出到系统的拨号界面。

步骤 1: 添加依赖

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

dependencies:
  flutter:
    sdk: flutter
  callify_kit: ^x.y.z  # 请替换为最新版本号

然后运行flutter pub get来获取依赖。

步骤 2: 配置Android权限

android/app/src/main/AndroidManifest.xml文件中添加拨打电话的权限:

<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="com.example.yourapp">

    <uses-permission android:name="android.permission.CALL_PHONE"/>
    
    <!-- 其他配置 -->
    
</manifest>

步骤 3: 请求权限(如果需要)

在Android 6.0(API级别23)及以上版本中,你需要在运行时请求拨打电话的权限。以下是一个简单的权限请求示例:

import 'package:flutter/material.dart';
import 'package:permission_handler/permission_handler.dart';
import 'package:callify_kit/callify_kit.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Callify Kit Demo'),
        ),
        body: Center(
          child: CallButton(),
        ),
      ),
    );
  }
}

class CallButton extends StatefulWidget {
  @override
  _CallButtonState createState() => _CallButtonState();
}

class _CallButtonState extends State<CallButton> {
  bool _hasPermission = false;

  @override
  void initState() {
    super.initState();
    _requestCallPermission();
  }

  Future<void> _requestCallPermission() async {
    var status = await Permission.phone.status;
    if (!status.isGranted) {
      var result = await Permission.phone.request();
      if (result.isGranted) {
        setState(() {
          _hasPermission = true;
        });
      }
    } else {
      setState(() {
        _hasPermission = true;
      });
    }
  }

  void _makeCall() async {
    if (_hasPermission) {
      try {
        await CallifyKit.dial('1234567890'); // 替换为你想拨打的电话号码
      } catch (e) {
        print('Error making call: $e');
      }
    } else {
      // 处理没有权限的情况
      print('Call permission is not granted.');
    }
  }

  @override
  Widget build(BuildContext context) {
    return ElevatedButton(
      onPressed: _hasPermission ? _makeCall : null,
      child: Text('Make Call'),
    );
  }
}

注意:上面的代码使用了permission_handler包来请求权限。你需要在pubspec.yaml文件中添加这个依赖:

dependencies:
  permission_handler: ^x.y.z  # 请替换为最新版本号

步骤 4: 运行应用

完成上述步骤后,你应该能够运行你的Flutter应用,并看到一个按钮。当用户点击该按钮时(如果已授予拨打电话的权限),应用将直接发起拨打电话的操作。

注意事项

  • 在实际部署到生产环境时,请确保遵守所有相关的隐私政策和法规。
  • callify_kit插件的功能可能受限于设备和操作系统的特定版本。
  • 在iOS上,直接拨打电话的功能可能受到更多限制,通常需要通过URL Scheme调用系统的拨号界面。

希望这能帮助你成功集成callify_kit插件!

回到顶部