当前位置:首页 >  站长 >  建站经验 >  正文

MIP技术分享:织梦gbk站点mip改造方案分享

 2016-11-10 08:34  来源: A5专栏   我来投稿 撤稿纠错

  域名预订/竞价,好“米”不错过

前言:

近期尝试对一个做过跳转适配的dedecms/gbk手机站进行整站mip改造,经过一系列思路完善和测试,终于完成,回顾下过程,主要问题可分为以下几类:

1、非utf-8站点的编码问题

前些时候宋同学在站长社区发布了新装utf-8版cms和转换数据库编码的教程,我刚开始也是类似思路,但因为站点经过二次开发以及包含一些乱七八糟的附加文件等,重装cms很难复原之前的修改,此思路卒。后又尝试在数据库调用时以gbk编码读取,测试生成后虽大体上浏览正常,但还是存在些许后续问题和少部分乱码,也放弃了该方案。最终,灵光一闪——为什么要在程序执行过程中纠结?完全可以在生成静态页面时进行替换整改啊!顿时柳暗花明之感油然而生,测试果然可行,之后遇到后续问题(如下面问题2、3)也因此思路而变得易解决了。

2、路径问题

、/等标签中的相对路径需均转换为完整url,这个在目前教程里貌似没有明确提出,根目录相对路径还好,主要是相对当前页面路径转换完整url需加上所在目录有些难度(特别是标签调用生成的相对路径,如分页)。

3、内联样式问题

模板里的内联样式可以手动整改,虽烦琐但难度不大,主要问题在于后台发布文章时,cms编辑器会自动生成包括内联样式在内的各种不符合mip规则的原始代码,除了折腾一下对编辑器进行修改,其他也很难解决了。

4、js问题

mip规范局限了js的使用,这个的确挺头疼的,好在我改造的站点内js不多,所以删掉部分效果和使用现有组件替换,也凑合解决了此问题。不过还是希望百度mip团队能在考虑下此方面的规范方案优化,不少站点有很多js代码且不能去除,全部以组件形式提交也很费事且需要一定的程序基础,其他问题还可以按*程去解决,但js上的mip改造却无法如此,按照目前的限制会导致很多站长因此一点就不得不放弃mip改造。

5、其他小问题

·发现少部分样式有冲突,需根据实际情况对本身css进行局部修改。

·发现mip cache无法识别站点中图片的302跳转,如原站使用302跳转的图片,mip生效后无法显示图片。该问题已和百度技术人员沟通,说后续可以考虑支持,目前我自己加了一段代码对路径做了下处理。

·组件使用bug(如mip-carousel多图轮播图片套链接会导致图片显示空白,且无法自适应屏幕)。

·mip引入提交后就回显个success,也没有提交记录和状态,用户体验上有所欠缺。

正题:基于dedecms/gbk的整站mip改造

第一部分:模板修改

1、js部分:删除或使用现有组件替换

2、调用百度mip文件:

head里加

body里加

3、head里加,通过dedecms标签直接调用当前页url。

4、外部通用css文件:建议将css文件中的样式代码嵌入

中,另存为模板文件(如css.htm),用{dede:includefilename="css.htm"/}替换相关模板中的。

模板中的内联css可人工进行查找替换,合并至中。(虽在下面代码中可以自动进行处理,但从静态文件生成性能角度考虑,还是建议人工先将模板中的内联样式一次性整改好。)

注:以上操作大多可通过批量查找替换来完成,看似需要修改很多,但实际工作量并不大。

第二部分:程序文件修改

· 静态生成移动站:

找到/include/dedetag.class.php文件中解析模板输出为文件的函数:

function SaveTo($filename)

{

$fp = @fopen($filename,"w")or die("DedeTag Engine Create File False");

fwrite($fp,$this->GetResult());

fclose($fp);

}

替换为(部分代码可根据实际情况进行改动):

//路径转换函数文件。$content:代码源,$feed_url:首页,$f_url:相对路径的目录部分

function relative_to_absolute($content,$protocol, $domain, $f_url) {

//根目录相对路径(如href="/a/b.html")转换

$new_content =preg_replace('/href\s*\=\s*([\'"])\s*\//','href=\\1'.$protocol.$domain.'/', $content);

$new_content =preg_replace('/src\s*\=\s*([\'"])\s*\//', 'src=\\1'.$protocol.$domain.'/',$new_content);

//当前页相对路径(如href="a/b.html")转换

$new_content

=preg_replace('/href\s*\=\s*([\'"])(?!(http|https):\/\/)/','href=\\1'.$protocol.$domain.$f_url,$new_content);

$new_content

=preg_replace('/src\s*\=\s*([\'"])(?!(http|https):\/\/)/','src=\\1'.$protocol.$domain.$f_url, $new_content);

return $new_content;

}

function SaveTo($filename)

{

$fp=@fopen($filename,"w") ordie("DedeTag Engine Create File False");

if(substr($_SERVER['PHP_SELF'],-6)=='_m.php'||substr($filename,-13)=='/m/index.html'){//跳转适配站识别是否为移动端生成,不影响pc端的gbk编码。移动端为独立站点需去掉此判断条件。

$f_url=explode('www.域名.com/m',dirname($filename));//分割路径,获取当前页相对路径的目录部分

//如dirname($filename)得到的本地绝对路径为D:/wwwroot/www.域名.com/m/yygk/xwzx,用网站目录“www.域名.com/m”作为标识分割路径,得到目录部分“/yygk/xwzx”。

$html=$this->GetResult();

$html=$this->relative_to_absolute($html,'http://','m.域名.com',$f_url[1].'/');//相对路径转换绝对路径

$html=str_replace('<metacharset="gb2312">','<metacharset="utf-8">',iconv('gbk','utf-8//ignore',$html));//转换为utf-8编码声明,fwrite会以此生成对应编码的静态页面

$html=str_replace('<a','标签加target< p="">

$html=str_replace('<img','

/*主要针对编辑器生成的内联样式,将内联样式转换到head的style标签中*/

if(preg_match_all('/\sstyle\s*\=\s*[\'"](.*?)[\'"]/',$html,$css)){

$css0=array_unique($css[0]);//过滤重复style

foreach($css0as $k => $v){

$html=str_replace($v,'class="mip_add_css_'.$k.'"',$html);//mip_add_css_为自定义样式名前缀,可自行修改,但需避免与原有样式名重复

$temp_name='mip_add_css_'.$k;

$$temp_name=$css[1][$k];

$add_css.='.'.$temp_name.'{'.$css[1][$k]."}\n";

}

$html=str_replace('',"

申请创业报道,分享创业好点子。点击此处,共同探讨创业新机遇!

相关标签
百度mip

相关文章

  • 提高用户体验,共建Web生态,万家站点助力 MIP 技术

    2018年1月26日,来自各地的站长、开发者、建站商、科技记者、前端技术爱好者,共计两百余人,齐聚北京五棵松嘻哈包袱铺,共同庆祝MIP技术PV破亿,与此同时,共5千余人在线观看了此次庆典活动的直播。MIP(MobileInstantPage)是百度提出的一项开源技术,主要通过MIP规范、代码运行环境

  • MIP改造不再难 大量官方模板放出帮助站点改造

    简单来说MIP是由百度推出的一套移动网页开放性标准,直白点说就是百度为了进一步提高用户体验进而推出的一系列规范标准,站长参与MIP改造计划能够与百度共同获得一定的收益。【MIP改造已成主流】目前全网已有2800+个站点近10亿页面完成了MIP改造,百度搜索导给MIP页面的流量已近5000W,每天都有

  • 不止是网页加速,百度搜索MIP提升站点广告收入实录

    百度推出MIP项目已1年有余,站点对MIP改造也趋之若鹜,目前MIP已经覆盖全互联网9亿个页面,那么这么多站点改造后收益如何呢?在2017年3月23日百度站长平台广州VIP大讲堂&沙龙中,Mip项目的负责人通过一系列Mip改造后站点的数据给出了答案。『MIP带来用户体验提升』“用户体验第一”这句话不

  • 百度MIP负责人参加谷歌AMP峰会 双方将共同提升网页体验

    近日,首届谷歌AMP开发者大会正式召开,百度MIP技术负责人高磊受邀出席此次大会并发表演讲。高磊表示,百度的MIP与谷歌的AMP都是为了提升网页体验而做出的努力,MIP与AMP的技术规范是同根同源的,MIP在中国国内做了适合国内国情的的扩展。为了避免站长二次开发,MIP与AMP的技术融合是双方未来努

  • 站长新时代 百度搜索移动赋能成二次发展关键

    众所周知,移动互联网的大机会已经消失,而在此次12月22日的“百度搜索VIP大讲堂”上,搜索主任架构师谭待也表示,整个移动互联网的增速已经放缓,进入到了红利的末期。但是这对于站长来说并非灾难,因为这一趋势在倒逼整个行业在向更高的用户体验质量提升,从搜索引擎到站长,都将越来越看重用户留存的价值,从获取

热门排行

信息推荐