JS Framework
Angular
10 min
start your angular project using a pre built template introduction 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 prerequisites to complete this tutorial, you will need an app created on back4app note follow the new parse app tutorial to learn how to create a parse app on back4app node package manager installed in your system look at the get npm guide for more info basic knowledge in angular 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 2 get the template download the template at our github repository you can do that using the following command line navigate to the folder of your project and install all dependencies by running the following command 3 update the app’s credentials update the strings values for app id app id and javascript key javascript key to set up the app’s credentials parse javascript sdk uses these settings to connect your app to back4app servers go to your app dashboard at back4app website https //www back4app com/ 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 copy your app id and javascript key and return to your project's folder go to src src > environments environments > environment ts environment ts and paste your keys 4 test your connection locally start the project by running ng serve ng serve navigate to http //localhost 4200/ http //localhost 4200/ wait until the login screen appears create an example user by clicking on the register button 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 dist dist directory then, you need to upload the created dist dist directory to the public folder of your cloud code in order to do that, choose one of the options to deploy 5 1 deploy via cli to upload through back4app command line interface, you take a look at these steps 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 click on +add +add button and select all the files of the dist dist directory move them to public public and then click save save , as shown here finally, to deploy your app, see the back4app web hosting tutorial it’s done! at this point, you have learned how to get started with angular apps