Flutter Cloudflare Workers 集成插件cloudflare_workers的使用

本包是Dart Edge项目的一部分，使您可以使用Dart编写并部署到Cloudflare Workers。

开始使用

首先，全局安装Cloudflare的wrangler CLI。

接下来，全局安装edge包。

pub global activate edge

创建一个新的项目：

edge new cloudflare_workers new_project

若要了解更多，请访问文档。

测试

要运行测试，请安装Node依赖项：

npm install

然后运行测试：

dart test -p node

完整示例

以下是一个完整的示例，展示如何使用cloudflare_workers插件来与Cloudflare Workers集成。

示例代码

这是example/lib/main.dart文件的完整代码：

import 'package:cloudflare_workers/cloudflare_workers.dart';

void main() {
  // 初始化CloudflareWorkers实例
  CloudflareWorkers(
    durableObjects: { // 注册Durable Object类
      'MyDurableObject': () => MyDurableObject(), // 将类映射到名称
    },
    fetch: (request, env, ctx) async { // 定义处理请求的函数
      // 获取Durable Object命名空间（在wrangler.toml中定义）
      final durable = env.getDurableObjectNamespace('FOO_BAR');

      // 生成Durable Object的ID（可以是任何字符串）
      final id = durable.idFromName(request.url.path);

      // 向Durable Object发送请求
      return durable.get(id).fetch(request);
    },
  );
}

// 自定义Durable Object类
class MyDurableObject extends DurableObject {
  [@override](/user/override)
  FutureOr<Response> fetch(Request request) async {
    // 这些调用是事务性的。
    final views = (await state.storage.get<int>('views') ?? 0) + 1; // 增加视图计数
    await state.storage.put('views', views); // 更新存储

    // 返回带有视图计数的响应
    return Response('This page has been viewed $views times.');
  }
}

ionicwang 1楼•13 天前

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

cloudflare_workers 是一个 Flutter 插件，用于在 Flutter 应用中与 Cloudflare Workers 进行集成。Cloudflare Workers 是一种无服务器计算平台，允许你在 Cloudflare 的边缘网络上运行 JavaScript 代码。通过 cloudflare_workers 插件，你可以在 Flutter 应用中直接调用 Cloudflare Workers 上部署的 API 或服务。

安装插件

首先，你需要在 pubspec.yaml 文件中添加 cloudflare_workers 插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  cloudflare_workers: ^0.1.0  # 请检查最新版本

然后运行 flutter pub get 来安装插件。

基本用法

导入插件

在你的 Dart 文件中导入 cloudflare_workers 插件：
```
import 'package:cloudflare_workers/cloudflare_workers.dart';
```
初始化 Cloudflare Workers 客户端

你可以通过 CloudflareWorkers 类来初始化一个客户端，并指定你的 Cloudflare Workers 的 URL：
```
final workers = CloudflareWorkers(baseUrl: 'https://your-worker.example.com');
```

发送请求

你可以使用 get、post、put、delete 等方法来发送 HTTP 请求到你的 Cloudflare Workers：

Future<void> fetchData() async {
  try {
    final response = await workers.get('/api/data');
    print('Response: ${response.body}');
  } catch (e) {
    print('Error: $e');
  }
}

处理响应

你可以通过 response.body 来获取响应的内容，response.statusCode 来获取状态码，以及其他 HTTP 响应信息。

示例代码

以下是一个完整的示例，展示如何在 Flutter 应用中使用 cloudflare_workers 插件：

import 'package:flutter/material.dart';
import 'package:cloudflare_workers/cloudflare_workers.dart';

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

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Cloudflare Workers Example'),
        ),
        body: Center(
          child: ElevatedButton(
            onPressed: () {
              fetchData();
            },
            child: Text('Fetch Data'),
          ),
        ),
      ),
    );
  }

  Future<void> fetchData() async {
    final workers = CloudflareWorkers(baseUrl: 'https://your-worker.example.com');
    try {
      final response = await workers.get('/api/data');
      print('Response: ${response.body}');
    } catch (e) {
      print('Error: $e');
    }
  }
}