Deploy Angular Build With Express JS Project

-

Deploy Angular Build in Node JS (Express JS) Server



Mean Stack - Education Funda
Mean Stack - Education Funda

Firstly Create Angular Production Ready Build:

~ ng build (run in command line when directory is projectFolder).
    ~ Compress using Brotli compression the resources using the following command
    for i in dist/*/*; do brotli $i; done

    Deployment Check Angular Build:

    You can get a preview of your application using the ng serve --prod command that starts a local HTTP server such that the application with production files is accessible using http://localhost:4200. This is not safe to use for production usage.

    For a production usage, you have to deploy all the files from the dist folder in the HTTP server of your choice.

    Node JS/Express JS Server File Changes:


    //enabling CORS
    app.use(cors());

    app.use(express.static(path.resolve('./public')));

    //api v1 base route set
    app.use('/api/v1', router);

    //angular front site
    app.use(express.static(path.resolve('./public/angular')));
    //app.set('view engine', 'pug');
    app.get('*', (req, res) => {
    res.sendFile(path.resolve('./public/front/index.html'))
    });


    Above is our app.js file which is default file of node js project, it could be server.js or index.js anything as per your project.

    In this file Routing Sequence is matter a lot, firstly put your back-end routes then below that you can put your angular routes otherwise back-end routes will not work.




    I hope this blog will be helpful for you, please share your questions/feedback in comments section.

    Follow me in LinkedIn.


    <> Happy Coding </>

    Location: Delhi, India

    Comments

    Post a Comment

    Popular posts from this blog

    JavaScript Logical Output Based Interview Questions

    -
    Image
    You mostly seen in JavaScript interviews there interviewers must asks output based questions in which candidate stuck mostly so here in this blog I'm telling you most commonly asked output based JavaScript interview questions. By Education Funda Most Commonly Asked JavaScript Output Based Questions Question: 1 function sum(){      let a = 8;      const b=2;      var c=a+b; } console.log(a) // Reference error: a is not defined console.log(b) // Reference error: a is not defined console.log(c) // Reference error: a is not defined sum() console.log(a) // Reference error: a is not defined console.log(b) // Reference error: b is not defined console.log(c) //Output: undefined ---------------------------------------------------------------------------- Question: 2 let arr=[1,2,3,4,5]; console.log(arr[2], arr.length); //Output: 3 5 arr.length=0; console.log(arr[2], arr.length); //Output: undefined 0 Note:  As we can see in above code 1st questions is so easy but second is bit tricky one
    Read more

    Create and Deploy AWS SAM Application

    -
    Image
    How To Create and Deploy Your First Lambda Function on AWS Serverless Application Modal AWS SAM - Education Funda Create Your SAM Application Software Requirements: AWS CLI ( Reference Link ) SAM CLI ( Reference Link ) Docker ( Reference Link ) AWS Serverless Architecture - Education Funda Now All Will Happen With Command Line Interface Now open Terminal and Go to your directory in which you want to create your project. $ sam init  #hit enter this command ~ This will appear 2 option, 1 AWS Quick Start and 2 Custom Template For making things simple you can 1 at moment. ~ Now you need to select template, at moment you can select Hello World Example. ~ Now it will ask for programming language Python by default and you can select other as well such as Node.js, Java, etc. ~ Now you can choose ZIP option. ~ Now it will ask starter template, you can select anyone from that Hello World Example. ~ X-Ray tracing you can enable so select Y. ~ Enable Cloud Watch now with select Y. ~ Now it ask
    Read more

    MongoDB Mongoose Use Lookup Guide

    -
    Image
    In This Blog We Will See Complete Guide For Using Joins With Lookup in Mongoose MongoDB Mongoose - Education Funda Simply in MongoDB Mongoose we can use Aggregate Query with $ lookup to get data basis upon JOINS. such as below: await MainModel . aggregate ([ { $match : { "COLUMN_NAME" : value } }, { $lookup : { from : 'relation_collection_name' , localField : 'relation_collection_primary_key' , foreignField : 'this_table_foreign_key' , as : 'ALIASING' } } ]); With above query new column added with ALIASING in which relation collection data will also come. To get data in Object format instead of Array we can use $unwind like below: await MainModel . aggregate ([ { $match : { "COLUMN_NAME" : value } }, { $lookup : { from : 'relation_collection_name' ,
    Read more