本微信登录代码主要适用于手机微信网页的会员登录功能,无需有公众号,无需申请开通开放平台,只需要网站上镶上本代码,即可实现微信网站自动登录,自动获取微信昵称、头像、openid等会员基本资料。关于电脑网页的微信扫码登录代码,见我另外的文章,话不多说,先上代码,下面再解释
============================代码开始===================================
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
<meta content="yes" name="apple-mobile-web-app-capable" />
<meta content="telephone=no" name="format-detection" />
<meta name="Author" content="kelubo" />
<TITLE>测试引用外域会员资料</TITLE>
<script type="text/javascript" charset="utf-8">
function getQueryString(name) {
var reg = new RegExp( "(^|&)" + name + "=([^&]*)(&|$)" , "i" );
var r = window.location.search.substr(1).match(reg);
if ( r != null ){
return unescape(r[2]);
} else {
return null ;
}
}//获取url中传递过来的值
window.onload = function(){
var url = document.location.toString();//获取当前页url地址
if(url.indexOf("?")==-1){var url = url+"?1=1"}//判断当前页URL是否含有参数,以便回传时包含这些原始参数
var openid = getQueryString("openid");//获取微信会员openid(用户不可修改的唯一永久标识),用于做登录识别码
var wx_name = getQueryString("wxname");//获取微信会员昵称
var wx_pic = getQueryString("wxpic");//获取微信会员头像
if(openid==null){location.href='http://wx.kelubo.net/jk/wx_user.asp?url='+url;}//向接口索要微信会员信息
//下面是参数拿到后的处理示例,您可以根据自己的实际需求进行修改
document.getElementById("quote").innerHTML = decodeURI(escape(wx_name));//把微信昵称发送到div,注意这里进行了一次编解码操作,否则会显示乱码
document.getElementById("quote3").src = wx_pic;//把微信头像发送到图片显示
document.getElementById("quote4").value = openid;//把识别码发送到表单
//form.quote5.value=wx_name;//以name发送到表单
}
</script>
<script>
//这是处理图片错误的,与获取微信资料无关
function imgErr(img)
{
img.src='http://wx.kelubo.net/images/0pic.jpg';
}
</script>
</head>
<body>
<div align="center"><img src="" id="quote3" onError="imgErr(this)"></div>
<div id="quote" align="center">获取中...</div>
<br>
<form name="form">
<input type="text" name="quote4" id="quote4" placeholder="请使用微信访问" style="width:100%;">
</form>
</body>
</html>
======================================代码结束==========================================
微信测试效果链接(需复制到微信):http://www.kelubo.net/wx.html
下面写给小白本代码的应用,高手就不用看了
本段代码只是拿到了微信访客的登陆识别码openid,以及头像和昵称等,但还没有实现整合进您的登录和录入您的网站系统。
要实现您原网站会员的微信登录,首先要保存本次获取到的微信会员信息入库(当然如果网站需求不高也可以不入库),以便会员下次访问的时候对比您网站数据库资料并提取会员资料,这个就根据您网站实际情况了。
登录信息入库比较简单,上面demo我做了简单提交到表单演示,也可以用ajax提交到您动态网页实现录入,将微信绑定到您网站会员库或新注册,具体方法这里就不赘述了,有需要的可以找我交流。
通常实现登录的办法是将会员辨识码写入session或者cookies,我个人比较喜欢写入cookies,因为保存的时效比较长,并且不占用服务器资源,不过上面两种貌似不能用js写,这也是我这段演示代码没有写登录的一个原因,当然也可以通过js写入sessionStorage,不过我还没有尝试过,以后有时间会搞搞,不过可能搞出来也不一定你们能用的到,如果有需要的可以留言我。
交易周期
1、服务的交易周期由双方商定,在买家下单后,商家确认同意订单的同时,给出服务交易(完成)周期;
2、若上述交易周期双方依然无法完成交易,任意一方可发起追加周期(1~60天)的请求,对方同意即可延长。
注意事项
1、源站会对双方交易的过程及交易商品的快照进行永久存档,以确保交易的真实、有效、安全!
2、源站无法对如“永久包更新”、“永久技术支持”等类似交易之后的商家承诺做担保,请买家自行鉴别;
3、在没有"无任何正当退款依据"的前提下,商品写有"一旦售出,概不支持退款"等类似的声明,视为无效声明;
4、在未拍下前,双方在QQ上所商定的交易内容,亦可成为纠纷评判依据(商定与描述冲突时,商定为准);
5、因聊天记录可作为纠纷评判依据,故双方联系时,只与对方在源站上所留的QQ、手机号沟通,以防对方不承认自我承诺。
6、虽然交易产生纠纷的几率很小,但一定要保留如聊天记录、手机短信等这样的重要信息,以防产生纠纷时便于源站介入快速处理。
源站声明
1、源站作为第三方中介平台,依据交易合同(商品描述、交易前商定的内容)来保障交易的安全及买卖双方的权益;
2、非平台线上交易的项目,出现任何后果均与源站无关;无论卖家以何理由要求线下交易的,请联系管理举报。