• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
TSB Alfresco Cobrand White tagline

Technology Services Group

  • Home
  • Products
    • Alfresco Enterprise Viewer
    • OpenContent Search
    • OpenContent Case
    • OpenContent Forms
    • OpenMigrate
    • OpenContent Web Services
    • OpenCapture
    • OpenOverlay
  • Solutions
    • Alfresco Content Accelerator for Claims Management
      • Claims Demo Series
    • Alfresco Content Accelerator for Policy & Procedure Management
      • Compliance Demo Series
    • OpenContent Accounts Payable
    • OpenContent Contract Management
    • OpenContent Batch Records
    • OpenContent Government
    • OpenContent Corporate Forms
    • OpenContent Construction Management
    • OpenContent Digital Archive
    • OpenContent Human Resources
    • OpenContent Patient Records
  • Platforms
    • Alfresco Consulting
      • Alfresco Case Study – Canadian Museum of Human Rights
      • Alfresco Case Study – New York Philharmonic
      • Alfresco Case Study – New York Property Insurance Underwriting Association
      • Alfresco Case Study – American Society for Clinical Pathology
      • Alfresco Case Study – American Association of Insurance Services
      • Alfresco Case Study – United Cerebral Palsy
    • HBase
    • DynamoDB
    • OpenText & Documentum Consulting
      • Upgrades – A Well Documented Approach
      • Life Science Solutions
        • Life Sciences Project Sampling
    • Veeva Consulting
    • Ephesoft
    • Workshare
  • Case Studies
    • White Papers
    • 11 Billion Document Migration
    • Learning Zone
    • Digital Asset Collection – Canadian Museum of Human Rights
    • Digital Archive and Retrieval – ASCP
    • Digital Archives – New York Philharmonic
    • Insurance Claim Processing – New York Property Insurance
    • Policy Forms Management with Machine Learning – AAIS
    • Liferay and Alfresco Portal – United Cerebral Palsy of Greater Chicago
  • About
    • Contact Us
  • Blog

Alfresco and Angular 2.0: Technical First Look

You are here: Home / Activiti / Alfresco and Angular 2.0: Technical First Look

February 3, 2017

In July, Alfresco released a new Angular 2 framework which promises to deliver developers a new modern way to develop custom Alfresco applications. This post will cover what we’ve learned about this new framework.

Watch a quick demo of the new Angular Interface.

When releasing this framework, Alfresco is actually releasing three different independent pieces. Let’s dive into each:

Angular 2 Components

Alfresco Share, the default user interface for Alfresco deployments, is built on top of the Aikau and Surf frameworks. These custom-built platforms are highly extensible and customizable – but do require significant developer effort to work within these frameworks. If a customization was too much effort to be built into Share, the only other option was to build a custom interface and leverage either the internal Alfresco APIs or an externally available API such as CMIS. The Angular 2 Component library is meant to serve as a jump-start into building a custom Alfresco application. The list of available prebuilt components includes login, uploader, document list, search, document viewer, and more. These components are intended to be building blocks for a developer – some simple applications may be able to stitch a few of these components together and be called complete, whereas others may use the existing components as a starting point to build more complex specialized applications. Alfresco has additionally released a Yeoman application builder that allows a user to spin up a demo project with various components in a few quick steps.

Javascript Client REST API

The Angular 2 component library utilizes the new Alfresco Javascript API Client to interact with the repository. The current 1.1.1 version release includes authentication, standard CRUD document management, file and folder manipulation, renditioning, and custom webscript calls for the primary repository services. BPM activities are supported as well, and include listing, completing, deleting, and reporting on workflow processes and definitions.

Alfresco Repository REST API

The Javascript Client REST API calls directly to the new and improved Alfresco REST API. Note that this API is new to Alfresco 5.2 and there are not currently any plans to backport support to existing general releases.

Our Take

In our evaluation of the toolset, we spun up a new environment and had a sample application up and running within a couple hours using Jeff Pott’s helpful instructions found here. From that point, we created a proof of concept OpenAnnotate integration where a simple document list could be browsed then documents could be annotated from the same window. The ease of development on this platform is not to be discounted, and will score big points with developers for working within the incredibly popular JavaScript frameworks of today. Angular 2 is one of the most popular JavaScript frameworks today (20,194 stars on Github when this article was written) and has a strong chance of attracting developers to contribute back to the open source codebase.

We were surprised, however, at how limited the JavaScript API is in its initial state. Basic BPM methods such as delegating or reassigning a workflow task are not present, nor are associations other than file/folder exposed. In order for developers to be capable of writing more than basic client applications, Alfresco is going to need to expand the JavaScript API to cover more functionality that is currently exposed in its CMIS and internal APIs.

At the end of the day, our recommendation to clients is to wait and see. As Alfresco 5.2 has not been released for Enterprise yet, Angular 2 is not yet release candidate ready, and the JavaScript framework is still young, the Alfresco Angular 2 framework is currently a great looking, highly promising proof of concept on Alfresco Community. We look forward to the future expansion of the JavaScript framework and Enterprise support.

Filed Under: Activiti, Alfresco, Angular, JavaScript, Tech Tip

Reader Interactions

Trackbacks

  1. Alfresco 6 Annotations – Adding OpenAnnotate to the Application Development Framework (ADF) says:
    October 12, 2018 at 5:45 pm

    […] We’ve already discussed using OpenAnnotate within ADF, in our initial review of the Alfresco Application Development Framework and Angular.  This post will describe in more detail the integration as well as provide a quick video showing […]

    Reply

Leave a Reply Cancel reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Primary Sidebar

Search

Related Posts

  • Alfresco – Building a Search Interface – ADF vs. OpenContent Management Suite
  • Alfresco 6 Annotations – Adding OpenAnnotate to the Application Development Framework (ADF)
  • Alfresco or Documentum – Improving Performance Perceptions with OpenAnnotate
  • Alfresco Performance – Making Property Queries Faster
  • Document Review and Approval – Why Form AND Workflow are so important
  • Avoiding Alfresco Performance Problems from Day 1 – Keeping My ECM Healthy
  • Alfresco’s Transactional Metadata Query System – Mystery Results
  • Alfresco Activiti – Overview of BPMN Suite
  • Upgrading to Alfresco 5 – Keys to Success
  • Productization of Alfresco Activiti (and the Standalone Activiti BPMN Suite)

Recent Posts

  • Alfresco Content Accelerator and Alfresco Enterprise Viewer – Improving User Collaboration Efficiency
  • Alfresco Content Accelerator – Document Notification Distribution Lists
  • Alfresco Webinar – Productivity Anywhere: How modern claim and policy document processing can help the new work-from-home normal succeed
  • Alfresco – Viewing Annotations on Versions
  • Alfresco Content Accelerator – Collaboration Enhancements
stacks-of-paper

11 BILLION DOCUMENT
BENCHMARK
OVERVIEW

Learn how TSG was able to leverage DynamoDB, S3, ElasticSearch & AWS to successfully migrate 11 Billion documents.

Download White Paper

Footer

Search

Contact

22 West Washington St
5th Floor
Chicago, IL 60602

inquiry@tsgrp.com

312.372.7777

Copyright © 2023 · Technology Services Group, Inc. · Log in

This website uses cookies to improve your experience. Please accept this site's cookies, but you can opt-out if you wish. Privacy Policy ACCEPT | Cookie settings
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these cookies, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may have an effect on your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. This category only includes cookies that ensures basic functionalities and security features of the website. These cookies do not store any personal information.
Non-necessary
Any cookies that may not be particularly necessary for the website to function and is used specifically to collect user personal data via analytics, ads, other embedded contents are termed as non-necessary cookies. It is mandatory to procure user consent prior to running these cookies on your website.
SAVE & ACCEPT