スーパーベース ファンクションズを使用した効率的なアプリ開発

236 Views

August 25, 24

スライド概要

このプレゼンテーションでは、SupabaseのFunctionsの活用方法を比較し、確認するためのFlutterプロジェクトが含まれています。
1 - SQLのPL/pgSQLで実装された関数と、Flutterのコード内で実装された関数の応答速度を比較します。
2 - ショッピングカートプロジェクトが実装されており、アプリケーション内にロジックを実装することなく、関数が購入プロセス全体を実行します。

profile-image

only a simple developer

シェア

またはPlayer版

埋め込む »CMSなどでJSが使えない場合

関連スライド

各ページのテキスト
1.

Efficient App Development with Supabase Functions

2.

サンプルプロジェクト vicktorManuel @ http://francodev.live

3.

What is Supabase? 何はsupabase? Supabase simplifies the development process by offering ready-to-use backend features. It uses PostgreSQL, a robust SQL database, allowing developers to efficiently and safely manage data using SQL techniques Supabase は、すぐに使用できるバックエ ンド機能を提供することで、開発プロセ スを簡素化します。 強力な SQL データベースである PostgreSQL を使用しており、開発者が SQL 技術を使用して効率的かつ安全に データを管理できるようにしています

4.

Services AUTHORIZATION SERVICE REALTIME DATABASE STORAGE

5.

Understanding Functions in Supabase

6.

Edge Functions Written in TypeScript or JavaScript using Deno. Example: Handling webhooks, performing real-time operations. TypeScript または JavaScript で Deno を使用して記述。 例: Webhooks の処理、リアルタイム操作の実行。 SQL FUNCTIONS Written in PL/pgSQL (SQL with procedural extensions). Example: Updating user scores, processing transactions. PL/pgSQL(手続き型拡張を持つSQL)で記述。 例: ユーザーのスコアを更新、トランザクションの処理。

7.

Why Use Supabase Functions? • Simplify Complex Logic: Move complex business logic from client to server. • Security: Better security control with server-side validation. • Performance: Reduce network requests by combining multiple operations in a single function. • 複雑なロジックを簡素化: クライアントからサー バーに複雑なビジネスロジックを移動させる。 • セキュリティ: サーバー側での検証によるより良い セキュリティ管理。 • パフォーマンス: 複数の操作を1つの関数に組み合 わせることで、ネットワークリクエストを削減する。

8.

Language plpgsql

9.

これから面白くなるぞ!

10.

Functions sql vs. App-Side Logic

12.

CAR SHOP EXAMPLE

13.

Task • Checks Stock Availability • Calculates Total Price • Updates Product Quantity • Records the Purchase • Updates User Points • 在庫の確認 • 合計金額の計算 • 商品の数量を更新 • 購入を記録 • ユーザーポイントを更新