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

プリビルドテンプレートを使用してangularプロジェクトを開始する イントロダクション このセクションでは、parseをインストールして、 angular 8 アプリを5つの簡単なステップで開始する方法を学びます。 いつでも、このチュートリアルで構築したアプリをテストするには、 こちら をクリックしてください。 前提条件 このチュートリアルを完了するには、次のものが必要です： back4appで作成されたアプリ。 注： back4appでparseアプリを作成する方法を学ぶには、 新しいparseアプリのチュートリアル を参照してください。 システムにnode package managerがインストールされていること。 詳細については、 npmガイドを参照してください を参照してください。 基本的な知識が必要です。 angular 1 angular cliをインストールする 最初にangular cli（コマンドラインインターフェース）ツールをインストールする必要があります。cliは、新しいangularプロジェクトを開始するのを助け、開発中にサポートします。ターミナルで、次の行を入力してください 2 テンプレートを取得する githubリポジトリからテンプレートをダウンロードします。次のコマンドラインを使用して行うことができます プロジェクトのフォルダーに移動し、次のコマンドを実行してすべての依存関係をインストールします 3 アプリの資格情報を更新する アプリの資格情報を設定するために、 app id app id と javascript key javascript key の文字列値を更新します。parse javascript sdkは、これらの設定を使用してアプリをback4appサーバーに接続します。 アプリのダッシュボードに移動します back4appのウェブサイト https //www back4app com/ をクリックします サーバー設定 コア設定 ブロックを見つけて 設定。 ヘルプが必要ですか？ これらの手順を確認してください キーを見つけるために アプリ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 ディレクトリにコンパイルしてビルドします 次に、作成した dist dist ディレクトリをcloud codeのパブリックフォルダにアップロードする必要があります。そのためには、デプロイするためのオプションのいずれかを選択してください 5 1 cliを介してデプロイ back4appコマンドラインインターフェースを通じてアップロードするには、 これらの手順 を確認してください。 5 2 ダッシュボード経由でデプロイ back4appのビジュアルインターフェースを通じてコードをアップロードするには、 back4appのウェブサイト に移動し、 cloud code functions をクリックします。 ボタンをクリックして、 +add +add を選択し、 dist dist ディレクトリ内のすべてのファイルを選択します。それらを public public に移動し、次に save save をクリックします。以下のように 最後に、アプリをデプロイするには、 back4appウェブホスティングチュートリアル を参照してください。 完了しました！ この時点で、angularアプリの始め方を学びました。