Getting Started With ANGULAR4 Reverse Engineering

0

What is Reverse Engineering?

Reverse Engineering also called back engineering is the process of extracting the knowledge or design information from any application and reproducing anything based on that extracted information.

REVERSE ENGINEERING IN ANGULAR 4 :

why I got the idea of reverse engineering in angular 4 application?
That’s because angular 4 is new I wanted all of us to look how each component is connected to another component. How an ideal angular 4 application design and implementation looks like.

ACHIEVING REVERSE ENGINEERING IN ANGULAR 4:

Reverse engineering in angular 4 is achieved by using a tool known as ngrev.

WHAT IS NGREV?

ngrev is graphical tool for reverse engineering of Angular projects. It allows you to navigate in the structure of your application and observe the relationship between the different modules, providers and directives. The tool performs static code analysis which means that you don’t have to run your application in order to use it. ngrev uses ngast a library that provides users friendly API for parsing angular projects.

HOW TO USE ngrev?

MacOS user:
step 1 : goto https://github.com/mgechev/ngrev/releases
step 2 : Download the latest *.dmg file.
Step 3 : Install the application.

Linux user:
step 1 : Go to the https://github.com/mgechev/ngrev/releases
step 2 : Download the latest *.AppImage file.
step 3 : Run the *.AppImage file (you may need to chmod +x *.AppImage).

Windows User:
step 1 : Go to the releases page.
step 2 : Download the latest *.exe file.
step 3 : Install the application.

Application Requirements

Your application needs to be compatible with the Angular’s AoT compiler (i.e. you should be able to compile it with ngc).

Using with Angular CLI

  1. Open the Angular’s application directory.
  2. Make sure the dependencies are installed.
  3. Open ngrev.
  4. Click on Select Project and select [YOUR_CLI_APP]/src/tsconfig.app.json.

Using with Angular Seed

  1. Open the Angular’s application directory.
  2. Make sure the dependencies are installed.
  3. Open ngrev.

Click on Select Project and select [YOUR_CLI_APP]/src/client/tsconfig.json

Official documentation can be found on GitHub
Credits to Minko Gechev.

Leave A Reply

Your email address will not be published.