Mastodon API を使ってみる

    https://サーバー名/api/v1/statuses/投稿ID

	var xmlHttpRequest=new XMLHttpRequest();
	xmlHttpRequest.addEventListener("load",function(event) {
		// xmlHttpRequest.responseにレスポンスが入っています
	},false);
	xmlHttpRequest.responseType="json";
	xmlHttpRequest.open("GET","https://サーバー名/api/v1/timelines/home");
	xmlHttpRequest.setRequestHeader("Authorization","Bearer アクセストークン");
	xmlHttpRequest.send();

	var xmlHttpRequest=new XMLHttpRequest();
	xmlHttpRequest.addEventListener("load",function(event) {
		// xmlHttpRequest.responseにレスポンスが入っています
	},false);
	xmlHttpRequest.responseType="json";
	xmlHttpRequest.open("POST","https://mstdn.jp/api/v1/statuses?access_token=アクセストークン");
	xmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
	xmlHttpRequest.send("status="+encodeURIComponent("テスト")+"&visibility=unlisted");
	// file:///以下から試すと422エラーになるので注意

	xmlHttpRequest.addEventListener("load",function(event) {
		// xmlHttpRequest.responseにレスポンスが入っています
		
		// xmlHttpRequest.getResponseHeader("Link")にページング情報
		var links=xmlHttpRequest.getResponseHeader("Link").split(/, /);
		var pagination={};
		for (var i=0;i<=links.length-1;i++)
		{
			var parsed=links[i].match(/<([^>]+)>; rel="([^"]+)"/);
			pagination[parsed[2]]=parsed[1];
		}
		// 次ページを開くなら pagination.next
		// 前ページを開くなら pagination.prev
	},false);

	var xmlHttpRequest=new XMLHttpRequest();
	var lastResponse="";
	var data="";
	xmlHttpRequest.addEventListener("progress",function(event) {
		// chunk=今回受信した断片
		var chunk=xmlHttpRequest.response.substring(lastResponse.length);
		lastResponse=xmlHttpRequest.response;
		
		// data=まだ処理してない断片 (改行まで受信してるとは限らない)
		data=data+chunk;
		
		// 空行をスキップ
		data=data.replace(/^\n/gm,"");
		
		// タイムアウトで切断されないようにするためのダミーデータをスキップ
		data=data.replace(/^:(.*)\n/gm,"");
		
		var content;
		do {
			content=data.match(/^event: (.*)\ndata: (.*)\n([\s\S]*)$/);
			if (content!=null)
			{
				var event=content[1];
				var payload=(content[2]!="undefined" ? JSON.parse(content[2]) : null);
				
				// event(イベント名), payload(データ内容)で処理をする
				
				data=content[3];
			}
		} while (content!=null);
	},false);
	xmlHttpRequest.open("GET","https://mstdn.jp/api/v1/streaming/public/local");
	xmlHttpRequest.send(null);

	// instanceInfoには /api/v1/instance のレスポンスを入れておく
	
	var socket=new WebSocket(instanceInfo.urls.streaming_api+"/api/v1/streaming/?stream=public:local");
	socket.addEventListener("message",function(event) {
		var data=JSON.parse(event.data);
		
		var event=data.event;
		var payload=data.payload;
		if (event=="update" || event=="notification")
		{
			payload=JSON.parse(data.payload);
		}
		
		// event, payloadで処理をする
	},false);

	var socket=new WebSocket(instanceInfo.urls.streaming_api+"/api/v1/streaming");
	socket.addEventListener("message",function(event) {
		var data=JSON.parse(event.data);
		
		var stream=data.stream;
		// event, payloadの扱いは変更なし
		
		if (stream[0]=="public")
		{
			// 連合タイムラインの場合
		}
	},false);
	
	// 受け取るStreamingに連合タイムラインを追加
	socket.send(JSON.stringify({ "type": "subscribe", "stream": "public" }));

	// Service Workerを登録しておく
	navigator.serviceWorker.register("serviceWorker.js");
	// Notification APIの利用許可を得ておく
	Notification.requestPermission(function(permission) { ... });
	
	function encodeBase64(buffer)
	{
		return window.btoa(
		    String.fromCharCode.apply(null,new Uint8Array(buffer)))
		    .replace(/\+/g,"-").replace(/\//g,"_").replace(/=+$/,"");
	}
	function decodeBase64(string)
	{
		return new Uint8Array([].map.call(
		    window.atob((string+"=".repeat((4-string.length%4)%4))
		    .replace(/\-/g,"+").replace(/_/g,"/")),
		    function(c) { return c.charCodeAt(0) }));
	}
	
	navigator.serviceWorker.ready.then(function(registration) {
		registration.pushManager.subscribe({
			userVisibleOnly: true,
			applicationServerKey: decodeBase64("VAPID公開鍵"),
		}).then(function(subscription) {
			var endpoint=subscription.endpoint;
			var publicKey=encodeBase64(subscription.getKey("p256dh"));
			var authSecret=encodeBase64(subscription.getKey("auth"));
			
			var xmlHttpRequest=new XMLHttpRequest();
			xmlHttpRequest.open("POST","https://サーバー名/api/v1/push/subscription?access_token=アクセストークン");
			xmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
			xmlHttpRequest.send(
			    "subscription[endpoint]="+endpoint+
			    "&subscription[keys][p256dh]="+publicKey+
			    "&subscription[keys][auth]="+authSecret+
			    "&data[alerts][follow]=true&data[alerts][favourite]=true"+
			    "&data[alerts][reblog]=true&data[alerts][mention]=true");
		});
	});

	// serviceWorker.jsの中身
	self.addEventListener("push",function(event) {
		var data=event.data.json();
		
		// data.notification_typeには"favourite"など通知の種類
		return event.waitUntil(
			self.registration.showNotification(
				data.title,			// 通知内容の文章
				{
					icon: data.icon,
					body: data.body,		// 対象の投稿など
				}
			)
		);
	});

1. サーバーにアプリ情報を登録してクライアントキー・クライアントシークレットを得る
2. 「あなたのアカウントへのアクセスを要求しています。」画面を出して、ユーザーに承認してもらう
3. 承認情報を元にアクセストークンを得る

	var clientId,clientSecret;
	
	var xmlHttpRequest=new XMLHttpRequest();
	xmlHttpRequest.addEventListener("load",function(event) {
		clientId    =xmlHttpRequest.response.client_id;		// クライアントキー
		clientSecret=xmlHttpRequest.response.client_secret;	// クライアントシークレット
		
		// 次のステップへ
	},false);
	xmlHttpRequest.responseType="json";
	xmlHttpRequest.open("POST","https://サーバー名/api/v1/apps");
	xmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
	xmlHttpRequest.send("client_name="+encodeURIComponent("アプリ名")+
	    "&redirect_uris=リダイレクト先"+
	    "&scopes="+encodeURIComponent(["read","write"].join(" ")));
	// file:///以下から試すと422エラーになるので注意

    https://サーバー名/oauth/authorize?client_id=クライアントキー&scope=許可される操作&response_type=code&redirect_uri=リダイレクト先

    リダイレクト先?code=code&scope=許可される操作

	var accessToken;
	
	var xmlHttpRequest=new XMLHttpRequest();
	xmlHttpRequest.addEventListener("load",function(event) {
		accessToken=xmlHttpRequest.response.access_token;	// アクセストークン
	},false);
	xmlHttpRequest.responseType="json";
	xmlHttpRequest.open("POST","https://サーバー名/oauth/token");
	xmlHttpRequest.setRequestHeader("Content-Type","application/x-www-form-urlencoded; charset=UTF-8");
	xmlHttpRequest.send("client_id="+clientId+"&client_secret="+clientSecret+
	    "&redirect_uri=リダイレクト先"+
	    "&grant_type=authorization_code"+
	    "&code="+code);

    https://mstdn.jp/api/v2/search?q=https%3A%2F%2Fサーバー名%2F%40ユーザー名%2F投稿ID&resolve=true (投稿IDを探す)
    https://mstdn.jp/api/v1/accounts/search?q=ユーザー名%40サーバー名&resolve=true (アカウントIDを探す)
    https://mstdn.jp/api/v1/accounts/lookup?acct=ユーザー名%40サーバー名 (サーバー上に既にIDがあるアカウントIDを探す) (Mastodon3.4〜)

    x-ratelimit-limit: 300
    x-ratelimit-remaining: 299
    x-ratelimit-reset: 2018-08-30T02:40:00.363679Z

    https://サーバー名/users/ユーザー名.json (アカウント情報)
    https://サーバー名/users/ユーザー名/following.json?page=1 (フォロー情報)
    https://サーバー名/users/ユーザー名/followers.json?page=1 (フォロワー情報)
    https://サーバー名/users/ユーザー名/outbox?page=true (タイムライン情報)
    https://サーバー名/users/ユーザー名/collections/featured (固定された投稿)
    https://サーバー名/users/ユーザー名/collections/tags (注目のハッシュタグ)
    https://サーバー名/users/ユーザー名/statuses/投稿ID.json (投稿情報)
    https://サーバー名/tags/ハッシュタグ(#は含まない).json (ハッシュタグ検索結果情報)

    https://サーバー名/.well-known/host-meta
    https://サーバー名/.well-known/webfinger?resource=https://サーバー名/@ユーザー名 (現行のMastodonの指定先)
    https://サーバー名/.well-known/webfinger?resource=acct:ユーザー名@サーバー名 (現行のMastodonの指定先)

    https://サーバー名/.well-known/nodeinfo
    https://サーバー名/nodeinfo/2.0 (現行のMastodonの指定先)

    GET /api/v1/pleroma/statuses/:id/reactions (投稿に付いた絵文字リアクション一覧)
    GET /api/v1/pleroma/statuses/:id/reactions/:emoji (投稿に付いた指定の絵文字リアクションの一覧)
    PUT /api/v1/pleroma/statuses/:id/reactions/:emoji (追加)
    DELETE /api/v1/pleroma/statuses/:id/reactions/:emoji (削除)

    GET /api/v1/statuses/:id/emoji_reactioned_by (投稿に付いた絵文字リアクションの一覧)
    PUT /api/v1/statuses/:id/emoji_reactions/:emoji (追加)
    DELETE /api/v1/statuses/:id/emoji_reactions/:emoji (削除)
    POST /api/v1/statuses/:id/emoji_unreaction (一括削除)
    GET /api/v1/emoji_reactions (自分が絵文字リアクションを付けた投稿一覧)

    POST /api/v1/statuses/:id/react/:emoji (追加)
    POST /api/v1/statuses/:id/unreact/:emoji (削除)

    PUT /api/v1/statuses/:id/emoji_reactions/:emoji (追加)

    POST /api/v1/statuses/:id/emoji_reactions (一括追加)

    GET /api/v1/pleroma/statuses/:id/quotes

    GET /api/v1/statuses/:id/referred_by

    https://サーバー名/users/ユーザー名.rss (投稿)
    https://サーバー名/users/ユーザー名/with_replies.rss (投稿と返信)
    https://サーバー名/users/ユーザー名/media.rss (メディア付き投稿のみ)
    https://サーバー名/users/ユーザー名/tagged/ハッシュタグ(#は含まない).rss (注目のハッシュタグ)
    https://サーバー名/tags/ハッシュタグ(#は含まない).rss (ハッシュタグタイムライン)

    https://サーバー名/api/oembed.json?url=埋め込みたいページのURL

    web+mastodon://share?text=投稿本文 (シェア)
    web+mastodon://follow?uri=ユーザー名@サーバー名 (フォロー)

    https://サーバー名/share?text=投稿本文 (シェア)
    https://サーバー名/authorize_interaction?uri=ユーザー名@サーバー名 (フォロー)
    https://サーバー名/interact/投稿ID?type=reply (返信) (〜Mastodon3.5)
    https://サーバー名/interact/投稿ID?type=reblog (ブースト) (〜Mastodon3.5)
    https://サーバー名/interact/投稿ID?type=favourite (いいね) (〜Mastodon3.5)
    https://サーバー名/@ユーザー名@ユーザーのサーバー名/投稿ID (投稿への各操作) (Mastodon4.0〜)

    navigator.share({ url: 共有したいURL });