1.Create Backend Project

Make sure abp cli already updated.

abp new MyCompanyName.MyProjectName -t app --ui none
Execute DbMigrator to generate Database (Set as statup porject at visual studio)
Execute HttpApi.Host to host web (Set as statup porject at visual studio)

See abp document:ABP CLI to get more information.

2.Angular applications

//prepare package
npm install
//start up angular
ng serve tmpl.ng-alain-app
//Remember:  check environment.ts url must match your backend url.
 

How to work with abp'sourcecode

in this repository , i try to create monorepo by Nx for debug all sourcecode together , include:

• packages folder put abp's all libary
• themes folder put dev default(abp) theme and other customization themes(ng-alain)
• apps folder put angular application projectType for every theme
• libs folder put extend abp's packages or other libray, you can create alternative component or router for abp's package

Application

• Origin Source:https://github.com/ng-alain/ng-alain
• ng-alain-app

• Origin Source:https://github.com/abpframework/abp
• dev-app

CLI

nx workspace-schematic merge-config

this command will read all config folder's json file and Create or Update angular.json,tsconfig.json,tsconfig.prod.json,nx.json.

Generate an application

TODO

Generate a library

TODO

Development server

Run ng serve tmpl.ng-alain-app or ng serve tmpl.dev-app for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.

Code scaffolding

Run ng g component my-component --project=my-app to generate a new component.

Build

Run run npm build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

TODO

Running end-to-end tests

TODO

Reference

Abp GitHub

ng-alain GitHub

Nx document