Facebook Like 按钮的 Android WebView

Posted

技术标签:

【中文标题】Facebook Like 按钮的 Android WebView【英文标题】:Android WebView for Facebook Like Button 【发布时间】:2011-07-03 17:54:17 【问题描述】:

我正在尝试在 android WebView 中创建类似 facebook 的功能(项目规范不允许打开浏览器或任何 应用程序外 活动)。

因此,限制是必须在 WebView 中完成。我设法使它成为一个对话框,并且在用户单击按钮后,它(WebView)成功地(在同一视图中)重定向到 facebooks 登录页面。身份验证成功后,WebView(在对话框中)被重定向到 空白页面,并带有 facebook 标头。

有趣的是,当用户离开空白对话框并再次单击“赞”按钮时,它的工作原理非常完美(赞和不一样)——它以某种方式保持身份验证处于活动状态。为了解决空白页,我尝试/使用了以下内容:

使用WebViewClientshouldOverloadUrlForwarding 将整个过程保持在同一个WebView 对话框中。 使用WebChromeClient 正确执行javascript - 登录后没有它就不可能喜欢/不喜欢。 尝试使用setUserAgentString() 模拟其他浏览器,例如 Chrome 或 Firefox

尝试了 SSL 错误证书处理(在 API 级别 8 中)(WebViewClient

@Override public void onReceivedSslError(WebView view, SslErrorHandler handler, SslError error) handler.proceed();

使用(以及所有可能的组合)

webView.getSettings().setAppCacheEnabled(true); webView.getSettings().setJavaScriptEnabled(true); webView.getSettings().setJavaScriptCanOpenWindowsAutomatically(true);

还尝试使用 CookieSyncManagerCookieManager 和手动处理来持久化 cookie。

这一切都没有结果。非常感谢任何帮助!

【问题讨论】:

嗨,您能否分享一下上述功能的小代码sn-p“我已经设法使它成为一个对话框,并且在用户单击按钮时,它(WebView)成功重定向“ Stefan 你能帮我解决这个问题吗?我正面临一个确切的情况。我的问题发布在***.com/questions/11208427/… 查看这篇文章,有格式良好的库可以解决这个问题:***.com/a/23853937/1891118 【参考方案1】:

要通过空白页,请执行以下操作:

 webview.setWebViewClient(new LikeWebviewClient(this));

 private class LikeWebviewClient extends WebViewClient         
    @Override
    public void onPageFinished(WebView view, String url) 
        Log.d(TAG, "onPageFinished url: " +url);
        // Facebook redirects to this url once a user has logged in, this is a blank page so we override this
        // http://www.facebook.com/connect/connect_to_external_page_widget_loggedin.php?............
        if(url.startsWith("http://www.facebook.com/connect/connect_to_external_page_widget_loggedin.php"))
            String redirectUrl = getFacebookLikeUrl();
            view.loadUrl(redirectUrl);
            return;
        
        super.onPageFinished(view, url);
    

【讨论】:

这对我有用。但还有另一个问题。通常,webview 可以通过使用webView.saveState()webView.restoreState() 来保存其状态并且不会在方向更改时重新加载,但是这里提出的解决方案是一种“双重加载”的东西,并且有点破坏方向更改保存/恢复州代码。有人有解决方案/解决方法吗? 为了回答我的问题,我使用了onConfigurationChanged()。见:***.com/questions/1002085/… @Blundell- 你能告诉我 getFacebookLikeUrl() 返回什么吗:它只是用户想要喜欢的 URL 吗? @Abhijit 是的,这只是他们 API 中用于“喜欢”帖子的 facebook 网址。 有人可以发布 getFacebookLikeUrl() 返回的示例吗?我完全被这意味着什么网址或从哪里得到它所难倒。【参考方案2】:

我在我的 android 应用程序上遇到了同样的问题。问题的原因是 FB 登录 javascript 在新窗口中打开新页面。然后它会在登录成功后尝试关闭它。请按照我的工作代码中的流动示例进行操作。

<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_
android:layout_
android:background="#0099cc"
tools:context=".MyActivity" 
android:id="@+id/webview_frame">
<WebView
android:id="@+id/webview"
android:layout_
android:layout_
/>

ID 为“webview”的Webview 是我的内容的主视图。以下是我的活动代码。

public class MyActivity extends Activity 
/* URL saved to be loaded after fb login */
private static final String target_url="http://www.example.com";
private static final String target_url_prefix="www.example.com";
private Context mContext;
private WebView mWebview;
private WebView mWebviewPop;
private FrameLayout mContainer;
private long mLastBackPressTime = 0;
private Toast mToast;
@Override
protected void onCreate(Bundle savedInstanceState) 
super.onCreate(savedInstanceState);

setContentView(R.layout.activity_urimalo);
// final View controlsView =
// findViewById(R.id.fullscreen_content_controls);
CookieManager cookieManager = CookieManager.getInstance(); 
cookieManager.setAcceptCookie(true); 
mWebview = (WebView) findViewById(R.id.webview);
//mWebviewPop = (WebView) findViewById(R.id.webviewPop);
mContainer = (FrameLayout) findViewById(R.id.webview_frame);
WebSettings webSettings = mWebview.getSettings();
webSettings.setJavaScriptEnabled(true);
webSettings.setAppCacheEnabled(true);
webSettings.setJavaScriptCanOpenWindowsAutomatically(true);
webSettings.setSupportMultipleWindows(true);
mWebview.setWebViewClient(new UriWebViewClient());
mWebview.setWebChromeClient(new UriChromeClient());
mWebview.loadUrl(target_url);

mContext=this.getApplicationContext();

private class UriWebViewClient extends WebViewClient 
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) 
    String host = Uri.parse(url).getHost();
    //Log.d("shouldOverrideUrlLoading", url);
    if (host.equals(target_url_prefix)) 
    
        // This is my web site, so do not override; let my WebView load
        // the page
        if(mWebviewPop!=null)
        
            mWebviewPop.setVisibility(View.GONE);
            mContainer.removeView(mWebviewPop);
            mWebviewPop=null;
        
        return false;
    

    if(host.equals("m.facebook.com"))
    
        return false;
    
    // Otherwise, the link is not for a page on my site, so launch
    // another Activity that handles URLs
    Intent intent = new Intent(Intent.ACTION_VIEW, Uri.parse(url));
    startActivity(intent);
    return true;


@Override
public void onReceivedSslError(WebView view, SslErrorHandler handler,
        SslError error) 
    Log.d("onReceivedSslError", "onReceivedSslError");
    //super.onReceivedSslError(view, handler, error);


class UriChromeClient extends WebChromeClient 

@Override
public boolean onCreateWindow(WebView view, boolean isDialog,
        boolean isUserGesture, Message resultMsg) 
    mWebviewPop = new WebView(mContext);
    mWebviewPop.setVerticalScrollBarEnabled(false);
    mWebviewPop.setHorizontalScrollBarEnabled(false);
    mWebviewPop.setWebViewClient(new UriWebViewClient());
    mWebviewPop.getSettings().setJavaScriptEnabled(true);
    mWebviewPop.getSettings().setSavePassword(false);
    mWebviewPop.setLayoutParams(new FrameLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT,
            ViewGroup.LayoutParams.MATCH_PARENT));
    mContainer.addView(mWebviewPop);
    WebView.WebViewTransport transport = (WebView.WebViewTransport) resultMsg.obj;
    transport.setWebView(mWebviewPop);
    resultMsg.sendToTarget();

    return true;


@Override
public void onCloseWindow(WebView window) 
    Log.d("onCloseWindow", "called");



这个问题的关键是onCreateWindow。创建一个新窗口并将其插入到框架布局中,并在成功时将其删除。我在shouldOverrideUrlLoading 添加了删除。

【讨论】:

【参考方案3】:

我不得不在 iPhone 上解决这个几乎完全相同的问题。我必须做的是拦截 webview 对您上面描述的“空白页面”发出的请求,而是告诉 webview 加载类似的 URL。

【讨论】:

如何拦截 webview 请求并重定向它? @user838355,看我的回答:-)【参考方案4】:

对我没有用:(,但是通过观察我发现错误的重定向链接以

开头
url.startsWith("http://m.facebook.com/a/profile.php?fan&id"))

【讨论】:

以上是关于Facebook Like 按钮的 Android WebView的主要内容,如果未能解决你的问题,请参考以下文章

在 iOS WebView 中添加 Facebook 的 Like 按钮

如何制作一个只是链接而不是 iFrame 的 Facebook“Like”按钮?

如何在我的android应用程序中添加带有计数器的like按钮

自定义简单的like按钮(不是facebook)

在 facebook fanpage 标签上嵌入 facebook like 按钮

Facebook Like 按钮和应用程序 ID?