不知道大家有没有想过。在微信个人公众号越来越流行,自媒体越来越流行的时候,你有没有想过申请一个属于自己的呢?微信公众号呢?在朋友圈,我看到越来越多的朋友在转发微信的文章公众号。你觉得如果我想创建一个微信公众号,我应该怎么做?写文章太枯燥了,你没有内容的素材。好吧,那么本文就教大家如何正确折腾微信个人公众号。准备工作首先,你要有一个个人博客,后台动态语言。第二,你要有一个微信个人公众号。最后,你必须会编程(如php、javascript等)来配置微信公众号。登录微信公众平台,进入开发->基础配置页面,开启服务器配置功能,如下图:具体访问验证您的服务器地址,请参考公众号开发文档。这一步完成后,我们就可以开始编写服务端代码了(以php为例)服务端主要用于接受和分析微信发来的数据,以下是公众号消息接收服务器代码片段://微信消息接收入口函数onHttpPostRequest($mock){$wxMsgBody=$mock;if(empty($wxMsgBody)){$wxMsgBody=file_get_contents("php://input");$this->wxMsgBody=simplexml_load_string($wxMsgBody,'SimpleXMLElement',LIBXML_NOCDATA);$this->wxMsgType=strtoupper($this->wxMsgBody->MsgType);$this->comet();}//将接收到的消息序列化写入文件触发前端cometpublicfunctioncomet(){$cometfile=WWW_PATH.'wechat.comet';if(!file_exists($cometfile)){file_put_contents($cometfile,'');}$filemtime=filemtime($cometfile);$timing=time()-$filemtime;$wxMsgBody=(数组)$this->wxMsgBody;if($timing>1){file_put_contents($cometfile,serialize($wxMsgBody));}else{file_put_contents($cometfile,serialize($wxMsgBody).PHP_EOL,FILE_APPEND);}}以上完整代码地址:indexAction。服务器推送”技术主要用于在博客页面实时显示弹幕消息,其核心代码分为服务端和客户端如下:$value){$msg=unserialize($value);如果($msg['MsgId']==$msgid){中断;}array_push($result,$msg);}$response=array();$response['data']=$result;$response['timestamp']=$filemtime;echo$callback。'('.json_encode($response).')';ob_flush();flush();下面的代码主要是在客户端和服务端建立http长连接//客户端代码(javascript)函数Comet(url,cbk){变量url=url;varcbk=cbk;变种时间戳=0;变量msgid=0;varnoerror=truevarmain=function(){$.ajax({type:'GET',url:url,dataType:'jsonp',timeout:5000,data:{timestamp:timestamp,msgid:msgid}}).成功(函数(res){varisFrist=timestamp;timestamp=res.timestamp;if(res.data[0]){msgid=res.data[0]['MsgId'];}noerror=true;if(isFrist==0)返回false;if(cbk)cbk(res);}).complete(function(){if(!noerror){setTimeout(main,10);}else{setTimeout(main,10);}noerror=假;});};returnmain();}Comet('http://dev.sobird.me/_wechat.php',function(res){vardata=res.data;vardanm={info:'',//texthref:'',//linkclose:false,//显示关闭按钮speed:6,//延迟,单位秒,默认6color:randRgb(),//color,默认白色old_ie_color:randRgb(),//即低版本兼容颜色,不能与网页背景相同,默认黑色}if(data.length>0){$.each(data,function(index,item){varmsgType=item.MsgTypeswitch(msgType){case'text':vartext=item.Content;danm.info=text;$('body').barrager(danm);break;case'image':varimg='http://dev.sobird.me/wechat/pic?src='+item.PicUrl;danm.img=img;disImage(img,function(){$('body').barrager(danm);});中断;默认:}});}});完整代码:Jaring.js文件底部的弹幕?在博客上实现弹幕效果比较简单。Github上有很多开源库(基于jQuery)。我用的是这个库:jquery.barrager.js,你可以在博客中导入这个库,如下所示//把官方的例子移过来~~varitem={img:'static/heisenberg.png',//图片信息:'弹幕文字信息',//texthref:'http://www.yaseng.org',//linkclose:true,//显示关闭按钮speed:8,//延迟时间,单位秒,默认8bottom:70,//距底部高度,单位px,默认随机color:'#fff',//颜色,默认白色old_ie_color:'#000000',//ie低版本兼容颜色,不能与网页背景相同,defaultblack}$('body').barrager(item);基于jQuery弹幕效果,代码较短,调整合适的CSS样式即可体验效果。不妨扫描下面的二维码,关注我,发一些文字或者图片,然后去我的个人博客看看
