An example of Angular project with Backand Inetgartion and workflow based on angular-cli
-
Install latest nodeJs https://nodejs.org/
-
Install angular CLI. angular-cli.
npm install -g angular-cli- Clone https://github.com/backand/angular2-example
- Go to project folder and install dependencies:
npm install- Update Backand configurations in
app.component.ts
this.backand.init({
appName: 'your app name',
signUpToken: 'your signup token',
anonymousToken: 'your anonymous token',
runSocket: true //optional [true|false]
});- Launch development server, and open
localhost:4200in your browser:
ng servedist/ compiled version
e2e/ end-to-end tests
src/ project source code
|- app/ app components
| |- crud/ crud component (CRUD operation on your model in Backand.Get items, Post items, Filter items )
| |- files/ files component (Upload files to Backand storage)
| |- login/ login component (Sign in to Backand using username and password, or with anonymous token.)
| |- signup/ signup component (Sign up to Backand , Sign up using Facebook/Twitter/Google/GitHub)
| |- app.component.* app root component (shell) - Update Backand configuration(appName, signUpToken, anonymousToken, runSocket)
| |- app.module.ts app root module definition
| |- app-routing.module.ts app routes
| +- ... additional modules and components
|- assets/ app assets (images, fonts, sounds...)
|- environments/ values for various build environments
|- index.html html entry point
|- styles.css global style entry point
|- main.ts app entry point
|- polyfills.ts polyfills needed by Angular
+- test.ts unit tests entry point
Generate new component using angular-cli.
ng generate component my-new-component