mcpField
S
syncfusion-blazor-security

syncfusion-blazor-security

github.com/syncfusionセキュリティ4375 回インストール1 週間前に更新
リポジトリ

syncfusion-blazor-security について

ブラウザーで動作する .NET 8、9、10 の Syncfusion Blazor アプリ向けに、コンテンツセキュリティポリシーの設定を案内するスキルです。セルフホスト型と CDN 配信の両方を扱います。

主な機能

  1. 01Syncfusion コンポーネント用 CSP ディレクティブ
  2. 02セルフホスト型リソースの設定
  3. 03CDN スクリプトとスタイルの設定
  4. 04Blazor の種類別 CSP 配置場所

活用シーン

  1. 01App.razor または index.html への CSP タグ追加
  2. 02セルフホスト型リソースの CSP 設定
  3. 03CDN 配信 Syncfusion リソースの許可

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/syncfusion/blazor-ui-components-skills --skill syncfusion-blazor-security

インストール後、Claude Code で/syncfusion-blazor-securityを入力して読み込まれたか確認します。

同梱ファイルreferences/content-security-policy.md

詳細

Syncfusion Blazor のセキュリティ

ブラウザーでホストされるアプリケーション（.NET 8、9、10）における Syncfusion Blazor コンポーネントのコンテンツセキュリティポリシー（CSP）設定です。

使用する場面

次の場合にこのスキルを使用してください。

  • Syncfusion コンポーネント用の CSP <meta> タグを App.razor または index.html に追加する
  • セルフホスト可能（Static Web Assets）なスクリプトとスタイルの配信に CSP を設定する
  • CDN でホストされる Syncfusion のスクリプトとスタイルに CSP を設定する
  • Syncfusion コンポーネントが必要とする CSP ディレクティブとその理由を理解する

クイックリファレンス

必要な CSP ディレクティブの概要

ディレクティブ値理由
font-src'self' data:Base64 エンコードされたアイコンフォント
style-src'self' 'unsafe-inline'サイズ調整や配置に使用するインラインスタイル
script-src'self'動的なコード評価（アニメーションなど）
connect-src'self' https: wss:WebSocket と HTTPS の接続
img-srcdata: https:インライン画像とリモートアセット
object-src'none'プラグインコンテンツをブロック

CDN を使用する場合：script-src と style-src に https://cdn.syncfusion.com/blazor/ も追加してください。

CSP タグの追加場所

プロジェクトの種類ファイル
Blazor Web App（.NET 8/9/10）、すべてのレンダーモード~/Components/App.razor
Blazor WebAssembly スタンドアロンwwwroot/index.html

コメント

Markdown 対応