1. @atlassian #atlascamp

2. Bring your own Stack
Andreas Knecht, JIRA Team Lead, Atlassian
2

3. 3

4. What are we building?
4

5. What are we building?
4
5

6. What are we building?
You
4
5

7. What are we building?
Register AC add-on
You
4
5

8. What are we building?
Register AC add-on
Register instance
via Webhook
You
4
5

9. What are we building?
Register AC add-on
Register instance
via Webhook
Authenticated requests
and responses
You
4
5

10. What are we building?
Register AC add-on
Register instance
via Webhook
Authenticated requests
and responses
You
4
5

11. Why NodeJS?
• It’s
• Low resource usage
• Easy to host
• Fast and Fun!
6

12. All this in 30 mins?
7

13. All this in 30 mins?
• Install NodeJS and NPM: http://nodejs.org/
7

14. All this in 30 mins?
• Install NodeJS and NPM: http://nodejs.org/
• Install Feebs CLI: npm i -g feebs-cli
7

15. All this in 30 mins?
• Install NodeJS and NPM: http://nodejs.org/
• Install Feebs CLI: npm i -g feebs-cli
• Create Feebs NodeJS app: feebs new atlascamp-demo
7

16. All this in 30 mins?
• 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
7

17. All this in 30 mins?
• 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
7

18. Ready, Set, Code!

19. Requests to Atlassian App
Option 1
9

20. Requests to Atlassian App
Request iframe (issue_id)
Option 1
9

21. Requests to Atlassian App
Request iframe (issue_id)
REST call with OAuth
Option 1
9

22. Requests to Atlassian App
Request iframe (issue_id)
REST call with OAuth
Option 1
9

23. Requests to Atlassian App
Request iframe (issue_id)
REST call with OAuth
Return Rendered Panel
Option 1
9

24. Requests to Atlassian App
Option 2
10

25. Requests to Atlassian App
Request iframe (issue_id)
Option 2
10

26. Requests to Atlassian App
Request iframe (issue_id)
Return Rendered Panel
Option 2
10

27. Requests to Atlassian App
Request iframe (issue_id)
Return Rendered Panel
REST call via iframe bridge
AP.request();
Option 2
10

28. Requests to Atlassian App
Request iframe (issue_id)
Return Rendered Panel
REST call with details
REST call via iframe bridge
AP.request();
Option 2
10

29. Requests to Atlassian App
Request iframe (issue_id)
Return Rendered Panel
REST call with details
REST call via iframe bridge
AP.request();
Option 2
10

30. Documentation
• http://go.atlassian.com/acnodedemo
(Demo source code)
• http://go.atlassian.com/acstart
(Getting Started with Atlassian Connect)
11

31. Thank you!