移动互联网已经成为了互联网的发展趋势，大部分的企业已经开始通过移动互联网创业，如果你网站或者你企业不想因为移动互联网的落后，而导致企业无法前景，又在考虑是否应该大力投资于移动互联网，那么建议你做一个免费的APP来稳住现有的客户吧。今天春哥技博就给大家讲讲如何轻松简单的制作一款APP。没有那么复杂，虽然做出来效果不像原生APP那么好但是对于个人或者小企业暂时用着也是可以的。

今天我们用到的是百度旗下的Site APP工具，来看下什么是Site APP，百度Site APP是致力于为开发者提供从生成WebApp到流量、用户引入再到变现的综合服务平台,亦是国内首家的WebApp在线生成服务平台。官网：http://siteapp.baidu.com/，下面跟着春哥一起来看看如何制作APP。

SiteApp是国内首家PC网站快速移动化工具。

只需4步即可拥有手机浏览体验更佳的移动站点；

SiteApp将自动为成功转化的优质移动资源进行百度移动搜索替换,让您的移动站点轻松拥有用户流量；

SiteApp提供百度移动推广物料绑定服务，助您实现移动流量变现。

1. 网站对移动端的零维护成本

Site App 免费帮助您生成webapp站点适配到移动端，内容更新即时同步PC站，无须进行2套内容维护及管理，极大降低维护成本。

2. 多套模板风格自由选

平台打造论坛模式及多套精美模板，拥有电话、短信、地图等多种的组件以及不同交互方式站点样式，您可以根据站点特点自由选择搭配打造个性化的WebApp.

3. 移动流量变现

SiteApp提供百度移动推广物料绑定服务，助您实现移动流量变现。

4. 助力无线搜索排名

免费的Site App建站平台专为手机终端所设计的WebApp在内容可用性,浏览,操作的易用性上都具有优势，将更易获得移动搜索排名提升。

流程指南

如何使用Site App，尽快让用户使用，标准流程如下图所示：

如何申请，春哥提醒直接申请一个百度账号就可以了。

输入需要生成WebApp的网站地址，如下图所示：

建议：

1. 建议您提交顶级域名，这样其下子域名将自动生成WebApp,无须多次操作。

2. 若您有特殊需求，只需要某个子域打造成WebApp，则您直接提交子域地址即可

3. 百度Site App是将pc网站转换成WebApp，所以为了保证最佳效果，请勿使用手机站点地址。

Step1:样式

您需要给WebApp起个响亮的名字。同时提供上传网站logo功能，使WebApp更加多彩。

目前平台提供5套模板：通用模板A、B、C提供电话、在线沟通、短信等转化组件；列表风格简单明快，列表可以连续加载；网页风格提供多种导航，可自由布局。以上5套模板都提供多种配色方案。您可以根据网站的特点及喜好进行相应的选择。

Step2:导航

定制导航WebApp，搭建WebApp框架。

系统会自动从原PC站提取一级导航，您可对导航进行编辑、调序、删除、添加二级导航等。

新增导航有两种方法：手动添加导航或去原网页提取导航

当没有一个一级导航处于选中状态时，点击添加和提取的是一级导航。

当某一个一级导航处于选中状态时，点击添加和提取的是该选中一级导航的二级导航。

1.手动添加导航

点击添加导航出现如下图输入框，输入导航名称、PC页面的链接地址点击确定即可添加。

2.去原网页提取导航

点击提取导航，弹出原PC界面如下图。点击想要添加成导航的内容，蓝色浮层表示选中；通过放大和缩小键控制框选的范围，确定后点击定义为导航即可。

Step3:全局

主要是对网站基本信息的设置，让您的WebAPP更突出个性化。同时此处可以设置转化组件，如webapp电话、短信、在线咨询、地图等。

右侧手机可预览系统自动生成的页面效果。 如想优化页面效果，可在完成建站流程后 到管理我的webapp => 优化工具中进行页面效果的优化定制。

如下图所示，您可以选择任意一种方式验证站点

温馨提示：

1. 验证站点的目的只是确保您拥有该网站的操作权限，不会对您的网站带来任何的风险。

2. 在下载验证文件或嵌入html标签时，请不要关闭该页面，同时请在下载代码或获取文件之后，不要尝试刷新页面或从新请求，那样会造成动态文件变化，导致验证失败。

3. 下载验证文件或复制html标签，需要当即验证，否则下载文件及复制代码将失效，导致验证失败。

完成以上所有步骤后，恭喜您WebApp创建完毕！等待审核，审核时长约1个工作日。

在提交审核的同时系统自动分配了WebApp的访问地址，在通过审核后该域名即可访问。

仍建议您为手机站配置专属移动域名，配置成功即可进行移动变现管理；也会更好的进行网站个性化推广，以及网站品牌形象的维护。

手动配置的域名会优先生效，而自动分配的访问地址将带给您多一层保障，再无须担心域名过期导致的站点无法访问等问题。

1.绑定一个专属webapp域名。

2.请将您已提交的WebApp域名的CNAME解析到siteapp.baidu.com

*需在6小时内完成此操作，否则域名配置失效。

CNAME配置指南

什么是CNAME？

指别名记录也被称为规范名字。这种记录允许您将多个名字映射到同一台计算机。

为什么要配置CNAME？

在WebApp制作中，配置CNAME是为了自定义您的WebApp域名，例如m.a.com或wap.a.com。

如何配置CNAME？

以DNSPod为例

• A.主机记录处填你希望的WebApp域名（比如希望新建的WebApp域名为m.a.com，只需要在主机记录处填写m即可）

• B.记录类型为CNAME

• C.线路类型（默认为必填项，否则会导致部分用户无法解析；在上图中，默认的作用为：除了联通用户之外的所有用户，都会指向1.com）

• D.记录值为CNAME指向的域名，填写siteapp.baidu.com，记录生成后会自动在域名后面补一个.，这是正常现象

• E.MX优先级不需要填写

• F.TTL不需要填写，添加时系统会自动生成，默认为600秒。（TTL为缓存时间，数值越小，修改记录生效时间越快）

• 不同的域名提供商提供的CNAME配置界面、选项会有细微差异，您只需重点把握A、B、D三个选项即可。

更多域名提供商CNAME配置教程请见：

公司品牌	cname官方配置教程
万网	http://www.net.cn/service/faq/jzwt/scyy/201111/5125.html
DNSPOD	https://www.dnspod.cn/support/index/fid/105
35互联	http://www.dns-diy.com/help.htm
商讯国际	http://www.bizxun.com/help/domain2.asp
新网互联	http://www.dns.com.cn/main/public_doc.php?doc=DomainReg/mydns
易名中国	http://help.ename.cn/faq/faqinfo/84
西部数码	http://www.west263.com/faq/list.asp?unid=423
中资源	http://help.zzy.cn/info.asp?id=328
商务中国	http://www.bizcn.com/news?module=newsdetail&newsid=3283
美橙互联	http://www.cndns.com/help/index.asp?classid=3&id=224

成功建站的WebApp还可获取真机测试、变现管理、质量报告、生成应用、统计等服务。

Webapp的页面效果可在这里进行定制优化。

左侧可输入原PC url查看页面效果；下方是系统推荐定制的url和您已经完成定制的url。

右侧手机界面展示自动生成的页面效果，可随意点击手机界面进入相应页面，点击上方的立即优化即可对页面效果进行定制，如下图。

点击优化进入到定制界面，在左侧PC页面点击您希望添加到WebApp的内容，输入内容名称及地址链接后，选择希望转化的组件，最后点击添加即可，见下图

完成页面效果定制的url会保存到下图左侧，每定制一个保存一个。

系统会对网站的页面类型进行分析。完成分析后，对于属于同一个页面类型的页面会聚合到一起，形成页面类型1、页面类型2.3.4.5… 此时可使用批量应用功能。

批量应用功能是指：

以下图为例，在页面类型1中，曾对三个页面定制了三种页面效果（样式1、样式2、样式3）。以其中一个 样式2的页面效果为标准，对于同属于页面类型1下的其他页面批量应用样式2的效果（不包括样式1、样式3的页面）。

注：同一个页面类型中，只能选一个样式的效果作为标准。

平台支持添加百度统计代码，添加后到百度统计查看更专业的数据及相关分析。添加方法如下：
登陆百度统计，进入主界面后点击网站中心

在网站列表处点击新增网站

输入手机站点域名点击确定

即可获取该手机站的统计代码

复制代码添加至平台百度统计代码的输入框内即可。 添加代码后，可到百度统计查看相关数据统计。

春哥给大家整理的，可以学习人家做的效果，请见案例展示专区：http://siteapp.baidu.com/example_show