atlascamp 2013: bring your own stack

#atlascamp@atlassian

Andreas Knecht, JIRA Team Lead, Atlassian

Bring your own Stack

2

3

What are we building?

4

What are we building?

54

What are we building?

54

You

What are we building?

54

Register AC add-on

You

What are we building?

54

Register AC add-on

Register instancevia Webhook

You

What are we building?

54

Register AC add-on

Register instancevia Webhook

Authenticated requestsand responses

You

What are we building?

54

Register AC add-on

Register instancevia Webhook

Authenticated requestsand responses

You

• It’s• Low resource usage• Easy to host• Fast and Fun!

Why NodeJS?

6

All this in 30 mins?

7

• Install NodeJS and NPM: http://nodejs.org/

All this in 30 mins?

7

• Install NodeJS and NPM: http://nodejs.org/• Install Feebs CLI: npm i -g feebs-cli

All this in 30 mins?

7

• Install NodeJS and NPM: http://nodejs.org/• Install Feebs CLI: npm i -g feebs-cli

• Create Feebs NodeJS app: feebs new atlascamp-demo

All this in 30 mins?

7

• Install NodeJS and NPM: http://nodejs.org/• Install Feebs CLI: npm i -g feebs-cli

• Create Feebs NodeJS app: feebs new atlascamp-demo• Download deps: cd atlascamp-demo ; npm install

All this in 30 mins?

7

• Install NodeJS and NPM: http://nodejs.org/• Install Feebs CLI: npm i -g feebs-cli

• Create Feebs NodeJS app: feebs new atlascamp-demo• Download deps: cd atlascamp-demo ; npm install• Run App: node app.js

All this in 30 mins?

7

Ready, Set, Code!

Requests to Atlassian App

9

Option 1

Requests to Atlassian App

9

Option 1

Request iframe (issue_id)

Requests to Atlassian App

9

REST call with OAuth

Option 1

Request iframe (issue_id)

Requests to Atlassian App

9

REST call with OAuth

Option 1

Request iframe (issue_id)

Requests to Atlassian App

9

REST call with OAuth

Option 1

Request iframe (issue_id)

Return Rendered Panel

Requests to Atlassian App

10

Option 2

Requests to Atlassian App

10

Request iframe (issue_id)

Option 2

Requests to Atlassian App

10

Request iframe (issue_id)

Return Rendered Panel

Option 2

Requests to Atlassian App

10

Request iframe (issue_id)

Return Rendered Panel

REST call via iframe bridgeAP.request(); Option 2

Requests to Atlassian App

10

Request iframe (issue_id)

Return Rendered Panel

REST call via iframe bridgeAP.request();

REST call with details

Option 2

Requests to Atlassian App

10

Request iframe (issue_id)

Return Rendered Panel

REST call via iframe bridgeAP.request();

REST call with details

Option 2

• http://go.atlassian.com/acnodedemo(Demo source code)

• http://go.atlassian.com/acstart(Getting Started with Atlassian Connect)

Documentation

11

Thank you!