Welcome to Facebook Developer Circle Meetup

* Date: Sunday, 26 Mar 2017* Place: Ngalup.co, Mojolangu, Malang

Last login: Sun Mar 26 09:00:00 2017 from 127.0.0.1

marudits@dev-circle-mlg:~$ _

Learn Developing REST API in Node.js using LoopBack Framework

by Marudi Tri Subakti

Welcome to Facebook Developer Circle Meetup

* Date: Sunday, 26 Mar 2017* Place: Ngalup.co, Mojolangu, Malang

Last login: Sun Mar 26 09:00:00 2017 from 127.0.0.1

marudits@dev-circle-mlg:~$ whoami _

PART

1{ “name”: “Marudi Tri Subakti”, “phone”: “(+62) 85646628435”, “email”: “marudits@gmail.com”, “works”:[ { “company”: “PT Musica Studio’s”, “role”: “Web Developer”, }, { “company”: “Tebengan ID”, “role”: “Web Developer” } ]}

Welcome to Facebook Developer Circle Meetup

* Date: Sunday, 26 Mar 2017* Place: Ngalup.co, Mojolangu, Malang

Last login: Sun Mar 26 09:00:00 2017 from 127.0.0.1

marudits@dev-circle-mlg:~$ whoami

marudits@dev-circle-mlg:~$ man –k ‘REST API’ _

What is?

• Put it simply, REST = REpresentational State Transfer , is an architectural style define to help create and organize distributed system.

• It is not a guideline, not a standard, or anything that would imply that there are set a hard of rule to follow

3

PART

21

• There is no Request for Comments (RFC), which can leads to a widespread incomplete REST ideal

• But have set of contraints to define uniform interface: Client-Server, Stateless, Cacheable, Uniform Interface, Layered System, Code-on-Demand

Why?

• Performance, communication style is meant to be efficient and simple

3

PART

21

• Scalability, simple interaction greatly allow to handle heavy interaction

• Modifiability, separation of concerns allow to minimize risk

• Portability, can be implemented and consumed by many type of technology

• Reliability, allows for the easier recovery of system after failure

How it works? (Resources)

• Representations

3

PART

21

• Identifier

• Metadata

• Control Data

How it works? (Resources)

• Representations, it can be any way of representing data (binary, JSON, XML, etc)

3

PART

21

• Identifier

• Metadata

• Control Data

How it works? (Resources)

• Representations

3

PART

21

• Identifier, a URL that retrieves only one specific resource at any given time

• Metadata

• Control Data

How it works? (Resources)

• Representations

3

PART

21

• Identifier

• Metadata, Content-type, last-modified time, and so forth

• Control Data, is-modifiable-since, cache-control

Welcome to Facebook Developer Circle Meetup

* Date: Sunday, 26 Mar 2017* Place: Ngalup.co, Mojolangu, Malang

Last login: Sun Mar 26 09:00:00 2017 from 127.0.0.1

marudits@dev-circle-mlg:~$ whoami

marudits@dev-circle-mlg:~$ man –k ‘REST API’

marudits@dev-circle-mlg:~$ lb --help _

PART

342

What is?

• LoopBack framework is a set of Node.js modules that you can use independently or together to quickly build REST APIs

• Interacts with data sources through the LoopBack model API, available locally within Node.js, remotely over REST, and via native client APIs for iOS, Android, and HTML5

• Apps can query databases, store data, upload files, send emails, create push notifications, register users, and perform other actions provided by data sources and services.

Introduction

PART

342

What is?Architecture

• Create dynamic end-to-end REST APIs with little or no coding

PART

342

Why we use?

• Access data from various data source: major relational databases, MongoDB, SOAP and REST APIs

• Incorporate model relationships and access controls for complex APIs

• Separable components for file storage, third-party login, and OAuth 2.0

• MIT open-source license

PART

342

Why we use?

Loopback Express Sails Meteor

Type API Framework HTTP server library

Web MVC framework

Full-stack JavaScript app platform

Top Features

Enterprise connectivity, API Explorer, generators, client SDKs, websocket microservices

HTTP routing, middleware

Rails familiarity, MVC

Universal JavaScript, reactive rendering, websocket microservices

Suitable For

Web apps, APIs Simple web apps

Web apps, APIs Web apps

Clint SDKs

Angular, Browser, Node.js, iOS, Android, Xamarin

N/A None JavaScript, Cordova for iOS and Android, React, AngularJS

Data Source

In-memory/file, MongoDB, MySQL, Oracle, PostgreSQL, SQL Server, ATG, Email, REST, SOAP, many more.

None In-memory, File, PostgreSQL, MySQL, MongoDB

MongoDB, MySQL and PostgreSQL via 3rd-party packages

ACLs Yes No No Basic allow/deny

Comparation

PART

342

Why we use?

“By using LoopBack, we can build REST API easily with little or no coding, connect to various

datasources and define model relationship & its control access.”

PART

342

How it works?Core Concepts (Modules)

PART

342

How it works?

• Models : Dynamically mock-up models and expose them as APIs without worrying about persisting

(some) Key Features

• Abstraction : Connect to multiple data sources or services and get back an abstracted model with CRUD capabilities independent of backing data source.

• Data : Enable connections to RDBMS and noSQL data sources and get back an abstracted model

• ACL : Controls if a principal can perform a certain operation against a model.

• Remote Method : exposed remote method over a custom REST endpoint to perform operations not provided by LoopBack’s standard model REST API

• Remote Hook : executed before or after calling a remote method, either a custom remote method or a standard CRUD inherited from PersistedModel

PART

342

Getting Started• Install : Install the LoopBack CLI tool

$ npm install –g loopback-cli

• Create App : Create a “Hello World” LoopBack application$ lb

• Create Models : Generate models through CLI$ lb model

• Run : Run as you would any Node application $ node .

• Explore : Enables you to exercise all generated API endpoints http://127.0.0.1:3000/explorer

Welcome to Facebook Developer Circle Meetup

* Date: Sunday, 26 Mar 2017* Place: Ngalup.co, Mojolangu, Malang

Last login: Sun Mar 26 09:00:00 2017 from 127.0.0.1

marudits@dev-circle-mlg:~$ whoami

marudits@dev-circle-mlg:~$ man –k ‘REST API’

marudits@dev-circle-mlg:~$ lb --help

marudits@dev-circle-mlg:~$ npm run start _

CASE STUDY4

BAB

5 6

i

< />

{ }

BACKEND4

BAB

5 6

i

< />

{ }

http://loopback.io/

BACKEND4

BAB

5 6

i

< />

{ }

/* install loopback */$ npm install –g loopback-cli

/* create app */$ lb/* create models */$ lb model

/* attach to datasource */$ lb datasource

/* define relations */$ lb relation

/* run app */$ node .

/* develop your own */

/* set access control */$ lb acl

FRONTEND4

BAB

5 6

i

< />

{ }

https://ant.design/

FRONTEND4

BAB

5 6

i

< />

{ }

/* install antd-init generator */$ npm install –g antd-init

/* make and move to app directory */$ mkdir helloworld && cd helloworld

/* create app */$ antd-init

/* run app */$ npm start

/* develop your own */

Welcome to Facebook Developer Circle Meetup

* Date: Sunday, 26 Mar 2017* Place: Ngalup.co, Mojolangu, Malang

Last login: Sun Mar 26 09:00:00 2017 from 127.0.0.1

marudits@dev-circle-mlg:~$ whoami

marudits@dev-circle-mlg:~$ man –k ‘REST API’

marudits@dev-circle-mlg:~$ lb --help

marudits@dev-circle-mlg:~$ npm run start

marudits@dev-circle-mlg:~$ ping tebengan.id _

Should our stories resonate with you, why not share your stories and aspiration with us

and help build tebengan together (?)

build@tebengan.id

Welcome to Facebook Developer Circle Meetup

* Date: Sunday, 26 Mar 2017* Place: Ngalup.co, Mojolangu, Malang

Last login: Sun Mar 26 09:00:00 2017 from 127.0.0.1

marudits@dev-circle-mlg:~$ whoami

marudits@dev-circle-mlg:~$ man –k ‘REST API’

marudits@dev-circle-mlg:~$ lb --help

marudits@dev-circle-mlg:~$ npm run start

marudits@dev-circle-mlg:~$ ping tebengan.id

marudits@dev-circle-mlg:~$ shutdown –h now _

Learn Developing REST API in Node.js using LoopBack Framework

by Marudi Tri Subakti