9

使用微信登录WordPress博客

现在接入微信的网站越来越多,如果你有自己的网站,使用微信一键登录网站(无需输帐号密码)可以减少很多注册成本,增强用户体验,也更方便地跟自身的网站结合起来。

目前,微信登录包含公众帐号接入和网站应用接入,可以这么理解:公众号接入的只能在微信APP登录,网站应用接入的可以在电脑(PC)和微信APP登录。这两者可以同时接入,互不冲突。

提示:无论何种方式接入,个人资质都无法获得权限。

一、网站应用接入-PC端/微信APP都能使用(推荐

在PC端点击微信登录按钮后,出现如下二维码,使用微信扫一扫就可以登录,无需输帐号密码:

微信登录

打开微信开放平台,选择【网站应用】接入,填写一些资料你们懂的。有一个需要注意的,就是回调地址,写上你的域名,不要加http://,如xxx.com或者www.xxx.com ,如果需要改官方网址,建议先改回调域,保存后再改官方网址,因为修改官方网址要重新审核(7天)。如图:

二、公众号接入-仅限微信APP使用

效果图:

微信登录

微信授权

1. 目前仅支持微信服务号。微信的服务号支持OAuth2.0网页授权切记:只有在微信客户端才会显示微信登录按钮。

2. 在微信公众平台后台的【开发者中心】-接口权限表,找到【网页授权获取用户基本信息】,点击旁边的开启/修改,如图:

图片

打开后填写授权回调页面域名,写上你的域名,不要加http://,如xxx.com或者www.xxx.com 如图:

图片

三、同时接入公众号和网站应用

如果你同时申请到这两种接入方式,切记要在微信开放平台 — 【管理中心】 — 【公众帐号】绑定您的公众号,只有这样才能完美互通,否则同一个微信在微信APP、PC登录后会生成两个Wordpress帐号。

四、安装WordPress插件实现微信登录

微信登录已经集成到WordPress连接微博专业版插件。您只要把申请的KEY填写到插件自定义key中即可。如果您无法申请key,也可以直接用我的默认key,可以在电脑(PC)和微信APP登录哦,测试地址

如果您希望用户在微信打开您网站后立即登录,可以在插件的【社交登录】-【用户设置】开启“微信客户端内强制用微信登录网站”。

五、高级玩法

(1)、很多人使用自定义回复(编辑模式或者开发模式),比如有人关注你的微信或者发某个关键字时,你想要提示用户登录,并给出链接,

微信登录的链接是: http://你的网址/wp-content/plugins/wp-connect/login.php?go=weixin
微信绑定已有帐号的链接是: http://你的网址/wp-content/plugins/wp-connect/login.php?go=weixin&act=wxbind

提示:微信支持A链接。如:

1
您可以使用微信\n<a href="http://你的网址/wp-content/plugins/wp-connect/login.php?go=weixin">快速登录或注册本站</a>\n或者跟网站已有<a href="http://你的网址/wp-content/plugins/wp-connect/login.php?go=weixin&amp;act=wxbind">帐号绑定</a>

(2)、如果您在使用WordPress连接微信,也可以自定义php代码,体验效果更佳,代码仅供参考,还是需要安装WordPress连接微博专业版V3.5.2及以上版本:

需要把以下内容加到主题的functions.php文件中。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
add_action('wx_auto_reply', 'wx_custom_auto_reply_bind_user', 10, 3);
function wx_custom_auto_reply_bind_user($answer, $keyword, $postObj) {
	// 添加关键字
	switch ($keyword) {
		case "register":
		case "login":
		case "注册":
		case "登录":
			return '点击<a href="' . plugins_url('wp-connect') . '/login.php?go=weixin">该处链接</a>可以快速登录或注册本站';
		case "bind":
		case "绑定":
			return wx_bindUser($postObj['FromUserName']);
		case "/del": // 解绑
			return wx_bindUser($postObj['FromUserName'], 1);
		default:
	} 
} 
function wx_login_required($text = '') {
	$url = plugins_url('wp-connect') . '/login.php?go=weixin';
	return $text . "您可以使用微信\n<a href="$url">快速登录或注册本站</a>\n\n或者跟网站已有<a href="$url&amp;act=wxbind">帐号绑定</a>";
} 
// 修改2015/5/16
function wx_bindUser($id, $unbind = 0) {
	$uid = get_connect_uid('weixin', $id);
	if ($uid &gt; 0) {
		if ($unbind) {
			delete_connect_user($uid, 'weixin');
			do_action('delete_user_bind', $uid, 'weixin');
			return '已经解除绑定!';
		} else {
			return "您已绑定,\n可以发送【/del】解除绑定";
		} 
	} else {
		return wx_login_required();
	} 
} 
add_filter("wp_login_errors", "wp_login_errors_bind", 10, 1);
function wp_login_errors_bind($errors) {
	if (!empty($_GET['wxbind'])) {
		// $errors = new WP_Error();
		$errors -&gt; add('wxbind', '登录网站后将引导您绑定微信。', 'message');
		return $errors;
	} 
}

更多自定义代码见 微信自定义回复

已有 1 用户参与1
1 : 0
+1已打分
分享到:
  1. 六微米-蒋

    谁有微信一健登陆的 插件吗

    2015年7月14日 10:27来自QQ1 回复
  2. 用微信登陆无法获取头像哦,求改进

    2015年7月1日 17:55来自QQ1 回复
    • 水脉烟香

      默认key无法获取头像,自定义key可以获取头像噢。

      2015年7月3日 17:39 回复
  3. 好功能 学习了

    2015年1月5日 23:37来自新浪微博1 回复
  4. 交钱还好说,关键是交钱后无法认证就不爽了

    2014年11月24日 23:08来自新浪微博1 回复
    • 水脉烟香

      回复@海滨稻香skating:这种事好像会发生,所以资料要齐全。

      2014年11月25日 07:13来自新浪微博1 回复
  5. 认证服务号[可怜]

    2014年11月21日 08:16来自腾讯微博 回复
  6. 期待订阅号的支持

    2014年4月26日 19:03来自新浪微博3 回复
  7. [给力]

    2014年4月19日 19:51来自新浪微博1 回复