NetLifyで角度アプリケーションを配備すること
3090 ワード
こんにちはGuys、これは、devコミュニティでの私の初めてのポストです.このポストでは、NetLifyに角度アプリケーションを展開する方法を説明します.
netlifyとは
ドキュメントごとに
Netlifyは、現代のWebプロジェクトを自動化するためのオールインワンプラットフォームです.単一のワークフローを使用してホスティングインフラストラクチャ、連続統合、および配置パイプラインを置き換えます.プロジェクトの成長として、Serverless関数、ユーザー認証、フォーム処理のような動的な機能を統合します.
しかし、私のためにNetlifyは展開して、ウェブアプリを主催することができるプラットホームです.
角度からアプリケーションを作成する
必要なディレクトリを参照し、次のコマンドを実行する角度のアプリケーションを作成する
あなたは、http://localhost/4200アドレスでブラウザで角度アプリを表示することができます
角度のアプリへの変更Netlifyで展開する SRCフォルダーにRound Redirectsという名前のファイルを作成し、下の行を挿入します.
角度で.JONファイル後藤プロジェクト.建築家.ビルド.オプション.資産と以下を加えてください
まず第一に、NetLifyとのアカウントが必要です.あなたがそれを持たないならば、このNetlify Signupを使ってください
我々はいずれかのファイルをアップロードしたり、NetLifyアカウントにGitリポジトリを接続することによって我々のアプリを展開することができます.私は、それが後のポストで議論する確かな利点があるので、Git RepoをNetlifyと接続するのを好みます.
git - repoをnetlifyに接続する
成功したサインアップとNetLifyアカウントへのログインの後、あなたはこれに類似したダッシュボードを見ます
Gitから新しいサイトをクリックしてください.新しい画面は、ポップアップをgithub/gitlab/bitbucket経由でログインを求めます.
成功したログインの後、あなたはRepoのものにアクセスするためにあなた自身のためにNetlifyを認可しなければなりません.
次に、対応するRPOを選択し、次の手順を実行して、ビルド設定を設定する必要があります.
必ず、コードが配置されている適切な分岐を選択してください.
また、dist/[あなたのアプリ名]への発行ディレクトリを確認してください.
現在、展開サイトボタンを押すのは良いです.それはあなたのアプリケーションを展開するには数分かかります、あなたはあなたの展開アプリにアクセスできる場所から、あなたにURLを与える.
次
次の投稿でFireBaseを使用して認証を追加します.
netlifyとは
ドキュメントごとに
Netlifyは、現代のWebプロジェクトを自動化するためのオールインワンプラットフォームです.単一のワークフローを使用してホスティングインフラストラクチャ、連続統合、および配置パイプラインを置き換えます.プロジェクトの成長として、Serverless関数、ユーザー認証、フォーム処理のような動的な機能を統合します.
しかし、私のためにNetlifyは展開して、ウェブアプリを主催することができるプラットホームです.
角度からアプリケーションを作成する
必要なディレクトリを参照し、次のコマンドを実行する角度のアプリケーションを作成する
ng new angular-netlify
ng serve
最初のコマンドは、あなたのディレクトリに角度アプリケーションを作成し、2番目のコマンドは、あなたのアプリケーションが起動し、localhostで実行していることを確認します.あなたは、http://localhost/4200アドレスでブラウザで角度アプリを表示することができます
角度のアプリへの変更Netlifyで展開する
/* /index.html 200
_redirectsについて角度で
{
"glob": "_redirects",
"input": "src",
"output": "/"
}
アプリケーションをNetlifyに配備するまず第一に、NetLifyとのアカウントが必要です.あなたがそれを持たないならば、このNetlify Signupを使ってください
我々はいずれかのファイルをアップロードしたり、NetLifyアカウントにGitリポジトリを接続することによって我々のアプリを展開することができます.私は、それが後のポストで議論する確かな利点があるので、Git RepoをNetlifyと接続するのを好みます.
git - repoをnetlifyに接続する
成功したサインアップとNetLifyアカウントへのログインの後、あなたはこれに類似したダッシュボードを見ます
Gitから新しいサイトをクリックしてください.新しい画面は、ポップアップをgithub/gitlab/bitbucket経由でログインを求めます.
成功したログインの後、あなたはRepoのものにアクセスするためにあなた自身のためにNetlifyを認可しなければなりません.
次に、対応するRPOを選択し、次の手順を実行して、ビルド設定を設定する必要があります.
必ず、コードが配置されている適切な分岐を選択してください.
また、dist/[あなたのアプリ名]への発行ディレクトリを確認してください.
現在、展開サイトボタンを押すのは良いです.それはあなたのアプリケーションを展開するには数分かかります、あなたはあなたの展開アプリにアクセスできる場所から、あなたにURLを与える.
次
次の投稿でFireBaseを使用して認証を追加します.
Reference
この問題について(NetLifyで角度アプリケーションを配備すること), 我々は、より多くの情報をここで見つけました https://dev.to/phanidevarapu/deploying-an-angular-app-on-netlify-40oテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol