Category: SaaS / FaaS

Remixで@supabase/ssrを使ったログイン処理を実装する

サーバー側の処理を利用して、Supabaseのログイン処理をRemixに実装する方法についてまとめました。 @supabase/ssrを使うことで、Cloudflare Pages上でクライアントを作成し、Cookieに関する処理を行います。ログイン処理後は、作成したクライアントを使用してCookieに情報を設定し、ログイン画面から移動できるようにします。さらに、参考資料に従い、ログイン処理を実装します。

Published at: 2024/09/18

Cloudflare remix SaaS / FaaS

Cloudflare PagesでRemixアプリを公開する場合、環境変数を.envと.dev.varsで管理できる

この記事では、CloudflareにRemixアプリをデプロイする際の環境変数の取り扱い方を紹介しています。開発時やビルド時には.envファイルを使用し、Cloudflare向けには.dev.varsファイルを利用します。公開可能な値は.envに、秘匿すべき値は.dev.varsに設定することで、セキュリティリスクを軽減できます。異なる環境用に設定する場合、.envファイルを分けて管理し、.dev.varsでCloudflare Pagesの環境変数を設定することがポイントです。

Published at: 2024/09/17

SaaS / FaaS Supabase

@supabase/ssrを使うときは、ブラウザ側の操作にも利用しよう

Supabaseのサーバー側での認証状況確認に@supabase/ssrパッケージを使用し、ログアウト処理での問題点や解決方法を紹介。@supabase/subapase-jsのログアウト処理でCookieが削除されず、@supabase/ssrを使用することで解決可能。ログアウト時にcreateBrowserClientを使用することで正常にCookieを削除。SSR用のライブラリを統一することが望ましい。

Published at: 2024/09/14

JavaScript React remix SaaS / FaaS Supabase

Supabaseのログアウト処理で、Remixのloaderを再読み込みする方法

RemixアプリにSupabase Authのログアウト処理を組み合わせる際の方法を紹介。ログアウト後はuseNavigate()でページ遷移し、「Sign out」ボタンをクリックするとログアウトと同時にリダイレクトされる。再読み込みや状態更新後のリダイレクトも実装可能。ログアウト時に取得した情報を破棄するために使われる。Loader処理を再実行したい時はuseRevalidatorを利用。 Reminx APIを使うことを推奨。

Published at: 2024/09/13

SaaS / FaaS Supabase

@supabase/ssrでサーバー側にてユーザー情報を取得するときは、getUserを使おう

この記事では、Supabaseを使用してNode.jsアプリケーションでユーザー情報を取得する方法が紹介されています。具体的には、サーバー側でStripeの契約情報を取得し、ログイン中のユーザー情報を利用してリダイレクトする機能を実装しています。初期実装ではauth.getSession()を使用していましたが、より安全な方法としてauth.getUser()を使用することが推奨されています。ユーザー情報の取得は明示的に行う必要があります。

Published at: 2024/09/12

Cloudflare SaaS / FaaS

Cloudflareで独自ドメインを登録した際の覚書

独自ドメインをCloudflareで管理する手順をまとめた内容で、Pagesへの登録やDNSの移行など詳細な手順が紹介されています。レコード情報のインポート機能や無料プランの利用が可能で、便利で使いやすい印象です。

Published at: 2024/08/14

Cloudflare JavaScript React remix SaaS / FaaS

RemixアプリをCloudflare Pagesへデプロイする際は、ライブラリ名に注意

Remixアプリ開発でCloudflare Pagesへデプロイ時に発生した”Could not resolve”エラーの対策をまとめました。ライブラリのインポート元を@remix-run/cloudflareに変更し、Node.js環境依存エラーを解消できました。Remixではライブラリの選択に注意し、プロキシーファイルを作成することで環境別のライブラリインポートも検討できます。

Published at: 2024/08/08

Cloudflare SaaS / FaaS

CloudflareのWorkers Analytics EngineでRAGの結果を記録させてみる

生成系AIを利用したFAQアプリの精度向上を目指し、Cloudflare Workers上にRAGの仕組みを構築し、それを使って回答を生成し、記録する仕組みを作成しました。回答の精度を評価するため、Analytics Engineを使用し、REST API形式でSQLクエリを送信して結果を取得します。しかし、一部の回答が精度に疑問を残すこともあり、性能評価には追加の処理が必要です。また、プライバシー保護にも配慮する必要があります。

Published at: 2024/08/07

SaaS / FaaS Supabase

Supabaseでrandomにレコードを取得できるようにする

最近はRAGやAIエージェントの開発を試行錯誤しており、Supabaseを使用してランダムにデータを取得するAPIを実装中。また、Supabaseを使用してランダムにデータを取得する方法を模索し、SQLのViewを利用した構築方法を採用。SupabaseではViewを使って簡単にデータを取得することが可能で、初心者でも扱いやすい。これからもSupabaseやPostgreSQLを使いながら実験を続ける予定。

Published at: 2024/07/27

AI / ML Cloudflare SaaS / FaaS

Cloudflare AI Gatewayを、LangChain.jsで作ったアプリに入れてみた

Cloudflare Meetup OsakaでAI Gatewayの話を聞き、AI Gatewayを使ってみた。管理画面から名前を指定するだけでAI Gatewayを作成できる。APIエンドポイントはプラットフォームによって変わり、LangChain.jsでの実装方法が紹介された。Cloudflare Workersでの処理実行やログ機能の確認方法も解説。AI Gatewayの便利な機能や課金不要の利点があり、レスポンスキャッシュやレートリミットも設定可能。LangSmithなど他のツールとも併用が可能。

Published at: 2024/05/17