Start your Angular project using a pre built template
In this section you will learn how to get install Parse and started with an Angular 8 App in 5 easy steps.
At any time, you can test the app built with this tutorial by clicking here.
To complete this tutorial, you will need:
Step 1 - Install the Angular CLI
You’re first going to need to install the Angular CLI (Command Line Interface) tool. The CLI helps you to start new Angular project as well as assist you during development. In your terminal, please type the following line:
npm install -g @angular/cli
Step 2 - Get the template
Download the template at our GitHub repository. You can do that using the following command line:
curl -LOk https://github.com/templates-back4app/angular-integration/archive/master.zip && unzip master.zip
Navigate to the folder of your project and install all dependencies by running the following command:
cd angular-integration-master/ && npm i
Step 3 - Update the app’s credentials
Update the strings values for
App ID and
- Go to your app Dashboard at Back4App Website and click on Server Settings.
- Find the Core Settings block and click on Settings. Need help? Take a look at these steps to find your keys
- Go to
environment.tsand paste your keys.
Step 4 - Test your connection locally
- Start the project by running
- Navigate to
- Wait until the login screen appears.
- Create an example user by clicking on the register button.
Step 5 - Upload your code to the Back4App server
To deploy your app with Back4App, you first need to proper build your app. Use the following command to compile and build your app to a
$ ng build
Then, you need to upload the created
dist directory to the public folder of your Cloud Code. In order to do that, choose one of the options to deploy:
Step 5.1 - Deploy via CLI
To upload through Back4App Command Line Interface, you take a look at these steps.
Step 5.2 - Deploy via Dashboard
In order to upload the code via Back4App visual interface, go to your App’s Dashboard at Back4App website and click on Cloud Code Functions.
+ADD button and select all the files of the
dist directory. Move them to
public and then click
SAVE, as shown here:
Finally, to deploy your app, see the Back4App Web Hosting Tutorial.
At this point, you have learned how to get started with Angular apps.