[Android] Hướng dẫn cấu hình app từ xa với Firebase Remote Config
Firebase Remote Config là tính năng cho phép bạn thay đổi những thông số cài đặt của ứng dụng từ xa. Trong bài viết này, chúng ta sẽ cùng nhau tìm hiều kỹ hơn xem Firebase Remote Config là gì và nó có thể làm được những gì nhé.
1. Firebase Remote Config là gì?
Là một phần của dịch vụ Firebase, Remote Config là dịch vụ cloud với mục đích giúp đơn giản quá trình phát triển ứng dụng mobile và cả testing ứng dụng.
Đúng như tên của chức năng, Firebase Remote Config là dịch vụ cho phép bạn thay đổi thiết lập ứng dụng mà không cần phải cài đặt/update ứng dụng.
Để bạn dễ hình dung hơn, mình lấy ví dụ thế này. Ứng dụng của bạn được tích hợp quảng cáo Admob và FAN. Bạn muốn hôm nay chỉ hiển thị Admob, ngày mai thì FAN. Thậm chí vào một ngày đẹp trời, bạn trúng con lô thế là muốn chia sẻ niềm vui với người dùng bằng cách tắt hết quảng cáo đi.
Không lẽ mỗi lần bạn thay đổi cài đặt như trên lại bắt người dùng phải update ứng dụng. Mà có phải ai cũng rảnh để update đâu.
Đây chính là một case mà Firebase Remote Config giúp bạn giải quyết vấn đề.
2. Firebase Remote Config có thể làm được gì?
Với Remote config, bạn có thể làm được rất nhiều thứ. Mình có thể đề xuất một vài ý tưởng như:
- Có thể thay đổi cài đặt mặc định của ứng dụng một cách nhanh chóng. Ví dụ: Bạn có hình ảnh banner để quảng bá trong ứng dụng nhân dịp đầu năm mới. Sau đó thì bạn ẩn banner đó đi. Ngoài ra, bạn còn có thể kiểm soát mức độ hiển thị banner bằng các giá trị cấu hình từ xa mà không cần chờ người dùng cập nhật ứng dụng.
- Có thể tùy chỉnh giao diện người dùng cho tùy từng đối tượng khác với giá trị mặc định. Ví dụ, bạn muốn thay đổi giao diện ứng dụng cho người dùng là nữ, khác với người dùng là nam. Điều này có thể thực hiện bất cứ lúc nào.
- Ý tưởng sử dụng thứ 3, cũng là một khả năng quan trọng của Firebase Remote Config. Đó là việc sử dụng remote config để thực hiện A/B testing ứng dụng. Ví dụ, bạn muốn kiểm tra màu sắc của nút “Đặt hàng” tác động tới tỷ lệ chuyện đổi như nào? Với remote config, bạn có thể thay đổi màu của nút và theo dõi trước khi quyết định.
Trên đây chỉ một trong những khả năng của Remote Config mà mình đề xuất thôi. Với khả năng sáng tạo, bạn hoàn toàn có thể ứng dụng nó để tạo ra những tính năng tuyệt vời cho ứng dụng của bạn.
Mặc dù Remote Config hay là vậy, nhưng không phải lúc nào bạn cũng nên sử dụng nó. Cũng tùy trường mà dùng cho đúng.
3. Remote Config hoạt động như thế nào?
Firebase sẽ có bộ SDK mà bạn cần phải tích hợp vào ứng dụng. Bộ thư viện này sẽ fetch các giá trị cài đặt từ Firebase server. Nó sẽ có trách nhiệm fetch giá trị và lưu vào bộ nhớ điện thoại.
Nếu không thể lấy được các giá trị từ server thì giá trị mặc định sẽ được sử dụng.
Ngoài ra, Firebase sẽ lưu cache các giá trị trong khoảng thời gian 12 giờ. Nghĩa là trong khoảng thời gian này thì các giá trị cài đặt sẽ được lấy từ cache thay vì cứ phải request tới server để lấy giá trị mới.
Mấy khi ai thay đổi cài đặt ứng dụng theo kiểu real time đâu nhỉ?
Sơ đồ hoạt động của Remote Config
4. Thực hành tạo ứng dụng
Ứng dụng này sẽ đơn giản là hiển thị một dòng chữ Welcome với 3 tham số cấu hình: màu chữ, cỡ chữ và nội dung dòng thông báo welcome.
Giờ bắt đầu nhé!
Tích hợp Firebase vào ứng dụng
Trước khi tích hợp, bạn cần phải đăng ký ứng dụng với Firebase trên web. Bạn vào màn hình firebase console để thực hiện khai báo.
Sau đăng ký xong, bạn tải file cấu hình google-service.json và thêm vào thư mục app của dự án.
Thêm Firebase SDK vào dự án
Phần này bạn cần thêm các dependencies cần thiết của Remote Config vào build.gradle của app
dependencies {
implementation 'com.google.firebase:firebase-config:16.1.0' // Remote Config gradle dependency
implementation 'com.google.firebase:firebase-core:16.0.4' // Firebase gradle dependency
}
apply plugin: 'com.google.gms.google-services' // Google Services plugin
Version của thư viện có thể thay đổi theo thời gian nhé.
Sau đó thêm/chỉnh sửa build.gradle của dự án.
buildscript {
repositories {
google()
jcenter()
}
dependencies {
classpath 'com.android.tools.build:gradle:3.2.1'
classpath 'com.google.gms:google-services:4.0.1' // Project Level Google Services dependency
}
}
Tạo giao diện ứng dụng
Ứng dụng rất đơn giản, chỉ có một TextView thôi. Bạn thiết kế thế nào cũng được. Đây là ví dụ của mình.
activity_main.xml
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context=".MainActivity">
<TextView
android:layout_width="wrap_content"
tools:text="Welcome to the app"
android:id="@+id/text"
android:layout_marginTop="32dp"
android:layout_centerHorizontal="true"
android:layout_height="wrap_content" />
<Button
android:layout_width="wrap_content"
android:text="FETCH"
android:id="@+id/fetch"
android:layout_centerInParent="true"
android:layout_height="wrap_content" />
</RelativeLayout>
Trong MainActivity, chúng ta khởi tạo đối tượng RemoteConfig
public class MainActivity extends AppCompatActivity {
private FirebaseRemoteConfig firebaseRemoteConfig;
private Button button;
private TextView textView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
button = findViewById(R.id.fetch);
textView= findViewById(R.id.text);
// Fetch singleton FirebaseRemoteConfig object
firebaseRemoteConfig = FirebaseRemoteConfig.getInstance();
Ngoài ra, bạn nên bật chế độ developer mode. Mục đích là để cho phép bạn reload lại cache bất kỳ lúc nào. Còn với chế độ product, bạn sẽ bị giới hạn reload cache tối đa 5 lần/ giờ.
firebaseRemoteConfig.setConfigSettings(new FirebaseRemoteConfigSettings.Builder()
.setDeveloperModeEnabled(true)
Tạo thông số cài đặt mặc định
Như mình đã đề cập ở trên, nếu trường hợp Firebase SDK không thể lấy được giá trị cài đặt từ server vì nhiều lý do. Ứng dụng sẽ sử dụng các giá trị cài đặt mặc định.
<?xml version="1.0" encoding="utf-8"?>
<defaultsMap>
<entry>
<key>text_str</key>
<value>Welcome to the app</value>
</entry>
<entry>
<key>text_str</key>
<value>14</value>
</entry>
<entry>
<key>text_color</key>
<value>#FF0000</value>
</entry>
</defaultsMap>
Sau đó thì sử dụng API đế set giá trị mặc định
firebaseRemoteConfig.setDefaults(R.xml.default_map)
Nếu bạn không muốn định nghĩa bằng XML thì có thể định nghĩa bằng JAVA. Đều được.
Map<String,Object> map = new HashMap<>();
map.put("text_str","Welcome to the app");
map.put("text_size",14);
map.put("text_color","#FF0000");
Lưu ý: Những key mà bạn định nghĩa ở đây phải giống với Key mà bạn định nghĩa trên Firebase Console. Nếu không nó sẽ không hoạt động được.
Cách nhận các giá trị cài đặt
Firebase SDK cung cấp sẵn API để bạn làm điều này một cách dễ dàng. Bạn có thể thử dụng API sau: firebaseRemoteConfig.get<>().
Như mình đã nói ở trên, nếu API này không lấy được giá trị từ server thì nó sẽ tự động lấy từ giá trị mặc định.
Và một điểm nữa là khi bạn gọi hàm này thì nó không thực sự request tới server, mà nó sẽ lấy từ active config trước.
textView.setTextColor(Color.parseColor(firebaseRemoteConfig.getString("text_color")));
textView.setTextSize((float) firebaseRemoteConfig.getValue("text_size").asDouble());
textView.setText(firebaseRemoteConfig.getString("text_str"));
}
Để nhận giá trị mới nhất từ server, bạn có thể sử dụng API: firebaseRemoteConfig.fetch()
Mặc định thì thời gian cache một giá trị cài đặt là 12 giờ, và bạn có thể thay đổi giá trị này bằng hàm fetch(long), tham số được tính theo đơn vị giây.
Trong khoảng thời gian chưa hết hạn cache của giá trị, dù bạn gọi hàm fetch() thì nó cũng không request tới server, mà sẽ trả giá trị từ cache.
Như trong ví dụ dưới đây, mình đặt giá trị cache là 0, tức là luôn lấy giá trị mới nhất từ server.
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
/*
This will initiate fetching of parameters. We have set the expiry time as 0
which will ensure we get fresh parameters every time
*/
firebaseRemoteConfig.fetch(0).addOnCompleteListener(new OnCompleteListener<Void>() {
@Override
public void onComplete(@NonNull Task<Void> task) {
if (task.isSuccessful()){
Toast.makeText(MainActivity.this, "Activated", Toast.LENGTH_SHORT).show();
}else {
Toast.makeText(MainActivity.this, "Not Activated", Toast.LENGTH_SHORT).show();
}
}
});
}
});
Lưu ý là hiện tại mình chưa tạo bất kỳ giá trị cài đặt nào trên Firebase console. Nên dù bạn có gọi hàm fetch() bao nhiêu lần thì cũng chỉ nhận được giá trị cài đặt mặc định mà thôi.
Và đây là toàn bộ code của MainActivity.
public class MainActivity extends AppCompatActivity {
private FirebaseRemoteConfig firebaseRemoteConfig;
private Button button;
private TextView textView;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
button = findViewById(R.id.fetch);
textView= findViewById(R.id.text);
firebaseRemoteConfig = FirebaseRemoteConfig.getInstance();
firebaseRemoteConfig.setConfigSettings(new FirebaseRemoteConfigSettings.Builder()
.setDeveloperModeEnabled(true)
.build());
firebaseRemoteConfig.setDefaults(R.xml.default_map);
/*
Setting color, size and string for TextView using parameters returned from
remote config server
*/
textView.setTextColor(Color.parseColor(firebaseRemoteConfig.getString("text_color")));
textView.setTextSize((float) firebaseRemoteConfig.getValue("text_size").asDouble());
textView.setText(firebaseRemoteConfig.getString("text_str"));
button.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
/*
This will initiate fetching of parameters. We have set the expiry time as 0
which will ensure we get fresh parameters every time
*/
firebaseRemoteConfig.fetch(60*5).addOnCompleteListener(new OnCompleteListener<Void>() {
@Override
public void onComplete(@NonNull Task<Void> task) {
if (task.isSuccessful()){
Toast.makeText(MainActivity.this, "Activated", Toast.LENGTH_SHORT).show();
/*
Activiting fetched parameters. The new parameters will now be available to your app
*/
firebaseRemoteConfig.activateFetched();
}else {
Toast.makeText(MainActivity.this, "Not Activated", Toast.LENGTH_SHORT).show();
}
}
});
}
});
}
}
Giao diện ứng dụng khi chạy.
Thêm giá trị cài đặt trên Firebase console
Ở phần này, chúng ta sẽ cùng nhau học cách thêm các giá trị cài đặt trên remote config server.
Bạn vào Firebase Console và chọn dự án mà bạn đã tạo ở bước trên.
Sau đó chọn Grow > Remote Config
Bây giờ bạn chọn “Add your first parameter”, bạn sẽ được chuyển đến màn hình thêm giá trị. Bạn cần chút ý là các key cho mỗi giá trị cài đặt cần phải giống key mà bạn đã tạo ở trong android app.
Sau khi đã hoàn thành việc thêm trên firebase console, giờ bạn mở Android app lên và nhấn nút fetch xem sao.
Bạn thấy sự thay đổi chưa? App đã đổi màu sắc mà không cần phải cài đặt lại app.
5. Kết luận
Đến đây mình xin tạm dừng bài hướng dẫn về remote config. Nếu bạn tính năng này được triển khai đúng cách, sẽ giúp bạn kiểm soát hoàn toàn hành vi của ứng dụng từ xa ở trên tất cả phiên bản.
Mình hi vọng qua bài viết này bạn sẽ hiểu hơn về firebase nói chung và remote config nói riêng.
Cảm ơn bạn đã đọc bài viết.
Chào thân ái và quyết thắng!
Theo dõi VnCoder trên Facebook, để cập nhật những bài viết, tin tức và khoá học mới nhất!
