Typetalk APIを使った
Chrome拡張開発ノウハウ #1
@shoito
http://about.me/shoito
Typetalk Hack Tokyo
Typetalk Notifications
ここにハマった
http://developers.typetalk.in/oauth_ja.html
Chrome Identify API
https://developer.chrome.com/extensions/app_identity
Chrome Identify API
Redirect URI
https://
<extension-id>.chromiumapp.org/<anything-here>
https://
abcdefghijklmnopqrstuvwx...
Extension ID
• Chromeウェブストア公開用
• egjiljalbhkekpkkhfoehleeepecnnbo
• 開発用(Chromeの数分)
• Chrome on MacBook Air
• bkojfgfhiecdp...
Typetalkアプリケーション登録
https://typetalk.in/my/develop/applications
dev/production
dev/production用のClient IDとClient Secretは .env.json に外出し
• https://github.com/shoito/typetalk-notifications/b...
Typetalk APIを使ったChrome拡張の開発ノウハウ
http://qiita.com/shoito/items/2a15b6a1d4ed8f08d8d8
http://about.me/shoito
Upcoming SlideShare
Loading in …5
×

Typetalk APIを使ったChrome拡張開発ノウハウ #1

1,056 views

Published on

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

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,056
On SlideShare
0
From Embeds
0
Number of Embeds
41
Actions
Shares
0
Downloads
2
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Typetalk APIを使ったChrome拡張開発ノウハウ #1

  1. 1. Typetalk APIを使った Chrome拡張開発ノウハウ #1 @shoito http://about.me/shoito Typetalk Hack Tokyo
  2. 2. Typetalk Notifications
  3. 3. ここにハマった http://developers.typetalk.in/oauth_ja.html
  4. 4. Chrome Identify API https://developer.chrome.com/extensions/app_identity
  5. 5. Chrome Identify API Redirect URI https:// <extension-id>.chromiumapp.org/<anything-here> https:// abcdefghijklmnopqrstuvwxyzabcdef.chromiumapp.org/ provider_cb
  6. 6. Extension ID • Chromeウェブストア公開用 • egjiljalbhkekpkkhfoehleeepecnnbo • 開発用(Chromeの数分) • Chrome on MacBook Air • bkojfgfhiecdpbhfoonakkbcpkglbnbn • Chrome on ...
  7. 7. Typetalkアプリケーション登録 https://typetalk.in/my/develop/applications
  8. 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. 9. Typetalk APIを使ったChrome拡張の開発ノウハウ http://qiita.com/shoito/items/2a15b6a1d4ed8f08d8d8 http://about.me/shoito

×