Transcript

© COPYRIGHT 2016 MARKLOGIC CORPORATION. ALL RIGHTS RESERVED.

Kasey Alderete, Product Manager, MarkLogic

USING SLUSH & GULP WITH MARKLOGIC

SLIDE: 2

© COPYRIGHT 2016 MARKLOGIC CORPORATION. ALL RIGHTS RESERVED.

Tap Into the JavaScript Ecosystem

Rapid development

Flexible options

Build advanced apps

Where to begin?

SLIDE: 3

© COPYRIGHT 2016 MARKLOGIC CORPORATION. ALL RIGHTS RESERVED.

Harness the Power of MarkLogic

Flexible data model

Integrated search

Out of the box developer APIs

Where to begin?

slush-marklogic-node

SLIDE: 5

© COPYRIGHT 2016 MARKLOGIC CORPORATION. ALL RIGHTS RESERVED.

One Path Through the JavaScript Ecosystem

Let’s start

SLIDE: 6

© COPYRIGHT 2016 MARKLOGIC CORPORATION. ALL RIGHTS RESERVED.

Install Required Dependencies Node.js

npm

gulp

Slush

Bower

Git

Ruby

npm install -g slush-marklogic-node

• Published on npm

• Code is open source on GitHub

• Install the generator on your machine

Get the Goods

SLIDE: 8

© COPYRIGHT 2016 MARKLOGIC CORPORATION. ALL RIGHTS RESERVED.

You Are Here

Ready to generate

slush marklogic-node hello-mlworld

Stand up a marklogic-node application

Run the Slush Generator

├── bower_components ├── data ├── deploy ├── dist ├── etc ├── node-server ├── node_modules ├── rest-api ├── src └── ui

3 tier app out of the box

SLIDE: 11

© COPYRIGHT 2016 MARKLOGIC CORPORATION. ALL RIGHTS RESERVED.

MARKLOGIC

Database – MarkLogic Roxy deployer to configure the database

Database, forest and App server

Search options, transforms, extensions

Roles, users

RO

XY D

EP

LOYE

R

CONTENT DATABASE

SECURITY DATABASE

MODULES DATABASE

ROLES

USERS

EXTENSIONS

TRANSFORMS

SEARCH OPTIONS

SLIDE: 12

© COPYRIGHT 2016 MARKLOGIC CORPORATION. ALL RIGHTS RESERVED.

Middle Tier – Node.js Application Gulp as build tool

Node.js application with an Express listener

Dependencies, folders

Thin middle tier as proxy layer

NODE.JS GU

LP

EXPRESS

SLIDE: 13

© COPYRIGHT 2016 MARKLOGIC CORPORATION. ALL RIGHTS RESERVED.

Front End – AngularJS SPA Single-page web application

Bower for dependency management

CSS, Bootstrap libraries

ANGULARJS BO

WE

R

CSS HTML BOOTSTRAP

SLIDE: 14

© COPYRIGHT 2016 MARKLOGIC CORPORATION. ALL RIGHTS RESERVED.

You Are Here Are we done?

Next:

Add a facet

Customize the look

Integrate with Maps

?? Up to you

Where to begin? next

SLIDE: 15

© COPYRIGHT 2016 MARKLOGIC CORPORATION. ALL RIGHTS RESERVED.

Thank You! JavaScript + MarkLogic = fast, modern development

Use slush-marklogic-node as a “map” to get started

Leverage the community & the ecosystem:

The Vanguard team maintains the project on GitHub

Kasey Alderete, Product Manager, MarkLogic

kaseya

popzip

slush-marklogic-node


Top Related