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」のステータスを「公開済み」に変更してから公開しましょう。

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

Webデザイン

【iOS/Android対応】起動画面ロゴアニメーションをAfter Effectsで作成→Lottieに変換

こちらは、当社でリリースしたアプリ「ピンピタ」で使用しているロゴアニメーションです。スプラッシュ画面でロゴが動くと、ぐっとアプリらしい印象になりますし、作ってみたいですよね。今回は、After Effects（以降AE）でロゴアニメーションを作成し、アプリに組み込むまでをご紹介します。 AEと聞くと難しい印象がありますが、PremiereやFlashなどを触った経験がある方なら、すぐに慣れます。もう一度再生目次1 作業フロー1.1 注意点：グラデーションが使用不可2 […]

2025年9月19日

マークアップ

コーポレートサイトのアクセシビリティ、どこまで対応すべき？

コーポレートサイトにおける。重要だと分かっていても、コーポレートサイトにどこまで反映すべきかは悩みどころではないですか？今回は、現実的に取り組みやすい部分と、対応が難しい部分を整理してご紹介します。一概にこれが正解、というわけではありませんが、悩んでいる方の参考になればと思います。目次1 コーポレートサイトでの達成基準は？2 比較的対応しやすい部分2.1 画像に代替テキストを設定する2.2 見出し構造の整理（h1～h6の適切な使用）をする2.3 色や形だけに依存しない […]

2025年9月16日

Webサイト制作

はじめてのShraePoint 実践的活用事例3選【業務効率化・DX】

目次1 SharePointとは？1.1 高い機密性が特長2 SharePointの活用法2.1 1.社内マニュアルや手順書を整備する2.2 2.営業資料や契約書の保管と共有に活用する2.3 3.情報の回覧やアンケート、意見収集の場として活用3 SharePointで作成したポータルサイト4 まとめ5 8bit公式 YouTube Channelのご紹介 SharePointとは？ SharePointはMicrosoftが提供する情報共有サービスです。WordやExcel、 […]

2025年9月10日

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

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

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

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

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

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

初期設定を定数にする

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

コールバック時の処理

最後に

関連記事

【iOS/Android対応】起動画面ロゴアニメーションをAfter Effectsで作成→Lottieに変換

コーポレートサイトのアクセシビリティ、どこまで対応すべき？

はじめてのShraePoint 実践的活用事例3選【業務効率化・DX】