Google I / O 2016に続く-新しいFirebase：Android統合

こんにちは、Habr！ 毎年恒例のGoogle I / Oイベントで、テクノロジーに関する記事シリーズを続けています。 今日のゲストはアレクサンダーデニソフです。彼は、更新されたFirebaseの基本的な機能について知り合いです。







こんにちは、アレクサンダー・デニソフです。Netcrackerでシニアソフトウェア開発者として働いており、ニジニノヴゴロドのGDGを率いています。 私はGoogleが長い間開発しているテクノロジーを追い続けてきましたが、今回はFirebaseを通過できませんでした。 多くの変更があり、それらはそれ自体が概念的であり、最終的に、Firebase自体をモバイルバックエンドを構築するための1つの大きなサービスに変えます。



このプレゼンテーションには非常に感銘を受けたので、個人的に新機能を使用して、Androidの便利で高速な開発のこの驚くべき世界への第一歩を踏み出す方法を共有することにしました。

背景

GoogleとFirebaseの共同歴史は2014年に始まりました。その後、Firebaseチーム全体が単にGoogleに切り替えて製品の開発を続け、Google Cloud Platformやその他のGoogleテクノロジーのクラウド機能にアクセスできるようになりました。 当時、Firebaseは実際、複数のクライアント間でデータを保存および同期するように設計されたクラウドNoSQLデータベース、および関連する認証およびホスティングサービスを管理するためのRESTサービスのセットでした。 次のようになりました。











2016年には、ジュビリー10回目のGoogle I / Oが開催され、Firebaseの新機能が紹介されます。 彼は、開発のためだけでなく、アプリケーションのプロモーションと収益化を促進するために設計された15の製品セットに成長、成熟、拡大しました。 これらの製品は、ニーズに応じて個別に、または組み合わせて使用​​できます。











良い方法では、これらの各製品は、多くの例とコードを含む個別の記事専用にする必要があります。 しかし、これには時間がかかります。そのため、Firebaseに基づいて小さなアプリケーションを作成しようとする一方で、いくつかの（私の意見では最も興味深い）可能性に精通し、テクノロジーの「味」を感じてみてください...例として、簡単なチャット、メッセージを作成しますクラウドに保存される対話者に関する情報。 そのようなものを開発するのがどれほど簡単だったか信じられません。

1. Firebase-最初のステップ

準備作業、登録、認可

空のマークアップを使用して単純なプロジェクト（com.google.simplefirebasechatと呼びましょう）を作成します。 開始されたので、Firebaseに接続する必要があります。 これを行うには、Firebaseを管理するためのメインツール（ コンソール）に移動し 、[新しいプロジェクトを作成]をクリックします。











Androidアプリケーションで作業するため、提案されたオプションから選択する必要があります。











システムは、アプリケーションの名前とSHA1形式のセキュリティキーを示すように促します

---

注：所有しているキーを忘れた場合は、Windowsコンソール（Win + R、CMD、Enter）を開き、debug.keystoreから抽出します。 これを行うには、次のコマンドを入力します。

keytool -exportcert -alias androiddebugkey -keystore %USERPROFILE%/.android/debug.keystore -list -v
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

そして、デバッグリポジトリからパスワードでログインします（デフォルトは「android」です ）

---

必要なすべてのデータを提供すると、ブラウザーは、動作に必要なメタデータとともに生成されたjson Firebase設定jsonを自動的にダウンロードします。 結果のファイルは、アプリケーションのappディレクトリに配置する必要があります。 プロジェクトレベルのbuild.gradleで、対応するライブラリに依存関係を追加する必要があります

 classpath 'com.google.gms:google-services:3.0.0'
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

また、appディレクトリのbuild.gradleの最後に次の行を追加する必要があります

 apply plugin: 'com.google.gms.google-services'
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

これは、構成JSONaの処理とメインのcom.google.gms：google-servicesライブラリの接続に必要なプラグインをGoogleサービスプロジェクトに接続します。



出来上がり！ Firebaseは、ビルドを試みることができるアプリケーションに関連付けられています！

Firebaseのパフォーマンスを確認する

次のステップは、すべてが正常に動作していることを確認することです。実際に接続しました。 これを行うには、データベースにいくつかのレコードを追加し、アプリケーションでそれらを読み取ります。



Firebaseコンソールを開き、[データベース]タブを探して、メッセージを保存するための簡単なJSONを作成します。 コンソールインターフェイスにより、これを簡単に行うことができます。











入力したデータを読み取り、アプリケーションに要求します...アクセスしてインターフェースに表示できるようにするために、build.gradleに対応する依存関係をいくつか追加します。

 compile 'com.google.firebase:firebase-database:9.0.0' compile 'com.firebaseui:firebase-ui-database:0.4.0' compile 'de.hdodenhof:circleimageview:1.3.0' compile 'com.github.bumptech.glide:glide:3.6.1'
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

また、チャットメッセージとマークアップの新しいクラスを追加して表示します。 必要な準備が完了したら、データベースから受け取ったコンテンツを表示します。

これを行うには、メインアクティビティを作成し、Firebaseの動作をテストするのに役立つインターフェイス要素を配置する必要があります。 メッセージを入力するフィールド、送信ボタン、データをロードするProgressBar、およびデータベースからデータを表示するRecyclerViewを追加し、クラス自体に数行のコードを追加します。



それで、私たちは何を得ました：

 package com.google.simplefirechat; import android.content.SharedPreferences; import android.preference.PreferenceManager; import android.support.v4.content.ContextCompat; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.support.v7.widget.LinearLayoutManager; import android.support.v7.widget.RecyclerView; import android.text.Editable; import android.text.InputFilter; import android.text.TextWatcher; import android.view.View; import android.widget.Button; import android.widget.EditText; import android.widget.ProgressBar; import android.widget.TextView; import com.google.android.gms.common.api.GoogleApiClient; import com.google.firebase.database.DatabaseReference; import com.firebase.ui.database.FirebaseRecyclerAdapter; import com.google.firebase.database.FirebaseDatabase; import de.hdodenhof.circleimageview.CircleImageView; import com.bumptech.glide.Glide; public class MainActivity extends AppCompatActivity { private DatabaseReference mSimpleFirechatDatabaseReference; private FirebaseRecyclerAdapter<ChatMessage, FirechatMsgViewHolder> mFirebaseAdapter; private RecyclerView mMessageRecyclerView; private LinearLayoutManager mLinearLayoutManager; private ProgressBar mProgressBar; public static class FirechatMsgViewHolder extends RecyclerView.ViewHolder { public TextView msgTextView; public TextView userTextView; public CircleImageView userImageView; public FirechatMsgViewHolder(View v) { super(v); msgTextView = (TextView) itemView.findViewById(R.id.msgTextView); userTextView = (TextView) itemView.findViewById(R.id.userTextView); userImageView = (CircleImageView) itemView.findViewById(R.id.userImageView); } } @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); mProgressBar = (ProgressBar) findViewById(R.id.progressBar); mMessageRecyclerView = (RecyclerView) findViewById(R.id.messageRecyclerView); mLinearLayoutManager = new LinearLayoutManager(this); mLinearLayoutManager.setStackFromEnd(true); mMessageRecyclerView.setLayoutManager(mLinearLayoutManager); mSimpleFirechatDatabaseReference = FirebaseDatabase.getInstance().getReference(); mFirebaseAdapter = new FirebaseRecyclerAdapter<ChatMessage, FirechatMsgViewHolder>( ChatMessage.class, R.layout.chat_message, FirechatMsgViewHolder.class, mSimpleFirechatDatabaseReference.child("messages")) { @Override protected void populateViewHolder(FirechatMsgViewHolder viewHolder, ChatMessage friendlyMessage, int position) { mProgressBar.setVisibility(ProgressBar.INVISIBLE); viewHolder.msgTextView.setText(friendlyMessage.getText()); viewHolder.userTextView.setText(friendlyMessage.getName()); if (friendlyMessage.getPhotoUrl() == null) { viewHolder.userImageView .setImageDrawable(ContextCompat .getDrawable(MainActivity.this, R.drawable.ic_account_circle_black_36dp)); } else { Glide.with(MainActivity.this) .load(friendlyMessage.getPhotoUrl()) .into(viewHolder.userImageView); } } }; mFirebaseAdapter.registerAdapterDataObserver(new RecyclerView.AdapterDataObserver() { @Override public void onItemRangeInserted(int positionStart, int itemCount) { super.onItemRangeInserted(positionStart, itemCount); int chatMessageCount = mFirebaseAdapter.getItemCount(); int lastVisiblePosition = mLinearLayoutManager.findLastCompletelyVisibleItemPosition(); if (lastVisiblePosition == -1 || (positionStart >= (chatMessageCount - 1) && lastVisiblePosition == (positionStart - 1))) { mMessageRecyclerView.scrollToPosition(positionStart); } } }); mMessageRecyclerView.setLayoutManager(mLinearLayoutManager); mMessageRecyclerView.setAdapter(mFirebaseAdapter); } }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

この段階では、承認ツールをアプリケーションに追加しなかったため、Firebaseコンソールでデータベースからの不正な読み取りの権利を付与するだけです。 これを行うには、[ルール]タブに移動して、次のように設定を変更します。











さて、それが何から来たのかをチェックする時です。 アプリケーションを起動すると、これが表示されます。データベースのレコードが、以前に送信されたメッセージとして表示されました。











これでもう1つ確認できます。 データベースにさらにいくつかのメッセージを追加してみてください。 すべてが正しく行われると、これらのメッセージがリアルタイムでチャットに表示されます。 残念ながら、アプリケーションからそれらに答えることができないため、楽しみを終えてアプリケーションの機能を完成させます。

2. Firebaseへの書き込み

ここではすべてが簡単です。 送信ボタンハンドラーをMainActivityに追加します。

 mSendButton = (Button) findViewById(R.id.sendButton); mSendButton.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View view) { ChatMessage friendlyMessage = new ChatMessage(mMsgEditText.getText().toString(), mUsername, mPhotoUrl); mSimpleFirechatDatabaseReference.child("messages") .push().setValue(friendlyMessage); mMsgEditText.setText(""); } });
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

そしてそれだけです！ アプリケーションを再度実行して、お楽しみください。 テキストを入力し、[送信]ボタンをクリックすると、チャットに表示され、対応するレコードが即座にデータベースに表示されます。これは、Firebaseコンソールで確認できます。 必要な最後の機能であるユーザー認証を追加します。

3. Firebaseでの認証

まず、許可されていないユーザーからデータベースへのアクセスを奪います。 テスト用にのみ含まれています。 コンソールの[ルール]セクションに移動し、すべてを設定します。











その後、[認証]タブに移動し、認証方法を選択します-この場合、Googleを介して：











build.gradleを再度更新し、認証ライブラリへの依存関係を追加します

 compile 'com.google.firebase:firebase-auth:9.0.0' compile 'com.google.android.gms:play-services-auth:9.0.0'
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

適切なマークアップ（ AuthorizationActivity.classおよびactiviti_auth.xm l）を使用して、チャットに入るための追加のアクティビティも必要です。 マニフェストに登録することを忘れないでください。 また、アカウントを終了するオプション（ main_menu.xml ）を追加する場所があるように、メニューがあると便利です。 最後に、MainActivityを少し修正します。

認可をつなぐ

まず、GoogleApiClient.OnConnectionFailedListenerインターフェースからActivityを継承し、このインターフェース自体を実装する必要があります。

 @Override public void onConnectionFailed(@NonNull ConnectionResult connectionResult) { Toast.makeText(this, "Google Play Services error.", Toast.LENGTH_SHORT).show(); }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

次に、承認を処理するエンティティを追加します。

このインターフェース：

 private GoogleApiClient mGoogleApiClient; private FirebaseAuth mFirebaseAuth; private FirebaseUser mFirechatUser;
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

onCreateでの初期化：

 mGoogleApiClient = new GoogleApiClient.Builder(this) .enableAutoManage(this /* FragmentActivity */, this /* OnConnectionFailedListener */) .addApi(Auth.GOOGLE_SIGN_IN_API) .build(); mFirebaseAuth = FirebaseAuth.getInstance(); mFirechatUser = mFirebaseAuth.getCurrentUser(); if (mFirechatUser == null) { startActivity(new Intent(this, AuthorizationActivity.class)); finish(); return; } else { mUsername = mFirechatUser.getDisplayName(); if (mFirechatUser.getPhotoUrl() != null) { mPhotoUrl = mFirechatUser.getPhotoUrl().toString(); } }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

第三に、ユーザーがログアウトできるように、メニューから呼び出しを追加します。

 @Override public boolean onOptionsItemSelected(MenuItem item) { switch (item.getItemId()) { case R.id.sign_out_menu: mFirebaseAuth.signOut(); Auth.GoogleSignInApi.signOut(mGoogleApiClient); mUsername = DEFAULT_NAME; startActivity(new Intent(this, AuthorizationActivity.class)); return true; default: return super.onOptionsItemSelected(item); } }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

これで、Googleアカウントを介した承認でアプリケーションを実行およびテストできます。













また、Firebaseコンソールの[認証]タブで、アプリケーションで承認されたユーザーを確認できます。











そのため、単純なアプリケーションがあり、そのバックエンドは完全にFirebaseで作成されています。 これらの機能は以前に利用可能でしたが、Firebaseツールに精通したばかりなので、今からもっと面白いことを始めましょう。

4. Firebase通知を使用した通知

Firebase Notificationsを使用すると、Firebaseコンソールから直接ユーザーデバイスに通知を送信できます。 また、すべてのユーザー、特定のグループ（統合は新しいFirebaseツールAudiencesでも機能します）、または一般的に特定のデバイスのユーザーに送信できます。 ただし、これらの通知を処理するには、アプリケーションに通知を受け入れて、適切なサービスを構成する必要があります。

Firebase通知を接続する

まず、適切なbuild.gradleを追加します...（依存関係、コマンドなど）

 compile 'com.google.firebase:firebase-messaging:9.0.0'
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

次に、着信FCMメッセージ（Firebase Cloudsメッセージ）を管理するために使用するSimpleFirechatMessagingServiceサービスを作成します。 必要なのは、onMessageReceived（RemoteMessage remoteMessage）メソッドを再定義して、着信通知を何らかの方法で処理することだけです。



FCMロジックを管理するためのSimpleFirechatInstanceIdServiceサービスも作成する必要があります。 通常、新しいトークンが生成されたことをアプリケーションに通知し、このトークンを取得するために使用されます。 onTokenRefresh（）メソッドをオーバーライドするだけです



残っているのは、サービスをマニフェストに登録することです。その後、すべてが機能するはずです。

 <service android:name=".SimpleFirechatMessagingService" android:exported="false"> <intent-filter> <action android:name="com.google.firebase.MESSAGING_EVENT" /> </intent-filter> </service> <service android:name=".SimpleFirechatInstanceIdService" android:exported="false"> <intent-filter> <action android:name="com.google.firebase.INSTANCE_ID_EVENT" /> </intent-filter> </service>
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

通知をテストする

アプリケーションを起動し、Firebaseコンソールの[通知]タブに移動して、待望のメッセージを送信します。 結果は、スマートフォンのディスプレイまたはエミュレーターに即座に表示されます。



















Firebaseコンソールの適切なセクションで通知を送信した結果を知ることができます。

5. Firebase Remote Config-アプリケーションをその場で変更します

Firebase Remote Configを使用すると、サーバーからリモートで更新できるアプリケーションの多くのパラメーターを設定できます。 したがって、.apk全体を更新することなく、アプリケーションストアにダウンロードされるのを待たずに、デバイスの更新を行うことなく、アプリケーションの機能（設計、翻訳など）を確認できます。 例として、この機能を使用してメッセージ送信ボタンのテキストを変更してみましょう。

機能を追加する

最初に、[リモート構成]タブに移動し、button_name変数を作成します











次に、アプリケーションを構成する必要があります。

以前のように、適切な依存関係をbuild.gradleに追加することから再び始めます。

 compile 'com.google.firebase:firebase-messaging:9.0.0'
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

...そしてfetchconfigメソッドを追加します。このメソッドでは、サーバーから構成を取得してボタン名に適用します。

 public void fetchConfig() { long cacheExpiration = 3600; // 1 hour in seconds // If developer mode is enabled reduce cacheExpiration to 0 so that // each fetch goes to the server. This should not be used in release // builds. if (mFirebaseRemoteConfig.getInfo().getConfigSettings() .isDeveloperModeEnabled()) { cacheExpiration = 0; } mFirebaseRemoteConfig.fetch(cacheExpiration) .addOnSuccessListener(new OnSuccessListener<Void>() { @Override public void onSuccess(Void aVoid) { // Make the fetched config available via // FirebaseRemoteConfig get<type> calls. mFirebaseRemoteConfig.activateFetched(); mSendButton.setText(mFirebaseRemoteConfig.getString("button_name")); } }) .addOnFailureListener(new OnFailureListener() { @Override public void onFailure(@NonNull Exception e) { mSendButton.setText(mFirebaseRemoteConfig.getString("button_name")); } }); }
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

onCreateおよびこのために作成されたメニュー項目でこのメソッドを呼び出します。 これを行うには、main_menu.xmlに次の行を追加します。

 <item android:id="@+id/reconfig" android:title="Reconfig" app:showAsAction="never"/>
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

onCreateで：

 mFirebaseRemoteConfig = FirebaseRemoteConfig.getInstance(); FirebaseRemoteConfigSettings firebaseRemoteConfigSettings = new FirebaseRemoteConfigSettings.Builder() .setDeveloperModeEnabled(true) .build(); Map<String, Object> defaultConfigMap = new HashMap<>(); defaultConfigMap.put("button_name", "Send");
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

...およびonOptionsItemSelected内：

 case R.id.reconfig: fetchConfig(); return true;
      
      

        
        
        
      

    
        
        
        
      
      

        
        
        
      

    
     

結果を確認する

テストアルゴリズムは過去と同様です。 アプリケーションを起動し、テキストボタンを見て、Firebaseコンソールに移動し、その値をbutton_name。Variableに変更し、メニューからreconfigを呼び出します。



そのように、30分で、承認、クラウド通知、Firebase機能に基づくリモート設定を使用してチャットを作成しました。

PS： ここからプロジェクトをダウンロードして自分で掘り下げることができます。

今日は十分な練習、在庫を取る時間だと思います。

結果として得たもの

メッセージを保存するために、NoSQLクラウドデータベースを管理するサービスであるRealtime Databaseを使用しました 。 これらを使用すると、接続されているすべてのデバイスと数ミリ秒でデータを保存および同期できます。 更新されたバージョンでは、データはメモリまたはデバイスのディスクに保存されるため、ネットワークへの接続が失われてもアプリケーションは動作し続けます。もちろん、接続が復元された後、データは同期されます。



承認には、 認証サービス（ユーザーを識別および管理するためのサービス）を使用しました。 電子メールとパスワードのペア、ソーシャルネットワーク（Facebook、Twitter、GitHub、Google +）による認証をサポートし、他の既存の認証システムと統合できます。



通知をテストするために、通知を使用しました。これは、新しいUIを提供するサービスで、組み込みコンソールからアクセスでき、Firebase Cloud Messagingに基づいています。 Googleクラウドメッセージングテクノロジーに代わるものであり、1行のコードを記述することなくユーザーに通知を送信します。 Firebase Analyticsとの統合により、事前に構成されたユーザーグループに通知を送信できます



その技術は 、Firebaseと、最も人気のあるメッセージングサービスであるGoogle Cloud Messagingを組み合わせたサービスであるCloud Messagingプロジェクトと密接にリンクされています。 クラウドメッセージングは​​クロスプラットフォームであり、iOS、Android、およびWebアプリケーションで実行されます。



最後に、リモート設定には、完全なパッケージアップグレードやアプリケーションストアでの比較的長いチェックに頼らずにアプリケーションの一部を変更および更新できるサービスであるRemote Configを使用しました。 セキュリティと操作を簡単にするために、リモートで更新するものを事前に考え、キーと値のビデオペアに適切なパラメーターを設定する必要があります。 それでは、サーバー側でこれらのパラメーターの値を置き換えることにより、アプリケーションの操作と外観を変更できます。 たとえば、休日のアプリケーションの設計を更新し、すべてを元どおりに戻すことができます。 長いレビューもありません。 他の多くのFirebase要素と同様に、通知はFirebase Analyticsに統合されます。 つまり、さまざまなユーザーのグループ（数十および数百のパラメーターによって自動的に生成される）を選択し、それらに更新を送信できます...



結論として、データを保存するサービスから、Firebaseは便利で使いやすいインターフェイスとアプリケーションへの最も簡単な統合を備えたモバイル開発者向けのユニバーサルプラットフォームに変わったと言いたいと思います（ご覧のように、実際に数回クリックするだけでアプリケーションに追加できます）。 このような便利で興味深いツールの出力に注意を払わないことは大きな間違いだと思います。 試してみてください。 彼は本当に非常にクールです...



今日はこれで十分です。 ただし、このトピックに確実に戻って、新しいFirebaseの残りの機能（データストレージツール、アプリケーションテスト、収益化、広告サービス、招待状や信頼できるリンクなどの便利で便利なバン）について検討します。 そして、もちろん、これまでで最もクールなのは、他のすべての機能に緊密に統合された最も強力な分析とユーザーグループ化です。











ご清聴ありがとうございました！ 投稿は非常に大きいことが判明しました。私たちは全員ですので、タイプミスや間違いを見つけた場合は、PMに連絡してください。すぐに修正します。 そして、コメントに質問を残してください。 :)