chieftan frontendダウンロード-Chieftan chieftan frontendソースコードのダウンロード

chieftan frontend

ウェブサイトデータ

1.0.0

ダウンロード

Chieftan Frontend

タスクオートメーションのためにChieftan APIを消費するAurelia Webアプリケーション

はじめる

開発環境を設定するには、ローカルマシンにnode.jsをインストールする必要があります。ここからダウンロードできます。

それが完了したら、Chieftanリポジトリをクローンし、 npm installを実行して、Chieftanが必要とするさまざまな依存関係をインストールします。

発達

開発環境は、ホットモジュールのリロードが有効になっているWebpackの周りに構築されており、ページリロードなしでスタイルシートとコードの両方のリアルタイム更新（まだ実行されていない場合）を使用します。 Projectフォルダーからnpm run server:devを実行し、ブラウザーでhttp://localhost:3002アクセスして、開発サーバーを起動できます。

展開

展開には、アプリケーションの生産パッケージを構築し、サーバーにdistフォルダーのコンテンツを配置することが含まれます。制作パッケージを構築するには、 npm buildを実行して、Webpackが完了するのを待ちます。

FrontEndエラーのSentryエラーレポートを有効にする場合は、 SENTRY_DSN環境変数をパブリックセントリーDSNに設定する必要があります。また、 VERSION環境変数を設定して、リリースバージョンにタグを付けることもできます。

サンプルビルドスクリプト

SENTRY_DSN= " https://[email protected]/1 " VERSION= " $( git rev-parse HEAD ) " npm run build

このビルドスクリプトは、現在のGit SHAを使用してリリースにタグ付けされ、Sentryエラーレポートを構成します。

素敵なURL

素敵なURLにHTML5 Push State APIを使用したい場合は、すべての404Sのindex.htmlファイルを提供するようにWebサーバーを構成する必要があることに注意してください。

nginxを使用すると、 try_filesディレクティブを使用して簡単に実現できます。

例nginx構成

 server {
  listen :80 default;
  hostname chieftan.emss.co.za;

  root /var/www/chieftan/dist;

  # Serve the frontend
  location / {
    try_files $url $url.html index.html;
  }

  # Pass API requests to the application instance (basic)
  location /api {
    proxy_pass http://127.0.0.1:8000;
  }
}