1. Data API 2.0 + AWS =
Jan 17, 2015
CMS どうでしょう - MT/WP 対決列島 札幌編 -
たかやま@Six Apart
2. YUJI TAKAYAMA
Six Apart, Ltd.
Senior Product Manager
Movable Type Lead Engineer
Twitter: @yuji
Facebook: Yuji Takayama
Github: yuji
Mail: ytakayama@sixapart.com
My Social
icon
3. Today’s Agenda
Movable Type Overview
Movable Type 知ってますか?
Movable Type Data API Overview
Movable Type Data API とはなんでしょう?
Why Movable Type offers API?
なぜ、Movable Type は API を提供しているのでしょう?
Introduce Data API v2.0
Movable Type Data API v2.0 を紹介
Movable Type for AWS + Data API
Data API を Movable Type for AWS で使う
9. Data API Features
REST / JSON API
特殊な処理を必要としない URL ベースの呼び出しと、結果は扱いやすい JSON 形式をサポート
MT Authentication and Role based permission
Movable Type が提供するロールベースのユーザー管理機能を利用した認証機能を提供
Pluggable / Extensible
Movable Type らしく拡張性も重視。プラグイン (Perl) によるエンドポイントの拡張、
コールバックを利用したフィルター処理、JSON 以外の出力形式を追加することも
JavaScript library available
JavaScript 用の開発ライブラリを標準提供。ブラウザの差異も吸収
10. Data API Case 1 - COACH UNITED
• トップページの記事一覧を Data API で
無限スクロール
• ページ遷移が必要ない
• 【利用者目線】気になる記事を探し
やすく
• 【制作者目線】ページ分割のための
再構築が不要 = 負荷が低減
http://coachunited.jp/
11. Data API Case 2 - ワンダードライビング
• エンドポイントを独自拡張
• Google Analytics と連携し、アクセス
数の多い記事をランキング表示
• 記事のサムネイルを生成
http://wonderdriving.com/
12. Data API Case 3 - Movable Type Writer
• 記事投稿ツール
• 生きているサンプル
• MovableType の管理画面を改造せずに、
ユーザーのニーズに併せる
• コンテンツに合わせて投稿画面をカス
タマイズしてしまう
• Google Chrome App
• AngularJS + Bootstrap3
15. The web of Things
“The Web of Things (WoT) is a set of software architectural styles and programming patterns that allow
real-world objects to be part of the World Wide Web. Similarly to what the Web (Application Layer) is to
the Internet (Network Layer), the Web of Things provides an Application Layer that simplifies the creation
of Internet of Things applications.
Rather than re-inventing completely new standards, the Web of Things reuses existing and well-known
Web standards used in the programmable Web (e.g, REST, HTTP, JSON), semantic Web (e.g., JSON-LD,
Microdata, etc.), the real-time Web (e.g, Websockets) and the social Web (e.g., oauth or social networks).”
— Wikipedia http://en.wikipedia.org/wiki/Web_of_Things —
16. Build web pages
Web pages
Mobile Applications
Templates
TV Watch
fridgeCar
Digital
Signage
Data API
<html>
Content
Data API
Any Devices
Other Services
17. Why Movable Type offers API? Because…
The Web of Things
PCやスマホだけにとどまらず、広がっていくウェブの世界
Mobile First, Content First
モバイル端末での閲覧に最適化。コンテンツを配信することで通信
を最適化
Dynamic Site
リッチな表現は必要に応じてフロント側で実現
Not Perl
Perl 以外の言語でも Movable Type を使える(JS ライブラリ提供)
21. Data API v2.0 Features
Create/read/update/delete every objects
ほぼすべてのオブジェクトについて、CRUDのエンドポイントをサポート
Restrict Data API access for each site
各サイト単位で Data API のアクセスを禁止することが可能に
Search entries across the each site
サイトを横断して記事の検索が可能に
Build index/archive template
インデックス・テンプレート、アーカイブテンプレートの再構築を実行可能に
Make a thumbnail for an asset
任意のサイズのサムネイル画像を作成可能に
25. Mobile Application x Data API x Website
Mobile Applications
Web Browser
Upload via Data API
Rebuild main index via Data API
Available at Data API v1.0 Available at Data API v2.0
Make thumbnail via
Data API
http://54.64.74.149/
User: Melody
Password: mel0dynels0n
26. Show Login Form
$('#login').click( function() {
location.href =
“http://path/to/mt-data-api.cgi/v2/authorization?
redirectUrl=“+ encodeURIComponent( window.location ) +
"&clientId=TestApp";
});
28. Get thumbnail
.done(function( data ) {
var url = “http://path/to/mt-data-api.cgi/v2/sites/1/
assets/" + data.id + "/thumbnail?width=200&square=1"
$.ajax({
url: url,
type: "GET",
dataType: 'json'
})
.done(function( data ) {
$('#result').append('<img src="' + data.url + '"
width="200">');
});
});
29. Rebuild main index file
var url = “http://path/to/mt-data-api.cgi/v2/sites/1/
templates/35/publish”;
$.ajax({
url: url,
type: "POST",
headers: {
'X-MT-Authorization': t
}
})
.done(function( data ) {
alert('Done!');
});
Template ID of
Main Index
Authentication
required
33. Movable Type for AWS - System diagram
Movable Type 6.0.6
Amazon Linux 2014.09
starman
0.4009
MySQL 5.5nginx 1.6.2
php-fpm
5.3.29
Perl 5.16.3
34. Why Movable Type offers API? Because…
All In One Package
Movable Type の起動に必要な環境をすべて用意済み
Free Tier Eligible
micro インスタンスは、ソフトウェア料が無料
7 days Free Trial
どのインスタンスでも、初期起動から7日間はソフトウェア料が無料
yum update movabletype
アップデートは yum コマンドで