Подключить Rails API к интерфейсу Flutter довольно просто, есть несколько моментов, связанных с управлением состоянием, но Google рекомендует использовать шаблон BLoC, и он отлично работает с Rails.
Теперь яне буду вдаваться в детали реализации шаблона BLoC, но я оставлю несколько ссылок внизу вокруг этой темы.
Первый шаг - проверить документы флаттера, у них есть несколько достойных поваренных книг, и я адаптирую однуниже с помощью генераторов Rails.https://flutter.dev/docs/cookbook/networking/fetch-data
- Создать почтовый ресурс:
rails g resource post title:string body:string
Выполнить
rails db:migrate. Создать пост, используя консоль rails В вашем флаттере (main.dart) я предполагаю, что это совершенно новое приложение здесь:
import 'dart:async';
import 'dart:convert';
import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;
Future<Post> fetchPost() async {
final response =
await http.get('http://10.0.2.2:3000/posts/1');
if (response.statusCode == 200) {
// If the call to the server was successful, parse the JSON.
return Post.fromJson(json.decode(response.body));
} else {
// If that call was not successful, throw an error.
throw Exception('Failed to load post');
}
}
class Post {
final int id;
final String title;
final String body;
Post({this.id, this.title, this.body});
factory Post.fromJson(Map<String, dynamic> json) {
return Post(
id: json['id'],
title: json['title'],
body: json['body'],
);
}
}
void main() => runApp(MyApp(post: fetchPost()));
class MyApp extends StatelessWidget {
final Future<Post> post;
MyApp({Key key, this.post}) : super(key: key);
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Fetch Data Example',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: Scaffold(
appBar: AppBar(
title: Text('Fetch Data Example'),
),
body: Center(
child: FutureBuilder<Post>(
future: post,
builder: (context, snapshot) {
if (snapshot.hasData) {
return Text(snapshot.data.title);
} else if (snapshot.hasError) {
return Text("${snapshot.error}");
}
// By default, show a loading spinner.
return CircularProgressIndicator();
},
),
),
),
);
}
}
запустить сервер rails, работающий на порту 3000 запустить приложение флаттера
Вот и все.Rails и Flutter абсолютно замечательны вместе, и Flutter Web выходит ... в какой-то момент ... Я действительно взволнован.
Некоторые другие ресурсы: Flutter и Rails CLI (Все еще очень много WIP, но получаюесть) https://rubygems.org/gems/frap
Государственное управление: https://www.didierboelens.com/2018/08/reactive-programming---streams---bloc/ https://medium.com/flutterpub/architecting-your-flutter-project-bd04e144a8f1
Куча примеров https://github.com/flutter/samples/blob/master/INDEX.md