日本製BaaS：appiaries を使ってみる。その５　寝太郎の江戸風呂。ね！

2024
04
25

[PR]

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

2024/04/25 (Thu.)

2013
08
31

日本製BaaS：appiaries を使ってみる。その５

今回は、日本製のBaaS：appiaries（アピアリーズ）のユーザー機能の使い方の第２弾です。

前回の記事「日本製BaaS：appiaries を使ってみる。その４」では、次の４点をappiaries（アピアリーズ）のユーザー機能のポイントとし、基本設定部分について説明しました。

コールバックURLを設定する。
JSONオブジェクトの作成権限を"SIGN IN"とする。
ページに認証ページへのリンクを設定する。
認証後の処理を記述する。
投稿ボタンを押したときの処理を記述する。

今回は、このうち３番目の「ページに認証ページへのリンクを設定する。」の部分についての話です。

ページに認証ページへのリンクを設定する。

appiaries（アピアリーズ）の登録ユーザーに限って、投稿できるというような設定にした場合、ユーザーが登録ユーザーなのかを判断しなければなりません。このためには、一度、ユーザーにappiaries（アピアリーズ）の認証を受けてもら必要があります。このためには、WEBページにappiaries（アピアリーズ）の認証ページへのリンクを設定します。

認証ページのURL

appiaries（アピアリーズ）の認証ページのURLは、次のようなものです。

https://api-oauth.appiaries.com/v1/auth
?response_type=token
&scope=nickname
&client_id=[client_id]
&redirect_uri=[redirect_uri]

appiaries（アピアリーズ）の OAuth API を用います。クエリーパラメータの概要は次のとおり。

respnpse_type

Implicit Grantでアクセストークンを取得する場合は「token」。 Authorization Grantで認可コードを取得する場合は「code」。

scope

取得するユーザー属性の範囲。指定がない場合は「userid」とみなされます。「gender」、「picture」、「country」などの個別の属性や、やや範囲の広い「profile」などを指定できます。

参照：「appiariesユーザー属性と認可スコープ」

client_id

「アプリ詳細」＞「OAuth情報」の欄に表示されているアプリ固有の「クライアントID」です。

redirect_uri

「アプリ詳細」＞「OAuth情報」の欄に追加した「リダイレクトURL」です。認証後、このパラメータで指定したURLにリダイレクトされます。

その他のパラメータ

コールバックURIに引き継ぐデータは「state」パラメータを使います。

「OAuthによるサインイン処理」
「Implicit Grantでアクセストークンを取得する」

「appiary_1_O_1.js」を用いた認証ページへのリンク設定

「お試しアピアリーズ・ユーザー投稿掲示板」では、「お試しアピアリーズ appiary_1_0_1_js」を使って、appiaries（アピアリーズ）の認証ページへのリンクを設定しています。その手順の概略を示します。

HTMLでのリンク箇所

HTMLで、認証ページへのリンクを作成したい箇所にアンカーを設定しておきます。

<a id="login">Login</a>

Appiary オブジェクトの生成

「appiary.1.0.1.js」では、Appiary オブジェクトを作成して、そのプロパティ、メソッドを利用します。

  var appiary = new Appiary(
       '_sandbox',
       '[アプリID]',
       '[アプリトークン]',
       '[クライアントID]',
       '[スコープ]'
      );

ログイン有無の判定

Appiary オブジェクトでは、ユーザーがログインしている場合には、「store_token」に値が入るようにしています。したがって、この真偽によってユーザーがログインしているか判断できます。

var login = document.querySelector('#login');
if(appiary.store_token){
   //ログインしている場合の処理
   //略
}else{
   //ログインしてない場合の処理
    login.setAttribute(
　　　'href',
     appiary.oauth_url
     +'&redirect_uri='+location.href
    );
   //略
}