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 标头。
有趣的是,当用户离开空白对话框并再次单击“赞”按钮时,它的工作原理非常完美(赞和不一样)——它以某种方式保持身份验证处于活动状态。为了解决空白页,我尝试/使用了以下内容:
使用WebViewClient
和shouldOverloadUrlForwarding
将整个过程保持在同一个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);
还尝试使用 CookieSyncManager
、CookieManager
和手动处理来持久化 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按钮