Meta Business Extension

Perangkat Seluler

Anda memiliki opsi berikut untuk meluncurkan FBE di perangkat seluler:

Browser seluler

FBE memiliki kemampuan untuk mengautentikasi melalui aplikasi seluler atau browser seluler.

Kami merekomendasikan penggunaan pendekatan URL saat meluncurkan Login Bisnis untuk FBE.

  1. Ganti www dengan m di URL Facebook. Secara khusus, gunakan https://m.facebook.com/ sebagai ganti https://www.facebook.com/.

Jika Anda melewati https://facebook.com tanpa www atau m, Facebook secara otomatis memuat URL m atau www berdasarkan browser atau platform asal.

Contoh Antarmuka Pengguna

Lihat contoh UI berikut menunjukkan tampilan FBE saat dimuat di situs seluler.

Tampilan Web (Android) atau WK/UIWebviews (iOS)

Android

Kami sangat merekomendasikan Anda untuk melewati string UserAgent DEFAULT untuk WebSettings() tampilan web dalam kode (webview.getSettings().setUserAgentString("< user_agent>")). Jangan mengubahnya melalui metode setUserAgentString(). Jika string UserAgent diubah, itu dapat menyebabkan masalah rendering.

Contoh berikut menunjukkan nilai UserAgent default untuk perangkat seluler Google Nexus 4 dan Samsung Galaxy S9. Dapatkan nilai UserAgent menggunakan getUserAgentString():

Google Nexus 4 — Android versi 5.1 (API 22) 768x1280

Mozilla/5.0 (Linux; Android 5.1; Google Nexus 4 Build/LMY47D) 
AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 
Chrome/39.0.0.0 
Mobile Safari/537.36

Samsung Galaxy S9 — Android v8.0 (API 26) 1440x2960

Mozilla/5.0 (Linux; Android 8.0.0; Samsung Galaxy S9 Build/OPR6.170623.017; wv) 
AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 
Chrome/58.0.3029.125 
Mobile Safari/537.36

Dalam kedua kasus, UI di-render seperti yang diharapkan. Lihat cuplikan layar berikut untuk Samsung Galaxy S9:



Berikut ini adalah contoh kode yang mengatur tampilan web dengan pembaruan minimal, yang me-render UI di atas dengan benar:

WebView webView;
webView = (WebView) v.findViewById(R.id.webview);
webView.loadUrl('<FBE2.0 URL>');
WebSettings webSettings = webView.getSettings();
webSettings.setJavaScriptEnabled(true);
// Sample log to see the Default UserAgent string - Log.i("UserAgent", ""+webSettings.getUserAgentString());
webView.setWebViewClient(new WebViewClient());

Anda juga bisa melewati pengaturan berikut tanpa menyebabkan masalah rendering:

  • setLoadWithOverviewMode()
  • setUseWideViewPort()
  • setDomStorageEnabled()
  • setJavaScriptCanOpenWindowsAutomatically()
  • opsi pengaturan perubahan non-UI lainnya

Jika ada kebutuhan bisnis untuk melewati UserAgent khusus, kami sangat merekomendasikan Anda untuk menambahkannya ke string UserAgent default yang diberikan oleh getUserAgentString(). Agar terhindar dari masalah rendering, jangan ubah bagian yang ada dari string UserAgent.

Hindari melewati pengaturan rendering tambahan, karena dapat menyebabkan masalah rendering. Contoh: jika Anda melewati setLayoutAlgorithm() di tampilan web Android, hal ini akan mengatur ulang HTML dan berpengaruh negatif terhadap rendering.

iOS

Pendekatan Android yang dijelaskan di atas juga berfungsi untuk UIWebview/WKWebviews iOS.

Berikut ini contoh kode untuk mendapatkan UserAgent default di iOS:

// Sample example - appending UserAgent - Please see latest iOS docs for approach to pass this param
webView.customUserAgent = (UIWebView().stringByEvaluatingJavaScript(from: "navigator.userAgent") ?? "") + "/Custom agent"

Untuk iOS, ikuti praktik terbaik yang sama yang disebutkan di atas untuk Android. Kuncinya adalah gunakan UserAgent default dan hindari melewati setiap pengaturan render yang mungkin memengaruhi tampilan web.