本微信登录代码主要适用于手机微信网页的会员登录功能,无需有公众号,无需申请开通开放平台,只需要网站上镶上本代码,即可实现微信网站自动登录,自动获取微信昵称、头像、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,不过我还没有尝试过,以后有时间会搞搞,不过可能搞出来也不一定你们能用的到,如果有需要的可以留言我。


阿里云服务器
热门推荐
浏览记录