FullstackフラッターとMongoDB雲ミニコースは無料!

フラッターとMongoDBのコンボを生成するために多数の要求の後、私はフルスタックフラッターとMongoDB雲ミニコースを生成するために時間を捧げてきた.我々は、MongoDB雲アトラスデータベース内の連絡先を管理する連絡先リストのアプリケーションを構築します.また、MongoDBのデータストアに話をするためのDARTバックエンドサーバーを実装します.このアプリはフラッタモバイルとWebプラットフォームの両方で構築されます.

始める

プロジェクトとクラスタを作成するにはMongoDB Cloud Accountが必要になります.これはmongodbがインストールされた環境と、そのMongoDBインスタンスに接続するユーザを提供します.
ミニコースの内容は以下の通りです.
イントロ
アプリデモ
セットアップMongoDB雲アトラスプロジェクトとクラスタ
端末経由でMongoDBクラスタに接続する
コードベースと依存関係を調べる
コードベースからMongoDBへの接続
サーバと初期ルートの作成
ポストと削除エンドポイントを加えてください
実装初期画面
の実装を実装
接触追加機能の実装
スタイルリストウィジェット
リファクタnocontactウィジェット
ウィジェットの作成
fakerパッケージの使用
連絡先削除機能の追加
ContactAsapiクラスを実装する
クリエイトコンタクト
APIクラスにおけるコンタクト作成方法の実装
フラッタウェブ上のアプリケーションの実行
アウトロ
クローンとGithub repoのstarter支店をチェックしてください.これは、FullStackフラッターとMongoDB雲ミニコースで沿って従う正しいセットアップを提供します.
このミニコースに含まれるDARTパッケージは以下の通りです.

sevr - HTTPサーバを書くためのExpressjsに触発さダーツライブラリ.私たちはMongoDBクラウドクラスタと通信するサーバを書くためにこれを使います.

dio -ダーツのための強力なHTTPクライアント.我々は、我々のダートバックエンドサーバーへのリクエストをするためにこれを使用します.

faker -様々な偽データを生成するライブラリ.我々は、我々のFullstackフラッターアプリの連絡先の名前を生成するために使用します.

mongo_dart - MongoDBデータベースと通信するためのライブラリ.これはMongoDB雲アトラスと話をすることができます.

サーバの実装

サーバ/lib/serverで.DART MongoDBクラウドアトラスへの接続を開始します.

import 'package:mongo_dart/mongo_dart.dart';
import 'package:sevr/sevr.dart';

void start() async {
  // Log into database
  final db = await Db.create(
      'mongodb+srv://<user>:<password>@cluster0.xpkap.mongodb.net/<dbname>?retryWrites=true&w=majority');
  await db.open(); // Initiate the connection
  final coll = db.collection('contacts'); // Define a handle to the contacts collection
}

データベース接続文字列は、クラスタの「接続」ボタンをクリックし、接続方法として「アプリケーションを接続する」を選択することで見つけることができます.

MongoDBクラウドクラスタへの接続を開くと、データベースへのゲートウェイとして機能するサーバーを作成できます.

void start() async {
  // Log into database
  ..
  // Create server
  const port = 8081;
  final serv = Sevr();
}

HTTPサーバはsevr変数に含まれていて、最初のルートを定義できます.

void start() async {
  // Log into database
  ..
  // Create server
  const port = 8081;
  final serv = Sevr();

  // Define routes
  serv.get('/', [
    (ServRequest req, ServResponse res) async {
      final contacts = await coll.find().toList();
      return res.status(200).json({'contacts': contacts});
    }
  ]);
}

私たちの最初のルートは経路とそれに要求をするどんなクライアントのためにでも返されるデータを記述します.我々は、MongoDBコレクションの連絡先のリストを返しています.
サーバーとルートをアクティブにするには、着信接続を聞く必要があります.

void start() async {
  // Log into database
  ..
  // Create server
  ..
  // Define routes
  ..
  // Listen for connections
  serv.listen(port, callback: () {
    print('Server listening on port: $port');
  });
}

端末でこれを実行すると、以下の出力が得られます.

完全なミニコースから学んでください.
→ Watch the Fullstack Flutter MongoDB Cloud Mini-Course
→ Get the source code

共有は面倒🤗

あなたがこのポストを読んで楽しんだならば、このページの上で社会的なボタンでこれを共有してください.チュートリアルでは、ダーツとフラッターで完全なスタックアプリケーションを構築する方法を示します.
私たちの無料35ページにアクセスするためにSubscribe to the newsletterはDARTの電子ブックを開始し、新しいコンテンツがリリースされたときに通知する.
閉じるこの動画はお気に入りから削除されています.
もともとcreativebracket.com