← 工房に戻る
舞台裏の道具

PWA Invite Console

非公開のWebアプリへの招待や端末をまとめて管理する、小さなコンソール。

デスクトップのコンソール。サイドバーにすべてのアプリ、Casierul clasei の端末が表示されています

プロジェクトについて

招待メカニズムの背後にあるすべてのアプリの招待とデバイス管理を 1 つのページで行います。

これは唯一の管理 GUI です。以前はアプリがそれぞれ 1 つずつ管理していたため、複数のタブが開き、複数の場所を覚えておく必要がありました。これは、どのアプリにも属さないため、独自のリポジトリに存在します。

Tailscale TLS はプライベート リスナーの前で終了し、管理アクセスを、公開されたパブリック エンドポイントやハードコードされたパスワードを持たない許可された Tailnet ノードに厳密に制限します。

ギャラリー

これらのスクリーンショットの名前、招待の受取人、クラス、子どもは匿名化され、ぼかしてあります。

デスクトップ

スマートフォンでは

機能

  • 🔑 統合された招待ライフサイクル: 1 か所からサービス間でアプリの招待リンクを生成、共有、有効期限を追跡し、引き換えを監視します。
  • 📱 デバイス管理: 登録されたクライアント デバイスを検査し、最後に表示されたタイムスタンプを表示し、わかりやすいラベルを割り当て、侵害されたセッションを即座に取り消します。
  • 🎟️ アプリごとの招待: アプリは独自のアクセスオプションを提供できます。Casierul clasei では、招待でクラス、役割、保護者の場合は子ども、アクセスの終了日を選びます。ほかのアプリはすべて、1 ステップのシンプルな招待のままです。
  • 🌗 デスクトップとスマートフォン、ライトとダーク: デスクトップではすべてのアプリを並べたサイドバー、スマートフォンでは検索できるアプリ選択画面、さらにライトテーマとダークテーマがあります。
  • 🔒 テールネットプライベートセキュリティ: フロントエンド コードに資格情報は保存されません。 Tailscale 経由でのみ到達可能なプライベート リバース プロキシ ヘッダー インジェクション経由で認証されます。
  • ⚡ 依存性ゼロ PWA: 即座に再検証され、フレームワークの肥大化が発生しない、バニラの JavaScript シングルページ アプリケーション。