İlk ADF uygulamanızı oluşturma

Bu eğitim, geliştirme ortamınızı nasıl kuracağınızı ve bir ADF uygulamasını nasıl oluşturacağınızı gösterir.

ADF geliştirmeye başlamak ve çalıştırmak için birkaç ön koşul yüklemeniz gerekir: node.js, Yeoman ve bir kod düzenleyici. Önkoşulları yükledikten sonra, ADF Yeoman oluşturucuyu kullanarak uygulamayı oluşturmanız ve ardından ADF uygulamanızı Alfresco Content Services deponuzu gösterecek şekilde yapılandırmanız gerekir.

Önkoşullar

Node.js'yi yükleyin

Https://nodejs.org/en/ adresinden indirebileceğiniz en son node.js sürümüne ihtiyacınız var. İşletim sisteminiz için yükleyiciyi seçin ve yükleme talimatlarını izleyin. Tamamlandığında, bir terminal açın ve aşağıdaki komutla kurulumu doğrulayın:

node -v

Not: 14.x ve 12.x sürümlerinin her ikisi de iyi çalışmalıdır.

İPUCU: ADF, node.js ve Angular ile kapsamlı geliştirme yapmayı planlıyorsanız, node.js için n veya nvm gibi bir sürüm yöneticisi kurmayı düşünebilirsiniz. Bu araç, aynı anda birden çok node.js sürümüne sahip olmanıza ve sürümler arasında hızla geçiş yapmanıza olanak tanır.

ADF Yeoman jeneratörünü kurun

Not: Linux veya macOS kullanıyorsanız, bu komutları sudo ile çalıştırmanız gerekebilir.

Yo - sürümünü çalıştırarak Yeoman'ı kurduğunuzdan emin olmanız gerekir. Bu sisteminizde değilse, şunu çalıştırmalısınız:

npm install -g yo

Not: MacOS'de kurulduğu yer: usr/local/lib/node_modules/yo

Şimdi generator-alfresco-adf-app'in en son sürümünü yükleyin:

npm install -g generator-alfresco-adf-app @latest

Not: MacOS'de kurulduğu yer: usr/local/lib/node_modules/generator-alfresco-adf-app

Angular CLI yükleyin

Angular'dan tam olarak yararlanmak için Angular CLI'nin en son sürümünü yüklemenizi öneririz.

npm install -g @ angular / cli

Bu, bileşenler, kitaplıklar ve çok daha fazlasını oluşturmayı kolaylaştıracaktır.

Bir kod düzenleyici yükleme

Tüm Angular geliştirme Typescript kullanıyor. Bunu akılda tutarak, geliştirmeyi biraz daha kolaylaştıran araçlara sahip olmak harika bir şey, ancak herhangi bir metin editörü gayet iyi işleyecek.

Visual Studio Code'u öneririz - Microsoft'un ücretsiz, hafif ve çok güçlü bir aracıdır ve Angular geliştirmeyle iyi çalışır ve geliştirici deneyimini daha da iyi hale getirmek için büyük bir eklenti ekosistemine sahiptir.

Diğer öneriler, JetBrains'ten IntelliJ IDEA veya WebStorm'u içerir, ancak topluluk sürümünün Typescript'i desteklemediğini unutmayın.

İlk ADF uygulamanızı oluşturun

Artık tüm ön koşullara sahip olduğumuza göre, bir uygulama oluşturmanın zamanı geldi:

yo alfresco-adf-app

Bir ad girin ve uygulama planı olarak İçerik Hizmetleri'ni seçin, ardından bağımlılıkları yüklemek için Y girin.

Yeoman jeneratör yeni bir proje oluşturacak ve uygulamanız için gerekli tüm bağımlılıkları kuracaktır.

Not: Yeoman jeneratörü, projeniz için yeni bir dizin oluşturur. Bu yeni dizine geçtiğinizden emin olun.