kanonymtさんのブログ -4ページ目

kanonymtさんのブログ

ブログの説明を入力します。

■1.2


partiea4のブログ

(続きです)

上記画面の一番下の文言

If you do not already have an application ID you can get one here.
(その前に事前にアプリを登録してIDを取得する必要があるとのことで、hereのリンクをクリック)



partiea4のブログ

登録画面が開くので、
とりあえず必須事項のみを入れて登録
・Application Name:アプリ名
・Organization :組織名
・Website:アプリのurl
・Support Email:メールアドレス




partiea4のブログ

画面が変わり

Consumer key
Consumer secret
が発行される


appIdとConsumer keyは同義の模様
yam.config({appId: "YOUR-APP-ID"});
のYOUR-APP-IDには
この発行されたConsumer keyを埋める


twitterのAPI関連はサイトも書籍いっぱいあるが、
Yammerに関してはJavascriptに限らず、
(日本語サイトはもとより、海外サイトでも)
実際に動くサンプルや解説が少ない。


YammerAPI(TwitterAPIのような同系統のものも含め)、及びOAUTHは全く初、
Javascriptもたまにいじる程度の
(しかも生書きのため、jqueryなどを用いた記述も全く慣れていない)、
自分のような万年初心者をはじめ、
他の方も、つまづかないように、ここにリマインドをします。


ここでいっぱいつまづいて(^_^;)、他の方の一助となれば。

多分、リアルタイムで詰まったりすると思いますので、
経験者や明るい方より、ご助言頂けますと幸いですm(_ _)m。


行いたいこと
・WebアプリサービスのインラインにYammerの投稿の表示
および投稿
※Webアプリのサーバー側に環境を追加できないため
クライアントサイドのjavascriptで実現したい



ひとまず本家サイトのJavascriptのAPIのページを順に確認する
http://developer.yammer.com/api/js.html

■1.1■INTRODUCTION
To start using the API embed the following snippet in your HTML
(まずはhtmlに下記コードを埋めて、yam.jsを読み込む必要がある模様)

テスト用にWEBアプリのルートにyammer.htmlを作成して、
下記コードを埋め込む
<script src="https://assets.yammer.com/platform/yam.js"></script >
<script>
yam.config({appId: "YOUR-APP-ID"});
</script>



partiea4のブログ

yam.jsを直にダウンロードしてみると
20行ほどのもの
整形されていないソースなのでそのままでは読みにくい。。。。
(整形してもなかなか頭がついていかニャイ…)