序言:
近期考试测验对一个做过跳转适配的dedecms/gbk手机站进行整站mip改造,经由一系列思路完善和测试,终于完成,回顾下过程,紧张问题可分为以下几类:
1、非utf-8站点的编码问题

前些时候宋同学在站长社区发布了新装utf-8版cms和转换数据库编码的教程,我刚开始也是类似思路,但由于站点经由二次开拓以及包含一些乱七八糟的附加文件等,重装cms很难复原之前的修正,此思路卒。后又考试测验在数据库调用时以gbk编码读取,测试天生后虽大体上浏览正常,但还是存在些许后续问题和少部分乱码,也放弃了该方案。终极,灵光一闪——为什么要在程序实行过程中纠结?完备可以在天生静态页面时进行更换整改啊!
顿时柳暗花明之感油然而生,测试果真可行,之后碰着后续问题(如下面问题2、3)也因此思路而变得易办理了。
2、路径问题
<a>、<img>/<mip-img>等标签中的相对路径需均转换为完全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多图轮播图片套<a>链接会导致图片显示空缺,且无法自适应屏幕)。
·mip引入提交后就回显个success,也没有提交记录和状态,用户体验上有所欠缺。
正题:基于dedecms/gbk的整站mip改造
第一部分:模板修正
1、js部分:删除或利用现有组件更换
2、调用百度mip文件:
head里加<link rel=\"大众stylesheet\"大众 type=\公众text/css\"大众href=\公众https://mipcache.bdstatic.com/static/mipmain-v1.1.1.css\公众>
body里加<script src=\"大众https://mipcache.bdstatic.com/static/mipmain-v1.1.2.js\"大众></script>
3、head里加<link rel=\"大众canonical\"大众href=\公众{dede:global.cfg_basehost/}{dede:field name='arcurl'/}\"大众 >,通过dedecms标签直接调用当前页url。
4、外部通用css文件:建议将css文件中的样式代码嵌入<style mip-custom>…</style>中,另存为模板文件(如css.htm),用{dede:includefilename=\"大众css.htm\"大众/}更换干系模板中的<link rel=\公众stylesheet\"大众 type=\公众text/css\公众href=\"大众…\"大众 />。
模板中的内联css可人工进行查找更换,合并至<stylemip-custom>中。(虽不才面代码中可以自动进行处理,但从静态文件天生性能角度考虑,还是建议人工先将模板中的内联样式一次性整改好。)
注:以上操作大多可通过批量查找更换来完成,看似须要修正很多,但实际事情量并不大。
第二部分:程序文件修正
· 静态天生移动站:
找到/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','<a target=\"大众_blank\"大众 ',$html);//<a>标签加target
$html=str_replace('<img','<mip-img ',$html);//更换<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('<stylemip-custom>',\"大众<style mip-custom>\n\"大众.$add_css,$html);
}
fwrite($fp, $html);
}else{//pc端实行
fwrite($fp,$this->GetResult());
}
fclose($fp);
}
注:该方案初步测试成功,因天生静态文件时处理程序增加,理论上来说会对天生效率有所影响。其余,不用除存在问题的可能性,如有问题或其他想法可在百度站长社区回帖共同研究磋商。
· 默认动态移动站:
1、修正/m目录下index.php、list.php、view.php三个php文件的编码,改为utf-8。
2、找到/include/dedetag.class.php文件中解析模板直接输出的函数:
function Display()
{
echo $this->GetResult();
}
更换为:
function Display()
{
$html=str_replace('<meta charset=\"大众gb2312\"大众>','<meta charset=\公众utf-8\公众>',$this->GetResult());//转换为utf-8编码声明,此处源内容$this->GetResult()不须要转编码
echo $html;
}
如此即可以utf-8编码输出动态页面,其他处理可参照上面静态天生站点方案中的代码。