<!DOCTYPE html><html><head><metacharset="UTF-8"/><title>MT DATA API でプレビュー</title><scriptsrc="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script></head><body><formid="login_form"action=""onsubmit=""><p><label>ユーザーアカウント : </label><inputtype="text"id="user"/></p><p><label>Webサービスパスワード : </label><inputtype="password"id="pass"/></p><p><label>エントリーID : </label><inputtype="number"id="eid"value="1"/><p><p><inputtype="button"id="login"value="ログイン"/></p></form><divid="result"></div><script>// Data API Auth plugin(function($){$.fn.mt_auth=function(options){vardataset={user:'melody',password:'',clientId:'test',ap_url:'/PATH TO MT DATA API CGI/v3/authentication',};varsetting=$.extend(dataset,options);$.ajax({url:dataset.ap_url,type:"POST",dataType:"json",data:{username:setting.user,password:setting.password,clientId:setting.clientId,}}).done(function(data){$('#result').text(data.sessionId);});// console.log(setting);returnthis;};})(jQuery);(function($){$('#login').click(function(){$.fn.mt_auth({user:$("#user").val(),password:$("#pass").val()});});$("#result").click(function(){get_entry(this)});})(jQuery);functionget_entry(val){if(!val)return;varsessionId="MTAuth sessionId="+jQuery(val).text();vareid=$("#eid").val()||"1";jQuery.ajax({url:"/PATH TO MT DATA API CGI/v3/token",type:"POST",dataType:"json",headers:{'X-MT-Authorization':sessionId}}).done(function(data){$("#login").attr("disable",true);varaccessToken="MTAuth accessToken="+data.accessToken;jQuery.ajax({url:"/PATH TO MT DATA API CGI/v3/sites/1/entries/"+eid+"/preview",type:"POST",dataType:"json",data:{entry:'{}'},headers:{'X-MT-Authorization':accessToken}}).done(function(entry){window.open(entry.preview);})});}</script></body></html>
Comments (1)
markdiary
/PATH TO MT DATA API CGI/ には、 mt-data-api.cgi までのパス
Webサービスパスワードは、 Movable Type ユーザーの編集画面の Webのサービスパスワード
submit 後、フォーム下にセッションIDが表示されるので、クリックしますと、フォームのエントリーIDの記事のプレビューのウィンドウを開きます。 フォームの Validation と、Ajaxのエラー処理は省いています。