海淘科技為你分享：【MIP技術(shù)分享】站點mip改造問題

前言：

最近嘗試做跳轉(zhuǎn)到dedecms GBK /移動站的MIP改造適應，通過一系列的改進思路和試驗，終于完成了，復習過程中，主要的問題可以分為以下幾類：

1、非utf-8站點的編碼問題

前一段時間，宋同學站長社區(qū)發(fā)布了新版本的CMS和轉(zhuǎn)換UTF-8編碼的數(shù)據(jù)庫教程，我只是開始了一個類似的想法，但因為網(wǎng)站通過二次開發(fā)，其中包含一些凌亂的附加文件，如沉重的CMS恢復修改成以前的，是非常困難，這種思維方式最終成死路了。然后試著讀的時候，數(shù)據(jù)庫調(diào)用GBK編碼，經(jīng)過測試生成一般可正常瀏覽，但仍有一些后續(xù)問題和少量的亂的代碼，也放棄了這個計劃。到底，閃光-為什么在程序執(zhí)行過程中掙扎?當可以完全在生成的靜態(tài)頁面，以取代改善!立即開始的感覺是自發(fā)產(chǎn)生的，測試是可行的，在以后的問題(如以下問題2，3)的想法，變得那么容易解決。

2、路徑問題

<a>、<img>/<mip-img>標簽都轉(zhuǎn)換成一個完整的URL，相對路徑應該是沒有明確提出的教程了，根相對路徑也不錯，主要的路徑是相對于當前頁面轉(zhuǎn)換，完整的URL在當前目錄添加，有一些困難(尤其是標簽調(diào)用生成的相對路徑，例如分頁)。

3、內(nèi)聯(lián)樣式問題

內(nèi)聯(lián)樣式可以手動校正模板內(nèi)，雖然麻煩，但難度不是很大，主要的問題是發(fā)布論文的背景，CMS編輯器自動生成各種不符合的MIP的規(guī)則，包括原代碼內(nèi)聯(lián)樣式，除了修改編輯器和其他困難為了解決。

4、js問題

MIP的規(guī)格限制JS的使用，這真的是很頭疼，但我沒有JS多的網(wǎng)站，所以刪除部分效果和使用現(xiàn)有的組件來代替，也解決了這個問題。不過還是希望百度MIP團隊根據(jù)標準方案的優(yōu)化方面，很多網(wǎng)站有大量的JS代碼，不會刪除所有組件的形式提交也很麻煩，需要一定的程序，來解決其它問題也可以按照統(tǒng)一的教程，但在JS MIP重建并非如此，按照目前的限制會導致很多站長因此不得不放棄MIP重建。

5、其他問題

1. 出現(xiàn)少量樣式?jīng)_突，要依據(jù)切實情形對css進行部分的修改
2. 出現(xiàn)mip cache沒有辦法識別站點中圖片的302跳轉(zhuǎn)
3. 組件使用bug
4. mip引入提交之后就會顯success，無提交記錄與狀態(tài)，用戶體驗上有所欠缺

正題：基于dedecms/gbk的整站mip改造

第一部分：模板修改

1、js部分：刪除或使用現(xiàn)有組件替換
2、調(diào)用百度mip文件：
head里加<link rel="stylesheet" type="text/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標簽直接調(diào)用當前頁url。
4、外部通用css文件：建議將css文件中的樣式代碼嵌入<style mip-custom>…</style>中，另存為模板文件(如css.htm)，用{dede:includefilename="css.htm"/}
替換相關(guān)模板中的<link rel="stylesheet" type="text/css"href="…" />。

模板中的內(nèi)聯(lián)css可人工進行查找替換，合并至中。

注：以上操作大多可通過批量查找替換來完成，看似需要修改很多，但實際工作量并不大。

第二部分：程序文件修改

· 靜態(tài)生成移動站：找到/include/dedetag.class.php文件中解析模板輸出為文件的函數(shù)：

//路徑轉(zhuǎn)換函數(shù)文件。$content：代碼源，$feed_url：首頁，$f_url:相對路徑的目錄部分

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

//根目錄相對路徑（如href="/a/b.html"）轉(zhuǎn)換

$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"）轉(zhuǎn)換

$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'){

//跳轉(zhuǎn)適配站識別是否為移動端生成，不影響pc端的gbk編碼。移動端為獨立站點需去掉此判斷條件。

$f_url=explode('www.域名.com/m',dirname($filename));//分割路徑，獲取當前頁相對路徑的目錄部分

//如dirname($filename)得到的本地絕對路徑為D:/wwwroot/www.域名.com/m/yygk/xwzx，

用網(wǎng)站目錄“www.域名.com/m”作為標識分割路徑，得到目錄部分“/yygk/xwzx”。

$html=$this->GetResult();

$html=$this->relative_to_absolute($html,'http://','m.域名.com',$f_url[1].'/');//相對路徑轉(zhuǎn)換絕對路徑

$html=str_replace('<metacharset="gb2312">','<metacharset="utf-8">',iconv('gbk','utf-8//ignore',$html));//轉(zhuǎn)換為utf-8編碼聲明，fwrite會以此生成靜態(tài)頁面

$html=str_replace('<a','<a target="_blank" ',$html);//<a>標簽加target

$html=str_replace('<img','<mip-img ',$html);//替換<img>標簽

/*主要針對編輯器生成的內(nèi)聯(lián)樣式，將內(nèi)聯(lián)樣式轉(zhuǎn)換到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端執(zhí)行

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

}

fclose($fp);

}

注：該方案初步測試成功，因生成靜態(tài)文件時處理程序增加，理論上來說會對生成效率有所影響。另外，不排除存在問題的可能性，如有問題或其他想法可在百度站長社區(qū)回帖共同研究探討。

· 默認動態(tài)移動站：

1、修改/m目錄下index.php、list.php、view.php三個php文件的編碼，改為utf-8。

2、找到/include/dedetag.class.php文件中解析模板直接輸出的函數(shù)：

function Display()

	function Display()


	{

	echo $this->GetResult();
	}

替換成：

$html=str_replace('','',$this->GetResult());//轉(zhuǎn)換為utf-8編碼聲明，此處源內(nèi)容$this->GetResult()不需要轉(zhuǎn)編碼

echo $html;

}

如此即可以utf-8編碼輸出動態(tài)頁面，其他處理可參照上面靜態(tài)生成站點方案中的代碼。 以上就是提供的【MIP技術(shù)分享】站點mip改造問題內(nèi)容。更多jave編程供你查閱。文章下載，點擊：【MIP技術(shù)分享】站點mip改造問題。