Flutterのセカンド・ステップのバックアップ(No.5)

「.NET 開発基盤部会 Wiki」は、「Open棟梁Project」,「OSSコンソーシアム .NET開発基盤部会」によって運営されています。

戻る
- Flutterのファースト・ステップ
- Flutterのセカンド・ステップ

目次 †

↑

概要 †

Flutter の step by step（其の二）。

↑

手順１ †

CIBAのAD実装の準備

↑

WebAPI †

↑

パッケージ追加 †

HTTPパッケージを追加する必要がある。

http | Dart Package
https://pub.dev/packages/http/install
```
import 'package:http/http.dart';
```

↑

GET †

Futureのメソッドチェーン

void sendRequest() {
  http
    .get(url)
    .then((response) {
      print(response);
    })
    .catchError((error) => print(error));
}

async/await

Future<void> sendRequest() async {
  try {
    final response = await http.get(url);
    print(response);
  } on Exception caach (error) {
    print(error);
  }
}

↑

POST †

Futureのメソッドチェーン
```
...
```

async/await

var response = await http.post(
    "https://www.example.com/path/to/api",
    body: {
        "nickname": "chooyan",
        "description": "A freelance mobile app developer",
    },
);

↑

ブラウザ起動 †

↑

パッケージ追加 †

url_launcherパッケージを追加する必要がある。

url_launcher | Flutter Package
https://pub.dev/packages/url_launcher/install
```
import 'package:url_launcher/url_launcher.dart';
```

↑

実装 †

_launchURL() async {
  const url = "http://https://www.google.co.jp/";
  if (await canLaunch(url)) {
    await launch(url);
  } else {
    throw 'Could not Launch $url';
  }
}

↑

参考 †

Qiita
- Flutterで外部ブラウザに遷移する
  https://qiita.com/superman9387/items/868ce6ad60b3c177bff1

↑

カスタムURLスキーム †

↑

定義 †

以下の定義をAndroidManifest?.xmlに追加する。

Deep Links

<!-- Deep Links -->
<intent-filter>
  <action android:name="android.intent.action.VIEW" />
  <category android:name="android.intent.category.DEFAULT" />
  <category android:name="android.intent.category.BROWSABLE" />
  <data android:scheme="app" android:host="app_a" />
</intent-filter>

App Links

<!-- App Links -->
<intent-filter android:autoVerify="true">
  <action android:name="android.intent.action.VIEW" />
  <category android:name="android.intent.category.DEFAULT" />
  <category android:name="android.intent.category.BROWSABLE" />
  <data android:scheme="http" android:host="example.com" />
</intent-filter>

↑

実装 †

ロケーション・バー直では、動かないとのこと。

Deep Links

<!DOCTYPE html>
<html>
  <body>
    <a href="app://app_a/">App Aに飛ぶ</a>
  </body>
</html>

App Links

<!DOCTYPE html>
<html>
  <body>
    <a href="http://example.com/">App Aに飛ぶ</a>
  </body>
</html>

↑

参考 †

Flutterで作ったAndroidアプリにDeepLink?する方法 - Qiita
https://qiita.com/Frog_kt/items/5f9e4dd1d2128173f60c

↑

手順２ †

CRUDを実装してみる。

↑

Flutterのセカンド・ステップ のバックアップ(No.5)

目次 †

概要 †

手順１ †

WebAPI †

パッケージ追加 †

GET †

POST †

ブラウザ起動 †

パッケージ追加 †

実装 †

参考 †

カスタムURLスキーム †

定義 †

実装 †

参考 †

プッシュ通知 †

定義 †

実装 †

参考 †

手順２ †

参考 †

Flutterのセカンド・ステップのバックアップ(No.5)