ニフクラ mobile backend(mBaaS)お役立ちブログ

スマホアプリ開発にニフクラ mobile backend(mBaaS)。アプリ開発に役立つ情報をおとどけ!

KotlinでNCMBを使う:会員登録/ログインを使う

f:id:mbaasdevrel:20181224100215p:plain

AndroidではJavaの他、Kotlinも公式言語としてサポートされています。KotlinはJVM上で動作する静的な型付け言語で、言語体系がSwiftに似ています。そのため、Swiftに慣れた開発者であればすぐに習得できるかと思います(似ているので逆に戸惑う部分もあるのですが)。

今回はAndroid Studio 3系を使い、KotlinでNCMBを利用する方法を解説します。今回は会員登録とログイン処理についてです。

Android Studioでプロジェクトを作成する

Android Studio 3系からKotlinプラグインをインストールせずにKotlinプロジェクトを作成できるようになりました。まずは新しいプロジェクトを作成します。

f:id:mbaasdevrel:20181207094347p:plain

新しいプロジェクトを作成する際にInclude Kotlin Supportをチェックします。これでKotlinベースのコードが生成されます。

f:id:mbaasdevrel:20181207094507p:plain

他はデフォルトのままです。Phone and Tabletを対象にし、 APIはある程度新しいもの(今回は23)を選択します。

f:id:mbaasdevrel:20181207094525p:plainf:id:mbaasdevrel:20181207094525p:plain

さらにベースは何もなし、Empty Activityを選択します。

f:id:mbaasdevrel:20181207094536p:plain

Activity NameはMainActivity、Layout Nameはactivity_mainというのもデフォルトのままです。

f:id:mbaasdevrel:20181207094555p:plain

NCMBを追加する

プロジェクトが作成されたらファイルツリーを右クリックして、Open Module Settingsを選択します。

f:id:mbaasdevrel:20181207094605p:plain

開いたウィンドウで、上にあるプラスアイコンをクリックします。

f:id:mbaasdevrel:20181207094652p:plain

そしてImport .JAR/.AAR Packageを選択します。

f:id:mbaasdevrel:20181207094710p:plain

次のダイアログでNCMB.jarを選択します。NCMB.jarはこちらからダウンロードし、解凍します。

f:id:mbaasdevrel:20181207094721p:plain

追加すると、左側のメニューでappの下にNCMBが追加されます。ついでDependenciesをクリックします。

f:id:mbaasdevrel:20181207094843p:plain

下にあるプラスアイコンをクリックし、Module dependencyを選択します。

f:id:mbaasdevrel:20181207094859p:plain

モジュールの選択でNCMBを選びます。

f:id:mbaasdevrel:20181207094908p:plain

一覧にNCMBが追加されたら完了です。

f:id:mbaasdevrel:20181207094941p:plain

セキュリティ設定を変更する

AndroidManifest.xml を開いて設定を追加します。これはインターネット接続を用いる設定です。

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
    package="jp.moongift.ncmbupdatedatastore">
    <!-- 以下の uses-permission を追加 -->
    <uses-permission android:name="android.permission.INTERNET" />
    <application
      :
    />
</manifest>

これで準備完了です。

SDKをインポートする

まずNCMBを利用する画面のKotlinファイルを開きます。今回は MainActivity.kt を編集します。今回は基礎になる NCMB クラスと、データストアで用いる NCMBObject クラスを読み込んでいます。

import com.nifcloud.mbaas.core.*

コードの解説

そして override fun onCreate の内容を編集します。なお、今回は BuildConfig を使ってキーをコードから分離しています。処理としては画面上に配置した二つのボタンに対して会員登録とログイン用のイベントを設定しています。

override fun onCreate(savedInstanceState: Bundle?) {
    super.onCreate(savedInstanceState)
    setContentView(R.layout.activity_main)
    NCMB.initialize(applicationContext, BuildConfig.APPLICATION_KEY, BuildConfig.CLIENT_KEY)

    // 会員登録処理用のボタン
    var btnSignUp : Button = findViewById(R.id.signUp)
    btnSignUp.setOnClickListener {
        this.signUp()
    }

    // ログイン用のボタン
    var btnSignIn : Button = findViewById(R.id.signIn)
    btnSignIn.setOnClickListener {
        this.signIn()
    }
}

会員登録処理

会員登録処理は画面上のユーザ名(userName)とパスワード(password)に入力された文字列を使って行います。

// 会員登録処理
fun signUp() {
    var userName = (findViewById(R.id.userName) as TextView).text.toString()
    var password = (findViewById(R.id.password) as TextView).text.toString()
    val user = NCMBUser()
    user.userName = userName
    user.setPassword(password)
    user.saveInBackground {e ->
        if (e != null) {
            Log.d("[Error]", e.toString())
        } else {
            (findViewById(R.id.lblStats) as TextView).text = "Sign Up successful"
        }
    }
}

ログイン処理

ログイン処理は登録処理と同様にユーザ名、パスワードを使って NCMBUser.loginInBackground を呼び出します。

// ログイン処理
fun signIn() {
    var userName = (findViewById(R.id.userName) as TextView).text.toString()
    var password = (findViewById(R.id.password) as TextView).text.toString()
    NCMBUser.loginInBackground(userName, password, {user, e ->
        if (e != null) {
            Log.d("[Error]", e.toString())
        } else {
            (findViewById(R.id.lblStats) as TextView).text = "Log in successful by ${user.userName}"
        }

    })
}

f:id:mbaasdevrel:20181224100215p:plain

まとめ

mBaaSを使うことで一般的に実装が面倒な認証処理がごく簡単に実現できます。ぜひ使ってみてください!

今回のコードはgoofmint/kotlin_NCMB_Authにアップロードしてあります。実装時の参考にしてください。

中津川 篤司

中津川 篤司

NCMBエヴァンジェリスト。プログラマ、エンジニアとしていくつかの企業で働き、28歳のときに独立。 2004年、まだ情報が少なかったオープンソースソフトの技術ブログ「MOONGIFT」を開設し、毎日情報を発信している。2013年に法人化、ビジネスとエンジニアを結ぶDXエージェンシー「DevRel」活動をスタート。