紹介するノウハウ ・Typetalkアプリケーションの認証 ・chrome.identify API ・Typetalkアプリケーションの登録(開発/本番) ・dev/productionのClient ID/Secretの管理

1. Typetalk APIを使った
Chrome拡張開発ノウハウ #1
@shoito
http://about.me/shoito
Typetalk Hack Tokyo

2. Typetalk Notifications

3. ここにハマった
http://developers.typetalk.in/oauth_ja.html

4. Chrome Identify API
https://developer.chrome.com/extensions/app_identity

5. Chrome Identify API
Redirect URI
https://
<extension-id>.chromiumapp.org/<anything-here>
https://
abcdefghijklmnopqrstuvwxyzabcdef.chromiumapp.org/
provider_cb

6. Extension ID
• Chromeウェブストア公開用
• egjiljalbhkekpkkhfoehleeepecnnbo
• 開発用(Chromeの数分)
• Chrome on MacBook Air
• bkojfgfhiecdpbhfoonakkbcpkglbnbn
• Chrome on ...

7. Typetalkアプリケーション登録
https://typetalk.in/my/develop/applications

8. dev/production
dev/production用のClient IDとClient Secretは .env.json に外出し
• https://github.com/shoito/typetalk-notifications/blob/master/app/scripts/
background.js#L3-L4
• https://github.com/shoito/typetalk-notifications/blob/master/.env.json#L1-L10
• https://github.com/shoito/typetalk-notifications/blob/master/Gruntfile.js#L27-L29
• https://github.com/shoito/typetalk-notifications/blob/master/Gruntfile.js#L278-L307

9. Typetalk APIを使ったChrome拡張の開発ノウハウ
http://qiita.com/shoito/items/2a15b6a1d4ed8f08d8d8
http://about.me/shoito