现在接入微信的网站越来越多,如果你有自己的网站,使用微信一键登录网站(无需输帐号密码)可以减少很多注册成本,增强用户体验,也更方便地跟自身的网站结合起来。
目前,微信登录包含公众帐号接入和网站应用接入,可以这么理解:公众号接入的只能在微信APP登录,网站应用接入的可以在电脑(PC)中登录。这两者可以同时接入,互不冲突。
提示:无论何种方式接入,个人资质都无法获得权限。
一、公众号接入-仅限微信APP使用
效果图:
1. 目前仅支持微信服务号。微信的服务号支持OAuth2.0网页授权,切记:只有在微信客户端才会显示微信登录按钮。
2. 在微信公众平台后台的【设置-公众号设置-功能设置】找到【网页授权域名】,点击旁边【设置】,
打开后填写授权回调页面域名,写上你的域名,不要加http://,如xxx.com或者www.xxx.com ,如果多个网站要使用,也可以填写 sso.wptao.com
如图:
二、网站应用接入-PC端使用
在PC端点击微信登录按钮后,出现如下二维码,使用微信扫一扫就可以登录,无需输帐号密码:
打开微信开放平台,选择【网站应用】接入,填写一些资料你们懂的。有一个需要注意的,就是回调地址,写上你的域名,不要加http://,如xxx.com或者www.xxx.com ,如果多个网站要使用,请填写 sso.wptao.com
如果需要改官方网址,建议先改回调域,保存后再改官方网址,因为修改官方网址要重新审核(7天)。如图:
三、同时接入公众号和网站应用
如果你同时申请到这两种接入方式,切记要在微信开放平台 — 【管理中心】 — 【公众帐号】绑定您的公众号,只有这样才能完美互通,否则同一个微信在微信APP、PC登录后会生成两个Wordpress帐号。
四、安装WordPress插件实现微信登录
微信登录已经集成到WordPress连接微博专业版插件。您只要把申请的KEY填写到插件自定义key中即可。
如果您希望用户在微信打开您网站后立即登录,可以在插件的【社交登录】-【用户设置】开启“微信客户端内强制用微信登录网站”。
五、高级玩法
(1)、很多人使用自定义回复(编辑模式或者开发模式),比如有人关注你的微信或者发某个关键字时,你想要提示用户登录,并给出链接,
微信登录的链接是: http://你的网址/wp-content/plugins/wp-connect/login.php?go=weixin
微信绑定已有帐号的链接是: http://你的网址/wp-content/plugins/wp-connect/login.php?go=weixin&act=wxbind
提示:微信支持A链接。如:
您可以使用微信\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&act=wxbind">帐号绑定</a> |
(2)、如果您在使用WordPress连接微信,也可以自定义php代码,体验效果更佳,代码仅供参考,还是需要安装WordPress连接微博专业版V3.5.2及以上版本:
需要把以下内容加到主题的functions.php文件中。
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&act=wxbind">帐号绑定</a>"; } // 修改2015/5/16 function wx_bindUser($id, $unbind = 0) { $uid = get_connect_uid('weixin', $id); if ($uid > 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 -> add('wxbind', '登录网站后将引导您绑定微信。', 'message'); return $errors; } } |
更多自定义代码见 微信自定义回复
谁有微信一健登陆的 插件吗