LineSDKを使用してLINEログインを簡単に実装するためのcordovaプラグイン。
機能はログインのみで、使用しているLineSDKのバージョンは以下のとおり。
iOS:4.1.0
Android:4.0.8
組み込みまでの流れは以下の通り
「LINE BUSINESS CENTER」からLINEログインに対応したビジネスアカウントを作成。Application TypeはNATIVE_APPを選択。
- 「LINE DEVELOPERS」より「iOS Bundle ID」「iOS Scheme」を設定。
- 当プラグインをインストール。
- xcodeの「Capabilities」より「Keychain Sharing」をONに設定。
- プログラムの実装
例)
iOS Bundle ID : com.example.sample
iOS Scheme : line3rdp.com.example.sample
- 「LINE DEVELOPERS」より「Android Package Name」「Android Package Signature」「Android Scheme」を設定。
- 当プラグインをインストール。
- プログラムの実装
例)
Android Package Name : com.example.sample
Android Package Signature : 11:22:33:44:55:66:77:88:99:aa:bb:cc:dd:ee:ff:gg:hh:ii:jj:kk
Android Scheme : com.example.sample://
cordova plugin add https://github.com/nrikiji/cordova-line-login-plugin.git --variable LINE_CHANNEL_ID={your_line_channel_id}
- iOS
- Android
ionicでの使用例
angular.module('starter', ['ionic'])
.run(function($ionicPlatform) {
・・・
// initialize
lineLogin.initialize({channel_id: "your_chanel_id"});
})
.controller("LineCtrl", function($scope) {
$scope.onLineLogin = function() {
// login...
lineLogin.login({},
function(result) {
console.log(result); // {userID:12345, displayName:'user name', pictureURL:'thumbnail url'}
}, function(error) {
console.log(error);
});
}
$scope.onLineLogout = function() {
// logout...
lineLogin.logout(
function(result) {
console.log(result);
}, function(error) {
console.log(error);
});
}
$scope.onLineGetAccessToken = function() {
// get access token
lineLogin.getAccessToken(
function(accessToken) {
// success
}, function() {
// failed
});
}
$scope.onLineVerifyAccessToken = function() {
// verify current access token
lineLogin.verifyAccessToken(
function() {
// success
}, function() {
// failed
});
}
$scope.onLineRefreshAccessToken = function() {
// refresh access token
lineLogin.verifyAccessToken(
function(accessToken) {
// success
}, function() {
// failed
});
}
});