欢迎来到海淘科技官网 官方微信 官方微博 平面活动官网
微信

网络传播媒介服务提供商

热线电话

021-62677988

海淘新闻
首页 > 新闻列表 > 【MIP技术分享】站点mip改造问题

【MIP技术分享】站点mip改造问题

发布时间: 2016-12-02 14:46
海淘科技为你分享:【MIP技术分享】站点mip改造问题

前言:

最近尝试做跳转到dedecms GBK /移动站的MIP改造适应,通过一系列的改进思路和试验,终于完成了,复习过程中,主要的问题可以分为以下几类:

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

前一段时间,宋同学站长社区发布了新版本的CMS和转换UTF-8编码的数据库教程,我只是开始了一个类似的想法,但因为网站通过二次开发,其中包含一些凌乱的附加文件,如沉重的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、其他问题

  1. 出现少量样式冲突,要依据切实情形对css进行部分的修改
  2. 出现mip cache没有办法识别站点中图片的302跳转
  3. 组件使用bug
  4. 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="/upload/201612/02/201612021543442313.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可人工进行查找替换,合并至中。

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

第二部分:程序文件修改

· 静态生成移动站:找到/include/dedetag.class.php文件中解析模板输出为文件的函数:

//路径转换函数文件。$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()

	function Display()


	{

	echo $this->GetResult();
	}

替换成:

$html=str_replace('','',$this->GetResult());//转换为utf-8编码声明,此处源内容$this->GetResult()不需要转编码

echo $html;

}
如此即可以utf-8编码输出动态页面,其他处理可参照上面静态生成站点方案中的代码。 以上就是提供的【MIP技术分享】站点mip改造问题内容。更多jave编程供你查阅。文章下载,点击:【MIP技术分享】站点mip改造问题

相关文章:

版权所有 @ 2007-2023上海海淘信息科技有限公司 沪ICP备11050025号-4