ALFRESCO WEB COMPONENTS

travis Status license my blog

alfresco angular2

Introduction

See the following page for an introduction to the Alfresco Application Development Framework.

Prerequisites

Before you start using this development framework, make sure you have installed all required software and done all the necessary configuration, see this page.

Downloading the source code for the framework

The source code comes in two parts, one for the JavaScript API that wraps the Alfresco REST API, and one part with the actual application development framework, including the Angular 2 based web components:

$ git clone https://github.com/Alfresco/alfresco-js-api.git
$ git clone https://github.com/Alfresco/app-dev-framework.git

Running a demo project

The Alfresco application development framework comes with a demo project that you can run to get a feel for what's available.

Start by navigating into the app development framework source folder:

$ cd app-dev-framework

Start the demo and Install all the dependencies (Note. do it this way only the first time, and be aware, it will take some time)

app-dev-framework$ ./start.sh -install

Start the demo (the standard way of starting the demo after first initialization):

app-dev-framework$ ./start.sh

Start the demo, install all the dependencies, and remove the previous version of the npm packages (Note. do this only after big changes):

app-dev-framework$ ./start.sh -cleanInstall

Start the demo and update the dependencies:

app-dev-framework$ ./start.sh -update

For development environment configuration please refer to project docs.

Components

The following is a list of some of the components that you can use when building your custom Alfresco web client:

You can browse all the components at the following page.

Yeoman generators

To speed up the development of your Alfresco Angular 2 application, or Alfresco Angular 2 component, use one of the Yeoman generators.

These generators will create a full working project with all the right libraries and tools.

yeoman logo

Generate an Alfresco web component starter project

To generate your Alfresco Angular 2 component you can use the following Yeoman generator:

Generate an Alfresco web application starter project

To generate your Alfresco Angular 2 application you can use the following Yeoman generator:

Description
Languages
TypeScript 90.3%
HTML 4.5%
SCSS 2.5%
JavaScript 1.6%
C 0.8%
Other 0.2%