dede手机独立域名如何配置与使用？-DEDE建站-盈思创科技

这里我们以 m.example.com 作为手机站的独立域名进行说明。

（图片来源网络，侵删）

核心思路

域名准备：购买并配置一个二级域名（如 m.example.com）,使其指向你的主服务器IP。
目录创建：在网站根目录下创建一个专门用于存放手机端文件的文件夹，m/。
手机站程序：将 DedeCMS 程序复制一份到 m/ 目录中，并进行移动端专属的修改（主要是模板）。
PC端跳转：在 PC 站的首页或全站模板中，加入一段 JavaScript 代码，用于检测用户设备，如果是手机用户，则自动跳转到 m.example.com。
手机站跳转：在手机站的首页或全站模板中，加入一段链接，方便用户切换回 PC 站。
内容同步：确保 PC 站和手机站的数据是同步的,最简单的方法是让手机站直接读取主站的数据库。

详细操作步骤

第一步：准备域名和服务器

域名解析：登录你的域名管理后台，为 m.example.com 添加一个 A 记录，指向你主站的 IP 地址。
- 主机记录：m
- 记录类型：A
- 记录值：你的服务器 IP 地址
- TTL：默认即可
服务器配置：确保你的 Web 服务器（如 Nginx 或 Apache）能够正确处理 m.example.com 的请求，并将其网站根目录指向你网站的 m 文件夹。

第二步：创建手机站目录和程序

创建目录：通过 FTP 或 SSH 登录你的服务器，在网站根目录（如 /home/wwwroot/）下创建一个名为 m 的文件夹。
```
/home/wwwroot/
├── dede/          # PC站主程序
└── m/             # 手机站目录
```
复制程序：将 dede 目录下的所有文件和文件夹（除了 data 和 uploads 等需要特殊处理的目录外）完整复制到 m 目录中。
- 重要：data 和 uploads 目录通常建议使用软链接指向主站的同名目录，以实现数据和附件的同步，避免占用双倍空间和造成数据不一致。
```
# 在 m/ 目录下执行
ln -s /home/wwwroot/dede/data ./data
ln -s /home/wwwroot/dede/uploads ./uploads
```
修改配置文件：
- 进入 m 目录，找到 data/common.inc.php 文件。
- 数据库配置：确保其中的数据库信息（$cfg_dbhost, $cfg_dbname, $cfg_dbuser, $cfg_dbpwd）与 PC 站完全一致,这样手机站才能读取到相同的数据。
- 网站路径配置：检查 $cfg_cmspath 和 $cfg_userpath 等变量，确保它们指向的是 /m 目录，而不是 /dede，DedeCMS 在安装时会自动处理,但最好检查一下。

第三步：修改手机站模板

这是移动站和 PC 站区分开来的关键，你需要将 m 目录下的所有模板文件（位于 templets 文件夹）修改为适合手机屏幕的样式。

简化布局：使用更简洁的布局，减少不必要的侧边栏、广告等元素。
使用响应式CSS：可以引入移动端优先的 CSS 框架（如 Bootstrap 的移动版）,或者编写媒体查询。
优化图片：使用更小的图片尺寸，或者使用 srcset 属性来加载不同分辨率的图片。
调整字体和按钮：增大字体，增大可点击元素的面积,方便用户触摸操作。

你可以直接修改 m/templets/ 下的 default 目录里的模板文件，或者创建一个新的模板文件夹（如 mobile）并设置默认模板。

第四步：设置 PC站跳转到手机站

这是实现自动跳转的核心，打开 PC 站的首页模板文件 dede/templets/default/index.htm，在 <head> 标签内加入以下 JavaScript 代码：

<script type="text/javascript">
    // 通过判断浏览器UserAgent是否包含移动设备关键词来判断是否为手机
    function isMobile() {
        return (navigator.userAgent.match(/(iPhone|iPod|Android|ios|iOS|iPad|Opera Mini|BlackBerry|IEMobile|UCWEB)/i));
    }
    if (isMobile()) {
        // 如果是手机，则跳转到手机站域名
        window.location.href = "http://m.example.com";
    }
</script>

注意：

（图片来源网络，侵删）

将 http://m.example.com 替换为你自己的手机站域名。
这种方法会在用户每次访问 PC 站首页时都进行跳转，为了避免重复跳转（比如用户想访问 PC 站的某个特定页面），可以设置一个 Cookie，记录用户选择“访问PC版”的意愿,但首页跳转是最简单直接的方式。

第五步：设置手机站返回PC站

为了给用户一个选择，在手机站的模板（m/templets/default/header.htm）的底部或顶部，添加一个“访问电脑版”的链接。

<a href="http://www.example.com">访问电脑版</a>

同样，将 http://www.example.com 替换为你的主站域名。

高级优化与注意事项

使用 rel="alternate" 和 rel="canonical" 这是 Google 等搜索引擎推荐的移动适配标准，可以告诉同一个内容在不同设备上的 URL 关系。

在 PC 站的文章页模板中：

<!-- 告诉搜索引擎，这篇文章有一个移动版对应页面 -->
<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com{dede:field.arcurl/}" />
<!-- 告诉搜索引擎，这篇文章的主要内容在 PC 站的这个 URL 上 -->
<link rel="canonical" href="http://www.example.com{dede:field.arcurl/}" />

在手机站的文章页模板中：

<!-- 告诉搜索引擎，这篇文章的主要内容在 PC 站的这个 URL 上 -->
<link rel="canonical" href="http://www.example.com{dede:field.arcurl/}" />

性能优化
（图片来源网络，侵删）
- 开启 Gzip 压缩：在服务器配置中开启 Gzip，可以大幅减小传输文件的大小,加快加载速度。
- 使用 CDN：为 m.example.com 域名配置 CDN，可以将静态资源（CSS, JS, 图片）分发到离用户最近的服务器,显著提升访问速度。
- 缓存：为手机站配置好 DedeCMS 的缓存机制,减少数据库查询。
SEO 方案选择
- 独立域名方案（本文方案）：优点是移动站有独立的域名权重，可以独立优化；缺点是需要维护两套程序，SEO 管理稍复杂。
- 子目录方案：将手机站放在主站下的一个子目录，如 www.example.com/m/，优点是权重完全继承，管理简单；缺点是移动端优化不如独立域名灵活。
- 响应式设计：使用一套模板，通过 CSS 和 JavaScript 自动适配不同设备，这是目前最推荐的方案，但需要较高的前端开发能力，DedeCMS 的模板系统也可以实现，但不如专门的 CMS 方便。

通过以上步骤，你就可以成功地为你的 DedeCMS 网站搭建一个功能完善的手机独立域名站点了。

dede手机独立域名如何配置与使用？