请选择 进入手机版 | 继续访问电脑版
查看: 9385|回复: 61

dedecms/gbk站点mip改造方案分享

[复制链接]
发表于 2016-11-8 10:20:46 | 显示全部楼层 |阅读模式
本帖最后由 hscd521 于 2016-11-8 14:52 编辑

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

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

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

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

5、其他小问题
         ·发现少部分样式有冲突,需根据实际情况对本身css进行局部修改。
         ·发现mip cache无法识别站点中图片的302跳转,如原站使用302跳转的图片,mip生效后无法显示图片。该问题已和百度技术人员沟通,说后续可以考虑支持,目前我自己加了一段代码对路径做了下处理。
         ·组件使用bug(如mip-carousel多图轮播图片套<a>链接会导致图片显示空白,且无法自适应屏幕)。
         ·mip引入提交后就回显个success,也没有提交记录和状态,用户体验上有所欠缺。

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

第一部分:模板修改
1js部分:删除或使用现有组件替换

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>标签

                            /* 主要针对编辑器生成的内联样式,将内联样式转换到headstyle标签中 */
                            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编码输出动态页面,其他处理可参照上面静态生成站点方案中的代码。

评分

参与人数 1金币 +7500 收起 理由
以利seo + 7500 很给力!

查看全部评分

发表于 2016-11-8 13:48:13 | 显示全部楼层
赞 这个好

点评

这个方案是在移动站是静态页面的基础上的,大家仔细看好,在过程中发现什么问题都可以在本帖讨论  发表于 2016-11-8 14:13
回复 支持 反对

使用道具 举报

发表于 2016-11-8 14:27:55 | 显示全部楼层
厉害.完全扭转了思路.帝国和其他cms通过这个思路完全可以减少修改工作量
回复 支持 反对

使用道具 举报

发表于 2016-11-8 14:34:56 | 显示全部楼层
支持哈!

评分

参与人数 1金币 +50 收起 理由
hscd521 + 50 多谢支持

查看全部评分

回复 支持 1 反对 0

使用道具 举报

发表于 2016-11-8 15:45:56 | 显示全部楼层
一直也在寻找更简单的方法!老板的方法果然很简单,先学习一下。
回复 支持 反对

使用道具 举报

发表于 2016-11-8 20:15:11 | 显示全部楼层
建议楼主按照自己这套思路做成改好的DEDE文件让大家下载这样有些人就看着不晕了,谢谢
回复 支持 反对

使用道具 举报

发表于 2016-11-9 08:26:55 | 显示全部楼层
ihuase 发表于 2016-11-9 02:46
版主 你这个方法是不是原来的PC站 保持为GBK不变,还是原来的GBK老站,而 在生成移动页面时 移动的页面是以 ...

跟版本没什么关系,就是在最后生成浏览页面那步对html代码进行修改,除了对模板的常规mip修改,程序文件只需要改下输出函数即可,原站其他所有都不需要改动

点评

大侠我以为你就是版主呢, 我用的就是dede 的GBK,由于得到网络上一位朋友热心指点,用dede改造生成pc静态页面的同时也生成m移动静态页面,也就是一个后台,一个数据库而已。而自己又百度找了好多方法修改了很多文件  详情 回复 发表于 2016-11-9 11:49
回复 支持 反对

使用道具 举报

发表于 2016-11-9 02:44:03 | 显示全部楼层
原来是版主大侠出手了,果然不同凡响。

不过 想问问 版主用的dede 5.7 GBK 什么版本,他5.7有好多版本的。其他版本有没有影响呢?我用的是5.7版本 的2014.08.14这个版本的,这个版本貌似漏洞少

版主你这个修改 能生成静态移动页面么?


如果按照 版主的思路,若原站pc站为GBK(dede2014年GBK),移动站M站当然也是GBK了, 那么新下载一个同版本的dede5.7 GBK版(2014版本的),用来连接 原站的GBK数据库,但是这新下载的dede程序按照版主你的方法修改一番,这样另外生成一个mip 站点

那么 这样原pc站可以保持不变,原来的M站也保持不变,最新又添加一个mip站,这样是否更好?


点评

abcd9com是我这边团队的技术主管,会和大家聊相关问题的  发表于 2016-11-9 08:46
回复 支持 反对

使用道具 举报

发表于 2016-11-9 02:46:14 | 显示全部楼层
版主 你这个方法是不是原来的PC站 保持为GBK不变,还是原来的GBK老站,而 在生成移动页面时 移动的页面是以utf8编码方式生成?
回复 支持 反对

使用道具 举报

发表于 2016-11-9 08:30:29 | 显示全部楼层
jie5921 发表于 2016-11-8 20:15
建议楼主按照自己这套思路做成改好的DEDE文件让大家下载这样有些人就看着不晕了,谢谢 ...

其实就是一个函数修改,因为修改中涉及到各站域名不同、移动站和pc是否共用后台等因素,各站所需代码是不同的,无法统一做模板,所以建议找个稍微有点代码基础的人协助修改。
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

手机版|Archiver|Baidu Inc.

GMT+8, 2019-10-23 01:09 , Processed in 0.502100 second(s), 12 queries .

Powered by Discuz! X3.2

© 2001-2011 Comsenz Inc.

返回顶部