Angularプリビルドテンプレートでのプロジェクトセットアップ手順

プリビルドテンプレートを使用してangularプロジェクトを開始する イントロダクション このセクションでは、parseをインストールして、 angular 8 アプリを5つの簡単なステップで開始する方法を学びます。 いつでも、このチュートリアルで構築したアプリをテストするには、 https //angulardocs back4app io/ をクリックしてください。 前提条件 このチュートリアルを完了するには、次のものが必要です： back4appで作成されたアプリ。 注： back4appでparseアプリを作成する方法を学ぶには、 https //www back4app com/docs/get started/new parse app を参照してください。 システムにnode package managerがインストールされていること。 詳細については、 https //docs npmjs com/getting started を参照してください。 基本的な知識が必要です。 https //angular io/ 1 angular cliをインストールする 最初にangular cli（コマンドラインインターフェース）ツールをインストールする必要があります。cliは、新しいangularプロジェクトを開始するのを助け、開発中にサポートします。ターミナルで、次の行を入力してください npm install g @angular/cli 2 テンプレートを取得する githubリポジトリからテンプレートをダウンロードします。次のコマンドラインを使用して行うことができます curl lok https //github com/templates back4app/angular integration/archive/master zip && unzip master zip プロジェクトのフォルダーに移動し、次のコマンドを実行してすべての依存関係をインストールします cd angular integration master/ && npm i 3 アプリの資格情報を更新する アプリの資格情報を設定するために、 app id app id と javascript key javascript key の文字列値を更新します。parse javascript sdkは、これらの設定を使用してアプリをback4appサーバーに接続します。 アプリのダッシュボードに移動します https //www back4app com/ をクリックします サーバー設定 コア設定 ブロックを見つけて 設定。 ヘルプが必要ですか？ https //www back4app com/docs/platform/app settings キーを見つけるために アプリidをコピーします app id と javascript key をコピーしてプロジェクトのフォルダーに戻ります。 に移動します src src > environments environments > environment ts environment ts に移動してキーを貼り付けます。 4 ローカルで接続をテストする プロジェクトを開始するには ng serve ng serve を実行します。 に移動します http //localhost 4200/ http //localhost 4200/ ログイン画面が表示されるまで待ちます。 登録ボタンをクリックして例のユーザーを作成します。 5 コードをback4appサーバーにアップロードする back4appでアプリをデプロイするには、まずアプリを適切にビルドする必要があります。次のコマンドを使用して、アプリを dist dist ディレクトリにコンパイルしてビルドします $ ng build 次に、作成した dist dist ディレクトリをcloud codeのパブリックフォルダにアップロードする必要があります。そのためには、デプロイするためのオプションのいずれかを選択してください 5 1 cliを介してデプロイ back4appコマンドラインインターフェースを通じてアップロードするには、 https //www back4app com/docs/command line tool/how to use を確認してください。 5 2 ダッシュボード経由でデプロイ back4appのビジュアルインターフェースを通じてコードをアップロードするには、 https //www back4app com/ に移動し、 cloud code functions をクリックします。 ボタンをクリックして、 +add +add を選択し、 dist dist ディレクトリ内のすべてのファイルを選択します。それらを public public に移動し、次に save save をクリックします。以下のように 最後に、アプリをデプロイするには、 https //www back4app com/docs/platform/parse web hosting を参照してください。 完了しました！ この時点で、angularアプリの始め方を学びました。