Deploying angular2 project on go daddy server

Question

I have an angular-2 project running on my local host. I want to deploy it to GoDaddy server. I can't install node, npm on GoDaddy server. So my question is how can I run my angular-2 project on GoDaddy server. Thanks

use universal webpack to bundle your project into one js file with index,html. you can upload that as normal html and js file. if backend is in node.js go for digital ocean or heroku. — Amit kumar, Jan 28 '17 at 07:27

score 16 · Answer 1 · answered Jan 28 '17 at 07:19

16

Install Angular CLI if you don't have it already.

npm install -g angular-cli

Then build using the command -

ng build

This will create a /dist directory with the production build of your application. Just copy the contents of /dist to your hosting provider (using FTP, SCP etc.).

Refer - https://github.com/angular/angular-cli

answered Jan 28 '17 at 07:19

manojtc

562
3
10

I have /dist files with me and I uploaded it in public_html folder but I don't see my app ruuning. I ran the command ng build --prod --env=prod. – National News Jan 28 '17 at 07:24
index.html is opening showing Loading but the components are not getting loaded actually – National News Jan 28 '17 at 07:30
You can try to check if there are any errors during page load. In chrome developer tools. Especially check for 404 errors in the network tab. – manojtc Jan 28 '17 at 08:40
1

Thanks a lot, there were issues with tag – National News Jan 28 '17 at 09:01
can you tell me exactly where I have to keep /dist files – Bharti Sharma Jun 28 '17 at 12:24
Once you upload the files, you must edit index.html and remove in order for the application to not get 404 errors – Sean Gildea Sep 18 '18 at 00:56
at the time of build --prod what should be the base href – Dec 11 '19 at 05:45

score 11 · Answer 2 · answered Jan 17 '19 at 11:16

11

1.If your project is completed then build your project using

ng build --prod

2.Go to your project/dist Copy your Build Project which is automatically created and paste it to desktop -> Right Click on that pasted project folder -> Add to zip .

3.Go to your godaddy account -> profile -> my Products ->Starter Linux Hosting with cPanel ->manage ->cpanel Admin -> file manager .

Click on public_html folder .
click on Upload -> select file -> select your Zip folder -> click on link "Go Back to "home/frurugf45/public_html" .

And your Angular file uploaded on go godaddy server

answered Jan 17 '19 at 11:16

Anand raj

111
1
4

What are the steps after this? I have done the above mentioned steps. Now, how can I launch the website? – Shubham Arya Jun 19 '20 at 13:36
after that decompress that and save everything. then go to browser and put your url there. – Anand raj Nov 04 '20 at 11:36
Thanks anand, had figured it out though :) – Shubham Arya Nov 06 '20 at 18:23

score 6 · Answer 3 · edited Oct 26 '18 at 11:49

6

Run ng build --prod don't forget to use --prod. It means build the application in Production mode. It's performance of application is faster than ng build.

edited Oct 26 '18 at 11:49

Nishanth Sreedhara

1,266
1
19
34

answered Oct 26 '18 at 10:26

Geetanshu Gulati

692
8
13

1

This is the real answer; the accepted answer is not _incorrect_, simply _incomplete_. – pythlang Jul 05 '19 at 15:10

score 2 · Answer 4 · answered Feb 17 '19 at 03:11

Use $ ng build --prod if your application is ready for production. It will reduce the size and increase speed of your application on the web.

$ ng build VS. $ ng build --prod
My small application went from 23mb to 2mb.

Loading time on 3G network: 8 seconds FAIR, 28% visitor loss due to loading time
VS.
Loading time on 3G network: 4 seconds GOOD, 10% visitor loss due to loading time

VS.

score 0 · Answer 5 · answered Sep 20 '17 at 03:51

0

manojtc is corect...run npm build then copy all the files/folders from the dist directory to your website (or sub-domain) root folder...works like a charm..have it working in a GoDaddy Windows sub-domain

answered Sep 20 '17 at 03:51

SuperRoo

87
1
7

Deploying angular2 project on go daddy server

5 Answers5