用的WebView和Facebook評論問題登錄

我建好了我的博客的WebView應用程序，但我與博客文章的評論形式的掙扎......用的WebView和Facebook評論問題登錄

一個博客帖子有一個Facebook的評論形式和Disqus形式徵求意見，當用戶用他的賬戶登錄（Facebook或disqus）的博客文章發表評論，web視圖一片空白，在logcat中顯示以下內容：

06-12 01:41:23.161 25469-25469/com.lfcchile I/chromium: [INFO:CONSOLE(0)] "Failed to execute 'postMessage' on 'DOMWindow': The target origin provided ('http://www.liverpoolecho.co.uk') does not match the recipient window's origin ('http://login.liverpoolecho.co.uk').", source: (0) 
06-12 01:41:23.670 25469-25469/com.lfcchile I/chromium: [INFO:CONSOLE(0)] "Scripts may close only the windows that were opened by it.", source: (0) 
06-12 01:41:24.173 25469-25469/com.lfcchile I/chromium: [INFO:CONSOLE(157)] "Uncaught TypeError: Cannot set property 'className' of null", source: http://login.liverpoolecho.co.uk/GS/GSLogin.aspx?state=mt%3Df_ZBY0aurAv1MxAfZR5z-zz-ETcKtpdXvVcPwVbv46Q.&code=4/lKuWs2HMelOHr7GrjjGa4_LhJiXKK2U15XFuFDZ0R-Y&authuser=0&session_state=d1a06bba2ecd9f8532bc57754cc167dc55368b39..6516&prompt=consent (157) 
06-12 01:50:51.942 25469-25469/com.lfcchile I/chromium: [INFO:CONSOLE(1)] "Uncaught TypeError: Cannot read property 'closed' of null", source: https://m.facebook.com/plugins/close_popup.php?reload=https%3A%2F%2Fwww.facebook.com%2Fplugins%2Fcomments.php%3Fapi_key%3D1043577742379358%26channel_url%3Dhttp%253A%252F%252Fstaticxx.facebook.com%252Fconnect%252Fxd_arbiter.php%253Fversion%253D42%2523cb%253Df27a5826d3620f%2526domain%253Dlfcchile.com%2526origin%253Dhttp%25253A%25252F%25252Flfcchile.com%25252Ff26fe3ca59041dc%2526relation%253Dparent.parent%26colorscheme%3Dlight%26href%3Dhttp%253A%252F%252Flfcchile.com%252F2016%252F05%252F24%252Ftenemos-nuevo-portero-loris-karius%252F%26locale%3Des_LA%26mobile%3Dtrue%26numposts%3D1%26sdk%3Djoey%26skin%3Dlight%26version%3Dv2.3%26refsrc%3Dhttp%253A%252F%252Flfcchile.com%252F2016%252F05%252F24%252Ftenemos-nuevo-portero-loris-karius%252F%26ret%3Doptin%26order_by%3Dtime%26hash%3DAQAX5nrCJZbrqaQQ (1)

我的MainActivity

package com.lfcchile; 

import android.content.Intent; 
import android.graphics.Bitmap; 
import android.net.Uri; 
import android.os.Bundle; 
import android.support.design.widget.FloatingActionButton; 
import android.support.design.widget.NavigationView; 
import android.support.v4.view.GravityCompat; 
import android.support.v4.widget.DrawerLayout; 
import android.support.v7.app.ActionBarDrawerToggle; 
import android.support.v7.app.AppCompatActivity; 
import android.support.v7.widget.Toolbar; 
import android.view.Menu; 
import android.view.MenuItem; 
import android.view.View; 
import android.webkit.WebView; 
import android.webkit.WebViewClient; 
import android.widget.ProgressBar; 
import android.widget.Toast; 
import android.content.pm.PackageManager; 

public class MainActivity extends AppCompatActivity 
     implements NavigationView.OnNavigationItemSelectedListener { 

    private WebView myWebView; 
    private ProgressBar progressBar; 

    //Función que almacena la URL actual para compartirla 
    private void shareURL() { 
     Intent shareIntent = new Intent(Intent.ACTION_SEND); 
     shareIntent.setType("text/plain"); 
     shareIntent.putExtra(Intent.EXTRA_TEXT, myWebView.getUrl()); 
     startActivity(Intent.createChooser(shareIntent, "Comparte este enlace!")); 
    } 

    //Función que chequea si la App de WordPress está instalada en el dispositivo 
    public void checkApp() { 
     Intent intent = getPackageManager().getLaunchIntentForPackage("org.wordpress.android"); 
     boolean installed = appInstalledOrNot("org.wordpress.android"); 
     if (installed) { 
      //Se abre la App 
      intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK); 
      startActivity(intent); 
     } else { 
      //Redirecciona a Play Store para instalar la App 
      Toast.makeText(getApplicationContext(), "Necesitas tener instalada la App de WordPress", 
        Toast.LENGTH_LONG).show(); 
      intent = new Intent(Intent.ACTION_VIEW); 
      intent.addFlags(Intent.FLAG_ACTIVITY_NEW_TASK); 
      intent.setData(Uri.parse("market://details?id=" + "org.wordpress.android")); 
      startActivity(intent); 
     } 
    } 

    //Función para mostrar más Apps del mismo desarrollador 
    public void developerProfile() { 
     final String appPackageName = getPackageName(); // getPackageName() from Context or Activity object 
     try { 
      startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse("market://developer?id=J.+Llorente"))); 
     } catch (android.content.ActivityNotFoundException anfe) { 
      startActivity(new Intent(Intent.ACTION_VIEW, Uri.parse("https://play.google.com/store/apps/developer?id=J.+Llorente"))); 
     } 
    } 

    @Override 
    protected void onCreate(Bundle savedInstanceState) { 
     super.onCreate(savedInstanceState); 
     setContentView(R.layout.activity_main); 

     Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar); 
     setSupportActionBar(toolbar); 

     FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab); 
     fab.setOnClickListener(new View.OnClickListener() { 
      @Override 
      public void onClick(View view) { 
       shareURL(); 
      } 
     }); 

     this.myWebView = (WebView) this.findViewById(R.id.webViewInicio); 
     WebView myWebView = (WebView) this.findViewById(R.id.webViewInicio); 
     progressBar = (ProgressBar) findViewById(R.id.progressBar); 

     // Propiedades del WebView 
     myWebView.setWebViewClient(new MyWebViewClient()); 
     myWebView.getSettings().setJavaScriptEnabled(true); 
     myWebView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true); 
     myWebView.getSettings().setDomStorageEnabled(true); 
     myWebView.loadUrl("http://lfcchile.com/"); 

     DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout); 
     ActionBarDrawerToggle toggle = new ActionBarDrawerToggle(
       this, drawer, toolbar, R.string.navigation_drawer_open, R.string.navigation_drawer_close); 
     drawer.setDrawerListener(toggle); 
     toggle.syncState(); 

     NavigationView navigationView = (NavigationView) findViewById(R.id.nav_view); 
     navigationView.setNavigationItemSelectedListener(this); 
    } 

    //Controlar lo que el botón "Atrás" hace 
    @Override 
    public void onBackPressed() { 
     DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout); 
     if (drawer.isDrawerOpen(GravityCompat.START)) { 
      drawer.closeDrawer(GravityCompat.START); 
     } else { 
      if (this.myWebView.canGoBack()) 
       this.myWebView.goBack(); 
      else 
       super.onBackPressed(); 
     } 
    } 

    //Funciones que permiten iconos en la Action Bar del MainActivity 
    @Override 
    public boolean onCreateOptionsMenu(Menu menu) { 
     // Inflate the menu; this adds items to the action bar if it is present. 
     getMenuInflater().inflate(R.menu.main, menu); 
     return true; 
    } 

    //Acciones de los botones de la Action Bar 
    @Override 
    public boolean onOptionsItemSelected(MenuItem item) { 
     int id = item.getItemId(); 

     //Acción de botón Salir 
     if (id == R.id.action_salir) { 
      finish(); 
      Toast.makeText(getApplicationContext(), "Nos vemos pronto! YNWA!", 
        Toast.LENGTH_LONG).show(); 
     } 

     //Acción del botón Recargar 
     if (id == R.id.action_recargar) { 
      myWebView.reload(); 
     } 
     return super.onOptionsItemSelected(item); 
    } 

    @SuppressWarnings("StatementWithEmptyBody") 
    @Override 
    public boolean onNavigationItemSelected(MenuItem item) { 
     // Acciones del menú. 
     int id = item.getItemId(); 

     if (id == R.id.nav_inicio) { 
      setTitle(R.string.inicio); 
      myWebView.loadUrl("http://lfcchile.com/"); 
     } else if (id == R.id.nav_destacado) { 
      setTitle(R.string.destacado); 
      myWebView.loadUrl("http://lfcchile.com/category/destacado/"); 
     } else if (id == R.id.nav_tabla_pl) { 
      setTitle(R.string.tabla_pl); 
      myWebView.loadUrl("http://lfcchile.com/tabla-pl/"); 
     } else if (id == R.id.nav_hillsborough) { 
      setTitle(R.string.hillsborough); 
      myWebView.loadUrl("http://lfcchile.com/hillsborough/"); 
     } else if (id == R.id.nav_sitiosinteres) { 
      setTitle(R.string.sitiosinteres); 
      myWebView.loadUrl("http://lfcchile.com/sitios-interes/"); 
     } else if (id == R.id.nav_comunidad) { 
      setTitle(R.string.comunidad); 
      myWebView.loadUrl("http://lfcchile.com/comunidad/"); 
     } else if (id == R.id.nav_wordpress) { 
      checkApp(); 
     } else if (id == R.id.nav_playstore) { 
      developerProfile(); 
     } 

     DrawerLayout drawer = (DrawerLayout) findViewById(R.id.drawer_layout); 
     drawer.closeDrawer(GravityCompat.START); 
     return true; 
    } 

    private boolean appInstalledOrNot(String uri) { 
     PackageManager pm = getPackageManager(); 
     boolean app_installed = false; 
     try { 
      pm.getPackageInfo(uri, PackageManager.GET_ACTIVITIES); 
      app_installed = true; 
     } catch (PackageManager.NameNotFoundException e) { 
      app_installed = false; 
     } 
     return app_installed; 
    } 

    //Controla las acciones al cargar la pagina y al finalizar carga 
    private class MyWebViewClient extends WebViewClient { 
     @Override 
     public void onPageStarted(WebView view, String url, Bitmap favicon) { 
      progressBar.setVisibility(View.VISIBLE); 
     } 
     @Override 
     public boolean shouldOverrideUrlLoading(WebView view, String url) { 
      // Sitios web que se cargan dentro de la app, los demás abren el navegador del telefono 
       view.loadUrl(url); 
       return false; 
     } 

     @Override 
     public void onPageFinished(WebView view, String url) { 
      progressBar.setVisibility(View.GONE); 
     } 
    } 
}

來源

2016-06-12 Jonathan Llorente

嗨，喬納森。你有沒有找到解決方案？我面臨着完全相同的事情。 –

我無法與Disqus進行交流，但Facebook註釋的登錄過程要求您創建一個單獨的WebView - 或者以JavaScript形式單獨的「窗口」。（我懷疑Disqus類似，因爲你看到的症狀。）錯誤Cannot read property 'closed' of null是由於WebSettings默認mutli-window支持爲false的事實。在與評論// Propiedades del WebView的部分，你需要添加：

myWebView.getSettings().setSupportMultipleWindows(true);

但是，我看到你有一些其他的問題，在這裏，也是如此。例如，對於棒棒糖以及之後的版本，您需要允許第三方Cookie，以便可以從主持評論的WebView訪問Facebook令牌。我使用這個輔助方法。在你的情況，你會通過在myWebView：

public static void setAcceptThirdPartyCookies(WebView webView, boolean accept) { 
    CookieManager cookieManager = CookieManager.getInstance(); 

    if (accept && !cookieManager.acceptCookie()) { 
     cookieManager.setAcceptCookie(true); 
    } 
    if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP) { 
     cookieManager.setAcceptThirdPartyCookies(webView, accept); 
    } 
}

你還需要的WebChromeClient一個子類分配給myWebView，和你的子類中，你必須覆蓋onCreateWindow()，如記錄在這裏：https://developer.android.com/reference/android/webkit/WebSettings.html#setSupportMultipleWindows(boolean)。在該方法中，您需要創建第二個WebView以託管Facebook的登錄屏幕，並將傳遞到onCreateWindow()的對象android.os.Message發送到新創建的目標WebView。

要獲得所有需要的完整圖片，我建議您參考處理Facebook的Web登錄：Making facebook login work with an Android Webview這個問題的答案。

來源

2017-04-16 01:01:50 markproxy

用的WebView和Facebook評論問題登錄

回答

相關問題