HTML5 开发概述

一、先了解什么是Hybrid App(混合模式移动应用)

http://baike.so.com/doc/6731462-6945763.html

二、这里先来尝试学习下国内免费开源框架WeX5

    1、先看看综合演示案例好了：http://www.wex5.com/portfolio-items/demo-wex5portal/

    2、下载些新手入门的视频看看：http://www.wex5.com/wex5-welcome/

    3、了解Baas（后端即服务：Backend as a Service）:http://baike.baidu.com/link?url=Q1r5OcvfyBX3b1Dcoip3wTztBqUZnGW-qqpaz1eokTSMpbX3g3MA1sgO_EbZOXmtyGfA9VU74JFC3n1jA6oi7q

        注：我们可以用ajax调用自己的后台服务（java/php等等后台），也可以使用X5提供的Bass服务直接访问数据库。

    4、Bootstrap(web前端css框架），WeX5基于它作的拓展：http://baike.baidu.com/link?url=oZs8VV9b9jzI9mI4aZgLzUaZd9h09vjGtv1EK0yU7D9iZtydVoJoiiYm0i4RP-ng3xL4pmjr9pweeBbsp-hvI6H_by3xf9cO7u3LAmFmi_q

    例如：使用媒体对象组件，http://v3.bootcss.com/components/#media 。按它的div布局，调用其class名称，便可以有Bootstrap的模版效果了。

    5、视频是基于Baas的，如果要使用自己的web服务端，那就按正常的ajax方案调用，再结合WeX5来处理。值得注意的一点是：由于是访问另一个服务端，所以要解决跨域访问的问题，方案比较简单，

http://www.wex5.com/ajax-cors-jsonp/

    6、关于部署（把需要的文件部署到一个新的tomcat,发布外网就不作说明了）：

        A、把E:\WeX5\model\Native\外卖\www 目录下项目文件（例如：wm）复制到 D:\Tomcat6.0\webapps

        B、把E:\WeX5\apache-tomcat\webapps\app-template目录下的WEB-INF复制到D:\Tomcat6.0\webapps\wm目录下

        C、把E:\WeX5\runtime目录下的BaasServer复制到D:\Tomcat6.0\webapps目录下，并且更名为bass。

        D、把E:\WeX5\apache-tomcat\conf\context.xml文件中的数据库相关的配置复制到D:\Tomcat6.0\conf\context.xml文件中。

        E、把E:\WeX5\apache-tomcat\lib目录中的mysql-connector-java-5.1.36-bin.jar复制到D:\Tomcat6.0\lib目录中

        F、运行tomcat访问http://127.0.0.1:8181/wm/index.html

    可能会出现的错误：

        a、如果新tomcat的jdk版本比WeX5使用的jdk版本低，启动tomcat会报错。

        b、D:\Tomcat6.0\webapps\wm\WEB-INF\web.xml文件中的<url-pattern>*</url-pattern>可能会报错。改成<url-pattern>/*</url-pattern>就好了。

            <filter-mapping>

<filter-name>resourceFilter</filter-name>

<url-pattern>/*</url-pattern>

    </filter-mapping>

链接备忘：

    1、申请微信测试帐号

    http://mp.weixin.qq.com/debug/cgi-bin/sandbox?t=sandbox/login

    2、申请服务号

    https://mp.weixin.qq.com/