atlascamp 2014: hipchat add-ons for the atlassian marketplace
DESCRIPTION
HipChat is a brand new opportunity for the Atlassian ecosystem. Learn how to create add-ons for HipChat and share them on the Atlassian Marketplace. This talk will introduce HipChat.com and HipChat Server, then use the HipChat API v2 and Atlassian Connect to build a new add-on and list on the Atlassian Marketplace. A reference add-on will be shared including source code.TRANSCRIPT
![Page 1: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/1.jpg)
June 3-5, 2014 | Berlin, Germany
![Page 2: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/2.jpg)
Will DeHaan, HipChat Developer, Atlassian
HipChat Add-Ons & Atlassian Marketplace
![Page 3: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/3.jpg)
HipChat
![Page 4: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/4.jpg)
HipChat Use
![Page 5: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/5.jpg)
HipChat Use
![Page 6: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/6.jpg)
HipChat Use
![Page 7: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/7.jpg)
HipChat Use
![Page 8: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/8.jpg)
HipChat Reach
![Page 9: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/9.jpg)
![Page 10: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/10.jpg)
![Page 11: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/11.jpg)
HipChat Platforms
Cloud Server
![Page 12: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/12.jpg)
HipChat Integrations
![Page 13: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/13.jpg)
• Second Gen API
• APIv1 REST
• Limited Scope
• APIv2 REST & Webhooks
• Atlassian Connect
• Coexist
HipChat Integrations
![Page 14: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/14.jpg)
• Token Generation
• OAuth2 Bearer
• Personal Scope
HipChat APIv2 Tokens
![Page 15: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/15.jpg)
• Token Generation
• OAuth2 Bearer
• Personal Scope
• Room Scope
HipChat APIv2 Tokens
![Page 16: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/16.jpg)
• OAuth Sessions
• REST and Webhooks
• Native language bindings
• Mature Beta
• https://www.hipchat.com/docs/apiv2
HipChat API v2
• Messaging 1:1 & Group
• Chat History
• Users
• Rooms
• Statistics
• Active Development
!
!
![Page 17: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/17.jpg)
Add-On ReferenceReference Add-On, HipChat UI, Atlassian Marketplace
![Page 18: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/18.jpg)
• HC-BitBucket Connector • https://bitbucket.org/hipchat/hipchat-bitbucket
• Apache License
• Python
• Flask Framework
• Deployed on AWS
!
!
Add-On Reference
![Page 19: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/19.jpg)
• Global & Room Scopes
• Install by URL or Marketplace
• Run externally
• Configuration UI
• Discovery
HipChat Add-Ons
![Page 20: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/20.jpg)
• Global & Room Scopes
• Install by URL or Marketplace
• Run externally
• Configuration UI
• Discovery
HipChat Add-Ons
![Page 21: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/21.jpg)
• Identification
• Capabilities
• Callback
• Configuration URL
Add-On Descriptor
![Page 22: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/22.jpg)
• Vendor account
• Links to HipChat.com
• Provides Add-On URL for Server
• No sale, yet
!
HipChat in Marketplace
![Page 23: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/23.jpg)
• Vendor account
• Links to Add-On URL
• Not for purchase, yet
• Jump to HipChat
!
HipChat in Marketplace
![Page 24: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/24.jpg)
• Links into Your HipChat
• Choose Room
!
!
Add-Ons in HipChat
![Page 25: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/25.jpg)
Add-Ons in HipChat
• Links into Your HipChat
• Choose Room
• Easy Install
!
!
![Page 26: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/26.jpg)
• BitBucket Connector • https://bitbucket.org/hipchat/hipchat-bitbucket
• Structure
• Authentications
!
!
!
!
Add-On Example
![Page 27: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/27.jpg)
• BitBucket Connector • https://bitbucket.org/hipchat/hipchat-bitbucket
• Structure
• Authentications
• Installation
!
!
!
Add-On Example
![Page 28: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/28.jpg)
Add-Ons in HipChat
[highlight bb connector link]
• Links into Your HipChat
• Choose Room
• Easy Install
• Configure Add-on
!
!
![Page 29: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/29.jpg)
• Links into Your HipChat
• Choose Room
• Easy Install
• Configure Add-on
!
!
Add-Ons in HipChat
![Page 30: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/30.jpg)
Add-Ons & Your Site
[highlight authn]
• Links into Your HipChat
• Choose Room
• Easy Install
• Configure Add-on
• Authentication
!
!
![Page 31: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/31.jpg)
Add-Ons & Your Site
• Links into Your HipChat
• Choose Room
• Easy Install
• Configure Add-on
• Authentication
• Repository Selections
!
![Page 32: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/32.jpg)
Add-Ons & Your Site
• Links into Your HipChat
• Choose Room
• Easy Install
• Configure Add-on
• Authentication
• Repository Selections
• Done!
![Page 33: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/33.jpg)
• BitBucket Connector • https://bitbucket.org/hipchat/hipchat-bitbucket
• Structure
• Authentications
• Installation
• Configuration
!
!
Add-On Example
![Page 34: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/34.jpg)
Bitbucket Notifications!
• BitBucket Connector • https://bitbucket.org/hipchat/hipchat-bitbucket
!
!
![Page 35: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/35.jpg)
• BitBucket Connector • https://bitbucket.org/hipchat/hipchat-bitbucket
• Structure
• Authentications
• Installation
• Configuration
• Notifications
!
Add-On Example
![Page 36: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/36.jpg)
Future
![Page 37: AtlasCamp 2014: Hipchat Add-ons for the Atlassian Marketplace](https://reader033.vdocuments.site/reader033/viewer/2022052522/554bd6b4b4c9058f6c8b5184/html5/thumbnails/37.jpg)
Future Tech• APIv2
• Data In, Out, Search
• Atlassian Connect
• Marketplace Sales
• Extensible UI
• Mobile
• You! Us!
?