phpcms移动站wap改造为MIP及模板分享

摘要

phpcms作为广泛使用的cms系统，对于服务器带宽有限或是租空间，为了提升移动端访问速度，同时优化网站排名，可以上线MIP。现将PHPCMS的wap改MIP方法分享给大家，不过坑爹的是2020年6月30日后百度下线MIP Cache服务，大家可能不再需要该功能，但将改造过程分享给大家，供学习参考。

phpcms网站MIP改造

最近突击完成了PHPCMS网站wap改造为mip，正准备上线，却突然发现万恶的百度将MIP Cache服务下线（2020年6月1日 – 2020年6月30日：关闭站长平台 MIP 入口，逐步清退下线 MIP Cache 服务）。真是坑爹的百度啊，干啥都没用心做过，MIP做了三年不做了，熊掌号做了两年，也不做了。每次开始做一个新东西，都是大张旗鼓，用提升排名来当诱饵，让广大客户使用，真的等到客户用了，百度却发现不挣钱，又开始下线，真是把客户当猴耍，再次在心里默默怀念Google，现在的百度完全变成了自己家的搜索引擎，而且搜的内容还很垃圾。
虽然MIP下线了，不过自己既然做好了，还是分享出来，供大家参考，做的过程还是蛮辛苦的。而且思路很重要，可以供需要的朋友学习使用。

改造过程

一、修复系统bug

修复系统bug，更改站点子域名（设置m子域名，该步骤根据自身需要）
当通过修改phpcms手机门户域名绑定来更改m子域名，会导致链接显示为PC的，这是由于系统自身bug造成，\phpcms\modules\wap\index.php文件第13行定义WAP_SITEURL常量有bug来修复系统bug

//源代码：
//    define('WAP_SITEURL', $this->wap['domain'] ? $this->wap['domain'].'index.php?' : APP_PATH.'index.php?m=wap&siteid='.$this->siteid);
//修改后代码：
    define('WAP_SITEURL', $this->wap['domain'] ? $this->wap['domain'].'index.php?m=wap&siteid='.$this->siteid : APP_PATH.'index.php?m=wap&siteid='.$this->siteid);

二、替换图片和其他MIP不支持元素

1、在 /phpcms/modules/wap/functions/global.func.php 最底部添加以下代码，并根据需要添加其他MIP不支持的元素处理代码（比如form、iframe等），注意需要自己再完善扩充

/**
 * mip内容替换
 */
function content_mip($content) {
    $content = preg_replace('/<img[^>]*src=[\'"]?([^>\'"\s]*)[\'"]?[^>]*>/i', "<mip-img data-carousel=\"carousel\"  class=\"mip-element mip-img\" src=\"$1\"></mip-img>", $content); //匹配替换过的图片
    $content = preg_replace("/style=.+?['|\"]/i",'',$content);
    return $content;
}

2、模版调用的标签
正文标签：{content_mip($content)}

三、修改wap内容替换函数

修改 /phpcms/modules/wap/functions/global.func.php文件中的content_strip函数（第134行）。该函数将wap不支持的标签全部过滤掉了，需要将MIP支持的元素加上或将该过滤语句屏蔽（函数中strip_tags所在的语句）。另外函数传递参数$ishow会在图片下部加上查看大图的链接，需要将函数参数改为$ishow=0，以下是替换后的代码，需要自己再完善扩充

/**
 * 内容中图片替换
 */
function content_strip($content,$ishow=0) {
    if($ishow!=1) $ishow=0;
   $content = preg_replace_callback('/<img[^>]*src=[\'"]?([^>\'"\s]*)[\'"]?[^>]*>/i', "wap_img_$ishow", $content);  //匹配替换过的图片
   $content = strip_tags($content,'<h1><h2><h3><h4><h5><b><br><img><p><div><a>');
   return $content;
}

四、模版下载

模板样式只做了简单的展示，需要的自行修改。在此提醒大家，MIP只支持utf8编码，如果用了gbk，要将内容转换为utf8。附件是需要的模板文件。
模版使用了：侧边栏、回到顶部、焦点图轮换、百度统计等功能，自己根据需要进行修改

五、添加关联标签

在移动端页面（H5）或PC页面添加指向对应内容的 MIP 页