先引用一段官方的介绍说明:
https://docs.flutter.cn/packages-and-plugins/developing-packages
Package 包含以下几种类别:
纯 Dart 库 (Dart packages)
用 Dart 编写的传统 package,比如 path。其中一些可能包含 Flutter 的特定功能,因此依赖于 Flutter 框架,其使用范围仅限于 Flutter,比如 fluro。
原生插件 (Plugin packages)
使用 Dart 编写的,按需使用 Java 或 Kotlin、Objective-C 或 Swift 分别在 Android 和/或 iOS 平台实现的 package。
插件 package 可以针对 Android(使用 Kotlin 或 Java)、 iOS(使用 Swift 或 Objective-C)、Web、macOS、Windows 或 Linux,又或者它们的各种组合方式,进行编写。
今天主要学习一下原生插件 (Plugin packages)的开发。
创建插件项目:
下面是官方给出的创建例子:创建一个 组织名称为com.example,支持android,ios,linux,macos,windows平台的 指定android开发语言为kotlin ios开发语言为Objective-c 项目名称为hello的插件
flutter create --org com.example --template=plugin --platforms=android,ios,linux,macos,windows -a kotlin -i objc hello
--org后面跟的是组织名称,--platforms=后面跟的是支持的平台,可以通过-a -i 来指定安卓和ios平台的开发语言
根据我们的需求需要创建一个名称为 mypl,组织名为com.hczhhm, 支持安卓和ios平台的插件,这里选择
Java做安卓的开发语言,swift作为ios的开发语言:
flutter create --org com.hczhhm --template=plugin --platforms=android,ios -i swift -a java mypl
创建完成后目录如下:
用VSCode打开
最外层pubspec.yaml
文件里 有个homepage
报错,需要填写你插件在github上的主页,可以先注释掉,等插件完成上传后再添加
一. ios 插件开发
下面我们先讲怎么开发ios的插件代码,后面再讲安卓的。
下面内容来自官方说明:
使用 Xcode 编辑 iOS 平台代码之前,首先确保代码至少被构建过一次(即从 IDE/编辑器执行示例程序,或在终端中执行以下命令: cd hello/example; flutter build ios --no-codesign --config-
only)。
在我这就是
cd mypl/example
然后运行:
flutter build ios --no-codesign --config-only
这个时候会安装 依赖包 构建项目。 完成后用xcode打开 mypl/example/ios
项目:
在VSCode里用 Open in Xcode
打开 或者直接打开mypl/example/ios
目录下的 Runner.xcworkspace 文件
打开后先用跑一遍模拟器,如果可以跑成功就可以进行后续开发了。
ios开发的代码位置在:
Pods/Development Pods/mypl/../../example/ios/.symlinks/plugins/mypl/ios/Classes 下
下面添加两个简单的方法,把流程跑一遍
1.先在ios代码里添加两个方法标识符:test1,test2,并学着返回数据
2.在 mypl_method_channel.dart
中新增两个方法的调用代码:
3.在mypl_platform_interface.dart
中新增方法未实现时抛出的错误提示
4.在mypl.dart
中调用方法
5.在main.dart
调用插件方法
下面为main.dart
修改后的代码
import 'package:flutter/material.dart';
import 'dart:async';
import 'package:flutter/services.dart';
import 'package:mypl/mypl.dart';
void main() {
runApp(const MyApp());
}
class MyApp extends StatefulWidget {
const MyApp({super.key});
@override
State<MyApp> createState() => _MyAppState();
}
class _MyAppState extends State<MyApp> {
String _platformVersion = 'Unknown';
String _test1 = 'Unknown';
String _test2 = 'Unknown';
final _myplPlugin = Mypl();
@override
void initState() {
super.initState();
initPlatformState();
}
// Platform messages are asynchronous, so we initialize in an async method.
Future<void> initPlatformState() async {
String platformVersion;
String test1;
String test2;
// Platform messages may fail, so we use a try/catch PlatformException.
// We also handle the message potentially returning null.
try {
platformVersion =
await _myplPlugin.getPlatformVersion() ?? 'Unknown platform version';
} on PlatformException {
platformVersion = 'Failed to get platform version.';
}
try {
test1 = await _myplPlugin.test1() ?? 'Unknown platform version';
} on PlatformException {
test1 = 'Failed to get platform version.';
}
try {
test2 = await _myplPlugin.test2() ?? 'Unknown platform version';
} on PlatformException {
test2 = 'Failed to get platform version.';
}
// If the widget was removed from the tree while the asynchronous platform
// message was in flight, we want to discard the reply rather than calling
// setState to update our non-existent appearance.
if (!mounted) return;
setState(() {
_platformVersion = platformVersion;
_test1 = test1;
_test2 = test2;
});
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
appBar: AppBar(
title: const Text('Plugin example app'),
),
body: Center(
child: Column(
children: [
Text('Running on: $_platformVersion\n'),
Text('Running on: $_test1\n'),
Text('Running on: $_test2\n'),
],
)),
),
);
}
}
6.运行项目,就可以见到新增的代码效果了,因为图片太大了,这里就不放了
7.添加第三方SDK,具体配置请参考微信文档:https://developers.weixin.qq.com/doc/oplatform/Mobile_App/Access_Guide/iOS.html
因为微信SDK文档默认用oc进行开发,我这里把之前创建的ios插件支持swift的删了,重新创建成支持oc的项目了,请大家注意。 下面以ios为例:在 mypl/example/ios/Podfile 中添加 pod 'WechatOpenSDK-XCFramework', '~> 2.0.4'
mypl/ios/mypl.podspec
中s.dependency 'Flutter'
下面添加s.dependency 'WechatOpenSDK-XCFramework', '2.0.4''
9.添加完成后 cd mypl/example/ios
,然后 pod install
安装sdk
10.引入头文件,然后在Xcode上运行一下项目,如果可以跑起来,就说明第三方库引入成功
二.安卓插件开发
1.构建项目
下面说明来自官方文档
在 Android Studio 中编辑 Android 平台的代码之前,请先确保代码至少已经构建过一次(换句话说,在 IDE 或编辑器中运行一次示例应用,或者在终端中执行指令 cd hello/example; flutter build apk --config-only)。
在我这里就是 cd mypl/example
然后执行 flutter build apk --config-only
2.打开项目,同步Gradle
项目需要同步Gradle文件,这个过程会非常缓慢,如果想快一些,可以先打开梯子,再进行下面的打开项目操作,同步完再关闭梯子。不想用梯子可以直接打开项目,如果嫌时间慢,又不想使用梯子,可以在网上找配置使用国内源的方法。
以下说明来自官方文档:
1.启动 Android Studio;
2.在 Android Studio 的欢迎菜单 (Welcome to Android Studio) 对话框中选择打开现有的 Android Studio 项目 (Open an existing Android Studio Project),或在菜单中选择 File > Open,然后选择 mypl/example/android/build.gradle 文件;
3.在Gradle Sync 对话框中,选择 OK;
4.在“Android Gradle Plugin Update”对话框中,选择“Don't remind me again for this project”。
插件中与 Android 系统徐相关的代码在 hello/java/com.example.hello/HelloPlugin 这个文件里
官方说明里的hello对应我这里的mypl。
我是使用 Open in Android Studio
方法打开的
打开后双击 build.gradle
来到 build.gradle
中,看到 Gradle project sync in progress
正在同步Gradle文件,不用梯子可能需要等十几到半个小时分钟,如果嫌时间慢,又不想使用梯子,可以在网上找配置使用国内源的方法。
同步成功后就可以进行开发了。
3.插件开发目录位于mypl/java/com.hczhhm.mypl/
因为之前删除了项目,重建创建了支持 objective-c 和java的项目,所以 test1和test2方法需要重新创建,流程参考ios项目里flutter代码的编写,flutter编写完成后,下面我们只要编写java代码实现就好了
以上是简单的安卓插件方法创建调用流程。
4.下面对安卓进行微信SDK导入,具体配置请参考微信文档:https://developers.weixin.qq.com/doc/oplatform/Mobile_App/Access_Guide/Android.html
打开 mypl/build.gradle
在最下面添加:
dependencies {
api 'com.tencent.mm.opensdk:wechat-sdk-android:+'
}
保存后,点击右上角 Sync Now
同步Gradle文件
同步完成后,在MyplPlugin
文件中调用微信Sdk方法测试一下,我这边代码里的 this
报错,使用IDEA自动修复后,可以正常运行,表示sdk集成成功。
至此插件开发的第一步完成了,后面有时间我会继续更新微信Sdk集成的后续开发过程。如果本文存在问题,希望各位大神可以帮忙指出,在此表示感谢。
参考文章:https://docs.flutter.cn/packages-and-plugins/developing-packages
https://www.cnblogs.com/876013676ch/p/10187258.html