2024年3月18日

松本

【PHP】ソーシャルログインに対応したお話（LINEログイン編） ②

facebook
twitter

前回はLINE Developersでチャネル登録までを行いました。

今回は実際にPHPでログインを実装していきます。

1 初期設定を定数にする
2 LINE ログインのURLを作成する
3 コールバック時の処理
4 最後に

初期設定を定数にする

最初にdefineでチャネル登録した情報やAPIのURLを定義します。

<?php
    define("LINE_CLIENT_ID", "{LINE Developresに表示されているチャネルID}");
    define("LINE_CLIENT_SECRET", "{LINE Developresに表示されているチャネルシークレット}");
    define("LINE_REDIRECT_URI", "{LINEログイン設定に設定したコールバックURL}");
    define("LINE_ACCESS_URI", "https://access.line.me/oauth2/v2.1");
    define("LINE_API_URI", "https://api.line.me/oauth2/v2.1");
    define("LINE_SCOPE", "profile openid");

<?php

define("LINE_CLIENT_ID", "{LINE Developresに表示されているチャネルID}");

define("LINE_CLIENT_SECRET", "{LINE Developresに表示されているチャネルシークレット}");

define("LINE_REDIRECT_URI", "{LINEログイン設定に設定したコールバックURL}");

define("LINE_ACCESS_URI", "https://access.line.me/oauth2/v2.1");

define("LINE_API_URI", "https://api.line.me/oauth2/v2.1");

define("LINE_SCOPE", "profile openid");

メールアドレスを取得したい場合はLINE_SCOPEに「email」を追記してください。

LINE ログインのURLを作成する

LINEログインに利用するログインURLを作成します。

    $base_url = LINE_ACCESS_URI."/authorize";
    $client_id = LINE_CLIENT_ID;
    $redirect_uri = LINE_REDIRECT_URI;
    $_SESSION['_line_state'] = sha1(time());
    $_SESSION['line_cmd'] = "sign up";

    $query = "";
    $query .= "response_type=" . urlencode("code") . "&";
    $query .= "client_id=" . urlencode($client_id) . "&";
    $query .= "redirect_uri=" . urlencode($redirect_uri) . "&";
    $query .= "state=" . urlencode($_SESSION['_line_state']) . "&";
    $query .= "scope=" . urlencode(LINE_SCOPE) . "&";

    $url = $base_url . '?' . $query;

$base_url = LINE_ACCESS_URI."/authorize";

$client_id = LINE_CLIENT_ID;

$redirect_uri = LINE_REDIRECT_URI;

$_SESSION['_line_state'] = sha1(time());

$_SESSION['line_cmd'] = "sign up";

$query = "";

$query .= "response_type=" . urlencode("code") . "&";

$query .= "client_id=" . urlencode($client_id) . "&";

$query .= "redirect_uri=" . urlencode($redirect_uri) . "&";

$query .= "state=" . urlencode($_SESSION['_line_state']) . "&";

$query .= "scope=" . urlencode(LINE_SCOPE) . "&";

$url = $base_url . '?' . $query;

これでURLができたのでこのURLに遷移するようにします。
$_SESSION[‘_line_state’]は符号のようなもので、実際にこのサイトから遷移したかどうか判断します。

コールバック時の処理

LINEログインに成功すると設定したコールバックURLにGETパラメータとともに遷移されるので、GETパラメータを解析します。

<?php

    $code = $_GET['code'] ?? "";
    $state = $_GET['state'] ?? "";

    // パラメータがあるかどうか
    if($code == "" || $state == ""){
        header('Location: ./');
        exit;    
    }

    $session_state = $_SESSION['_line_state'];
    unset($_SESSION['_line_state']);
    // stateの確認
    if ($session_state !== $state) {
        header('Location: ./');
        exit;    
    }

    // POSTパラメータの作成
    $query = http_build_query([
        "grant_type" => "authorization_code",
        "code" => $code,
        "redirect_uri" => $redirect_uri,
        "client_id" => $client_id,
        "client_secret" => $client_secret
    ]);        
    
    // HTTPリクエストを初期化
    $ch = curl_init();

    // curlオプションを設定
    curl_setopt($ch, CURLOPT_URL, $url);
    curl_setopt($ch, CURLOPT_POST, true);
    curl_setopt($ch, CURLOPT_POSTFIELDS, $query);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);
    curl_setopt($ch, CURLOPT_HTTPHEADER, [
        "Content-Type: application/x-www-form-urlencoded",
        "Content-Length: " . strlen($query)
    ]);

    // HTTPリクエストを実行してレスポンスを取得
    $res_json = curl_exec($ch);

    // エラーがあれば表示
    if (curl_errno($ch)) {
        echo 'Curl error: ' . curl_error($ch);
        exit;
    }

    // 取得したjsonデータをオブジェクト化
    $res = json_decode($res_json);
    $access_token = $res->access_token;
    $refresh_token = $res->refresh_token;
    $id_token = $res->id_token;


    // エラーを取得
    if (isset($res->error)) {
        echo 'ログインエラーが発生しました。<br />';
        echo "error: " . $res->error . '<br />';
        echo $res->error_description;
        exit;
    }

    //id_token(JWT)を分解
    $val = explode(".", $id_token);

    //2番目がデータ部分(PAYLOAD)なのでbase64でデコード
    $data_json = base64_decode($val[1]);
    //bsae64でデコードしたjsonをオブジェクト化
    $data = json_decode($data_json);

    echo "userId:".$data->sub."<br />";
    echo "name:".$data->name."<br />";
    echo "picture:".$data->picture."<br />";

<?php

$code = $_GET['code'] ?? "";

$state = $_GET['state'] ?? "";

// パラメータがあるかどうか

if($code == "" || $state == ""){

header('Location: ./');

exit;

}

$session_state = $_SESSION['_line_state'];

unset($_SESSION['_line_state']);

// stateの確認

if ($session_state !== $state) {

header('Location: ./');

exit;

}

// POSTパラメータの作成

$query = http_build_query([

"grant_type" => "authorization_code",

"code" => $code,

"redirect_uri" => $redirect_uri,

"client_id" => $client_id,

"client_secret" => $client_secret

]);

// HTTPリクエストを初期化

$ch = curl_init();

// curlオプションを設定

curl_setopt($ch, CURLOPT_URL, $url);

curl_setopt($ch, CURLOPT_POST, true);

curl_setopt($ch, CURLOPT_POSTFIELDS, $query);

curl_setopt($ch, CURLOPT_RETURNTRANSFER, true);

curl_setopt($ch, CURLOPT_HTTPHEADER, [

"Content-Type: application/x-www-form-urlencoded",

"Content-Length: " . strlen($query)

]);

// HTTPリクエストを実行してレスポンスを取得

$res_json = curl_exec($ch);

// エラーがあれば表示

if (curl_errno($ch)) {

echo 'Curl error: ' . curl_error($ch);

exit;

}

// 取得したjsonデータをオブジェクト化

$res = json_decode($res_json);

$access_token = $res->access_token;

$refresh_token = $res->refresh_token;

$id_token = $res->id_token;

// エラーを取得

if (isset($res->error)) {

echo 'ログインエラーが発生しました。 ';

echo "error: " . $res->error . ' ';

echo $res->error_description;

exit;

}

//id_token(JWT)を分解

$val = explode(".", $id_token);

//2番目がデータ部分(PAYLOAD)なのでbase64でデコード

$data_json = base64_decode($val[1]);

//bsae64でデコードしたjsonをオブジェクト化

$data = json_decode($data_json);

echo "userId:".$data->sub." ";

echo "name:".$data->name." ";

echo "picture:".$data->picture." ";

$data->sub が一意のIDになるので、これを取得して保存しましょう。
メールアドレスは「メールアドレス取得権限」の申請が通れば取得できます。

最後に

公開時は「Line Developers」のステータスを「公開済み」に変更してから公開しましょう。

執筆者：松本[ エンジニア ]

プログラミング

【phpdotenv】PHPで環境変数を取り扱うお話

PHPでサーバーの環境ごとに設定ファイルを用意する場合、config.phpなどのファイルにデータベースの接続情報やAPIのキーなどをdefineで登録すると思います。これは昔からある一般的なやり方ですが、例えば「ローカル環境やテスト環境と本番環境で情報を出し分けたい」「GitHubやSubversionなどに接続情報を管理されたくない」ということがあるかと思います。 Linuxの場合は「.env」でユーザーごとの情報をあらかじめ設定することが可能ですが、PHPだとデフォル […]

2024年4月18日

Webサービス

【CAPTCHA系】reCAPTCHAの代替サービスを紹介するお話

みなさん、reCAPTCHAを使ってますか？ CAPTCHAと呼ばれる機能は問い合わせフォームやログインフォームなどいわゆるbot系対策として有効で、その中でもreCAPTCHAは無料かつ簡単に導入できるたため、様々な場所で使われてます。目次1 2024年4月から実質有料化？2 他にないのだろうか？3 アカウントを作る4 PHPでの実装5 最後に 2024年4月から実質有料化？しかし、2024年4月から今まで100万リクエストまで無料だったのが、1アカウント合計1万リクエ […]

2024年4月18日

Webサイト制作

Webアクセシビリティの基本を学ぼう！

近年Webサイト制作時に求められる『Webアクセシビリティ』。正直なんだかよくわからない、ややこしそうだなあと思う方も多いと思います。自分も勉強中ではありますが、今回は対応しやすそうな内容をなるべくわかりやすくまとめてみました。一緒にWebアクセシビリティについて学んでいきましょう。目次1 そもそもWebアクセシビリティってなに？2 基本的な対応内容2.1 色のコントラストをはっきりさせよう2.2 文字サイズを変更できるようにしよう2.3 できるだけテキストベースを心 […]

2024年4月3日

株式会社8bit (エイトビット)

東京都目黒区でWebサイト制作、Webシステム開発などを行っております。
コーポレートサイトやWebサービスの企画・提案を得意としており、自社での経験を元にアイデアをカタチにするお手伝いをさせていただいております。

Web制作に関するご相談はお気軽にどうぞ

弊社に制作をご依頼いただく際の費用感をご確認いただける、
見積りシミュレーションをご用意いたしました。

Web制作、Webサービスに関する技術やノウハウを発信するコラムサイト

【PHP】ソーシャルログインに対応したお話（LINEログイン編） ②

初期設定を定数にする

LINE ログインのURLを作成する

コールバック時の処理

最後に

関連記事

【phpdotenv】PHPで環境変数を取り扱うお話

【CAPTCHA系】reCAPTCHAの代替サービスを紹介するお話

Webアクセシビリティの基本を学ぼう！