Menu
Currently Learning to create a simple AngularJs App.
This is my first MVC app, so my questions may be very basic.
I understand that we require nodejs to run the Angularjs App, so will the hosting provider have the node.js installed with their server?
If so, which does the hosting provider support: the Angularjs, Emberjs, or Knockoutjs? Currently my client have hostgator and netfirms.
While reading some posts, I learned a few terms which they use with Angular js like Yo, Grunt, Bower, so I just wanted to know what is this used for?.
Can anybody tell how exactly you host the AngularJs app?
708
You just need a github repository to host on github and make sure that you pushed the latest code. Install github pages tool for angular by using, npm install -g angular-cli-ghpages . Here deploying code in github pages is quite easy, Just need to make sure one thing, when you build your code, use --base-href tag.
While AngularJS applications are purely client-side code, and it is possible to open them in a web browser directly from the file system, it is better to serve them from an HTTP web server.
You can have Angular up and running on your web site in minutes by using the Softaculous application installer in cPanel.
You have to command ng build --prod . This will build your app into the dist folder. Copy the contents of your dist folder to the public directory of your shared hosting. Works great, if Angular 2 CLI was used, otherwise it returns You have to be inside an angular-cli project in order to use the build command. .
If you're deploying a client-side only Angular application (ie. you don't have custom server code), then you might want to check out Firebase Hosting. It's specifically designed for hosting client-side applications that use Angular, Ember, React, etc.
To deploy an Angular app, we need to bundle it for distribution. To do this, you must have Node.js, NPM and the Angular CLI installed. Node.js/NPM can be downloaded from here. After installation, open the Node.js command prompt and install the Angular CLI with:
Once the Angular CLI is installed, in the same window, navigate to the Angular project directory, and type: This will create a new directory within the Angular project called /dist — inside here will be another directory that contains all of our compiled app files — these are what we will upload to our shared hosting server.
You can use this to bootstrap your Angular SPA from within .Net core application and host it within IIS. However, many prefer using Angular CLI to develop an Angular application due to its simplicity and power and as part of this post I’ll be focusing on hosting this in IIS.
If you're deploying a client-side only Angular application (ie. you don't have custom server code), then you might want to check out Firebase Hosting. It's specifically designed for hosting client-side applications that use Angular, Ember, React, etc.
Firebase's Hosting will let you deploy from command line without managing your own servers (no NodeJS), and it handles SSL, CDN, and other best practices for you.
(Disclaimer: I work for Firebase)
53
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
