運用保守自動化基盤プロジェクト

• 章1 フロントエンドプロジェクトの初期化
• 1-1 運用保守自動化プラットフォームのご紹介
• 1-2 フロントエンドとバックエンドの分離モードと非分離モードの比較
• 1-3 VUE-CLI スキャフォールディング プロジェクトの初期化
• 1-4 VUE-CLIプロジェクト構築プロセス
• 1-5 Ajax リクエストを送信するための axios モジュールの紹介
• 1-6 Ajaxリクエストパラメータのグローバル設定
• 1-7 インストールと構成には ant-design-vue を使用します
• 1-8 ant-design-vue コンポーネントで Ajax リクエストを送信する
• 1-9 echarts コンポーネントのインストール、構成、使用
• 1-10 ログインコンポーネントの初期化
• 1-11 ベースページの初期化
• 1-12 サブルーティング構成
• 章2 バックエンドプロジェクトの初期化
• 2-1 Python仮想環境の紹介
• 2-2 仮想環境関連コマンド
• 2-3 pycharmをベースとした仮想環境構築プロジェクト
• 2-4 バックエンドプロジェクトのディレクトリ構造の設計
• 2-5 DRF コンポーネントの登録と構成
• 2-6 ログの設定と適用
• 2-7 例外処理機能の設定とMySQLへの接続
• 2-8 フロントエンドおよびバックエンドのドメイン名の設定とホストファイルの管理
• 2-9 同一生成元ポリシーによって引き起こされるクロスドメインの問題を解決する
• 2-10 複雑なクロスドメインリクエストと cors-headers コンポーネント
• 章3 ログイン認証機能
• 3-1 ユーザーモデルの作成とユーザーテーブルの生成
• 3-2 スーパーユーザーの作成
• 3-3 Cookie とセッションのメカニズム
• 3-4 JWT認証メカニズム
• 3-5 DRF アプリケーション用の認定コンポーネント
• 3-6 DRF アプリケーションの認証コンポーネント 2
• 3-7 DRF アプリケーションの認証コンポーネント 3
• 3-8 DRF アプリケーションの権限コンポーネント
• 3-9 ホストインターフェースの認証実装
• 3-10 ログインしてトークンを取得する
• 章4 ホスト管理
• 4-1 フロントエンド構成ファイル
• 4-2 localStorge と sessionStorge に基づいたトークンの保存
• 4-3 アクセサーの遊び方
• 4-4 vuex に基づくストレージ トークン
• 4-5 ホストコンポーネントはaxiosに基づいてホストデータを取得します。
• 4-6 ルートガードの適用
• 4-7 ホスト管理フロントエンドの初期化
• 4-8 ホストおよびホスト クラス モデル テーブルを作成する
• 4-9 ホストの SSH ログイン検証
• 4-10 ホストおよびホストクラスインターフェースの実装
• 4-11 ホスト機能のフロントエンドとバックエンドの共同デバッグ
• 4-12 Excel ファイルをアップロードしてホストをバッチで作成する
• 章5 踏み台マシン
• 5-1 時間割
• 5-2 WebSocket プロトコルの概要
• 5-3 チャット ルーム ケースのフロント エンド
• 5-4 チャットルームのサーバー側のケース
• 5-5 環境依存関係ファイルの要件
• 5-6 ssh経由でのパスワード不要のログイン
• 5-7 pycharmでのショートカットキーの使用について
• 5-8 パスワードレスログインのアイデア設計
• 5-9 公開鍵と秘密鍵の管理
• 5-10 パスワードフリーログインの実装