気まぐれDeveloperブログ: Realm

ラベル Realm の投稿を表示しています。すべての投稿を表示

2016年10月27日木曜日

Realm mobile platform アプリ作成 - Android -

前回、RealmサーバーにiOSで作成したアプリと同期が取れている事を確認しました。
今回はAndroidアプリを作成し、iOS->Realmサーバー->Androidで同期を取ってみたいと思います。

とりあえず今回はログインまでをやってみます。

Androidアプリ開発準備

開発環境

Android Studio 2.2.2

プロジェクト作成&Realmインストール

まずはプロジェクトを作成。minSdkVersionは19、targetSdkVersionは23、
Activity追加ではEmpty Activityを選択しました。

早速Realmをインストールしていきます。

まずはトップにあるbuild.gradleのdependenciesに↓を追加。

dependencies {
    classpath "io.realm:realm-gradle-plugin:2.0.2"
}

次にapp/build.gradleに↓を追加します。

apply plugin: 'realm-android'

realm {
    syncEnabled = true
}

※syncEnabled = trueにしないとObjectServer関連が使えないので注意!!

最後にbuild.gradleを修正した際に右上に表示されるSync Nowをクリック。
Realmがインストールされます。

ログイン画面作成

Realmサーバーにログインするまでを実装してみたいと思います。

Applicationクラス作成

Realm関係の初期化を行う為にApplicationクラスを継承した
クラスを作成します。今回はMyApplicationクラスにします。

作成したMyApplicationクラスのonCreateを以下のようにオーバーライドします。

public class MyApplication extends Application {

    @Override
    public void onCreate() {
        super.onCreate();
        Realm.init(this);
    }
}

次にAndroidManifest.xmlにandroid:name=".MyApplication"を追加します。

<application
    android:icon="@mipmap/ic_launcher"
    android:label="@string/app_name"
    android:name=".MyApplication" // ☆ここ
    android:theme="@style/AppTheme">
    <activity android:name=".MainActivity">
      ・・・
    </activity>
</application>

とりあえず今回はMainActivityのonCreateでログイン処理を実施します。

public class MainActivity extends AppCompatActivity {

    private static final String TAG = "MainActivity";

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        // [1]
        Credentials creds = Credentials.usernamePassword("ユーザー名", "パスワード", false);

        String authUrl = "http://10.0.2.2:9080/auth"; // [2]
        User.Callback callback = new User.Callback() {
            @Override
            public void onSuccess(User user) {
                Log.i(TAG, "Login success.");
            }

            @Override
            public void onError(ObjectServerError error) {
                String errorMsg;
                switch (error.getErrorCode()) {
                    case UNKNOWN_ACCOUNT:
                        errorMsg = "Account does not exists.";
                        break;
                    case INVALID_CREDENTIALS:
                        errorMsg = "User name and password does not match";
                        break;
                    default:
                        errorMsg = error.toString();
                }
                Log.e(TAG, errorMsg);
            }
        };
        User.loginAsync(creds, authUrl, callback);
    }
}

[1]のusernamePasswordメソッド第三引数をtrueにするとユーザー新規作成
falseにするとログインになります。

[2]でhttp://10.0.2.2:9080/authとしてますが、
これはエミュレータ上でlocalhostにアクセスするには10.0.2.2に
する必要がある為、このIPアドレスにしています。

この状態でRealm Object Serverを立ち上げて実行し、
ログに「Login success.」が表示されればOKです。

2016年10月13日木曜日

Realm mobile platform アプリ作成1 - iOS -

以前デモアプリを試して、サーバーと同期が取れている事を試してみました。今回は実際にiOSアプリに組み込んでみたいと思います。

プロジェクト作成

今回はXcode8でプロジェクトを作成していきます。

Create a new Xcode project > iOS >
Application > Single View Applicationを選択。

Product NameやOrganization Name等はお好みで。
LanguegeはSwift、DevicesはiPhoneを選択します。

Keychainを使用する為、Keychain SharingをONにします。
※「Capabilities」タブにあります

次に「General」タブのEmbedded Binariesに前回ダウンロードした
realm-mobile-platformフォルダ内の「SDKs」>「realm_cocoa_XXX」>
「ios」>「swift-3.0」にある「Realm.framework」と「RealmSwift.framework」を
ドラッグ&ドロップします。

その際に「Copy Items if Needed」にチェックを入れます。

コピー後

モデルの作成

次に簡単なモデルを作成します。
ViewController.swiftに以下を追加します。

import RealmSwift

final class Item : Object {
    dynamic var id = 0
    dynamic var name = ""
}

モデルの作成はObjectクラスを継承したクラスを作成し、
メンバはdynamic varで宣言します。

ユーザーログイン

アプリ起動時にサーバーにログインする処理を追加します。

var realm: Realm!

func login() {
    // サーバーURLを指定
    let url = URL(string: "http://localhost:9080")
    // 登録済みのユーザーで認証します
    let credential = Credential.usernamePassword(
      username: "user@example.com", password: "xxxxxx", actions: [.useExistingAccount])
    User.authenticate(with: credential, server: url!, onCompletion: {user, error in
        if let _ = user {
            // ログイン成功時
            // sample/database : DBで言うスキーマみたいなもの
            let realmURL = URL(string: "realm://localhost:9080/sample/database")!
            let configuration = Realm.Configuration(syncConfiguration: (user!, realmURL))
            Realm.Configuration.defaultConfiguration = configuration
            // realmオブジェクトを取得
            self.realm = try! Realm()

        } else if let _ = error {
            // ログイン失敗
            print("login error \(error)")
        }
    })
}

override func viewDidLoad() {
    super.viewDidLoad()
    login()
}

ログイン成功時に取得したRealmオブジェクトを使って処理を行います。

アイテム追加

ストーリーボードでButtonとTextFieldを追加します。

Button押下時のアクションをonPushAddとしてViewController.swiftに
イベント追加します。また、TextFieldもnameFieldとして追加します。

追加したonPushAddを以下のように修正します。

var count: Int = 0

@IBAction func onPushAdd(_ sender: AnyObject) {
    // TextFieldから現在入力されているテキストを取得
    let name = self.nameField.text
    try! self.realm?.write {
        // RealmオブジェクトにてItemを追加
        count = count + 1
        let item = Item()
        item.id = count
        item.name = name!
        self.realm.add(item)
    }
}