WebApp实时开源框架Clouda入门使用与记录

          从10月初接触Clouda到现在使用Clouda，已经有段时间。在此，做下简单记录入门使用。

         首先，引用Clouda社区中对Clouda的介绍：Clouda 是百度推出的一款面向资深开发者的WebApp开发框架。在Clouda中开发app，可以在多终端下实现数据同步、任务迁移。并且Clouda支持面向数据的编辑模式，根据数据的变化自动实现界 面实时更新，开发者不需描述跃迁过程。它的核心在于云、端使用统一的Javascript语言，可以同时运行在浏览器、iOS、Android以及百度框中。另外，clouda app可以同时开发服务端和客户端，客户端的数据与云端实时同步，其内部数据也可供搜索引擎检索，解决app孤岛以及99.9%长尾应用只有30%分发量 的搜索分发问题。

        对于这样的介绍，确实让众多WebApp开分者眼前一亮，毕竟在这个产品快速更新换代，先入行者大者恒大的开发时代，能有一款适合初级开发者或者创业者的快速开发框架，无疑将为大家带来更多意想不到的惊喜。

        而在使用与开发过程中，作为一名入门级开发者，对其宣称的各种优势，在自己这里暂时还未完成体会到，尚待发现，但是其使用起来的简单高效，确实留下了较深印象。从安装、入门使用教程及后续开发，除了百度的支持，社区的力量再一次体现出来。

        安装及使用入门开始。需分别下载并安装node.js，MongoDB和clouda

        node.js下载地址：http://nodejs.org/download/，选择相应版本，完成安装。

        MongoDB    Clouda使用mongoDB作为数据库，下载地址：http://www.mongodb.org/downloads

        将下载的压缩包解压，并在根目录下新建两个文件夹，分别命名data(存放数据)和logs(存放日志)，在logs文件夹下新建mongodb.log文件以记录日志。
        在浏览器中输入http://localhost:27017可验证mongoDB服务是否成功启动。

        Clouda下载地址https://github.com/brandnewera/clouda

      1.安装 

npm install -g sumeru 

      2.创建工程

sumeru init ./testproject

      3.运行（需打开MongonDB）

cd testproject 
sumeru start 

      4.访问应用

          例：实例名mytest

          浏览器输入：localhost:8080/debug.html/mytest

         更详细安装说明可参考此处

        关于Clouda的入门学习，在此不得不称赞一下，能有一个好的入门教程对初学者确实是个很好的福利，可以在初学者可以在此处http://cloudajs.org/ 进行入门学习，并找到一些演示教程。

        下面晒一下自己使用向导做的一个简单应用

     

       

         使用过程，根据向导进行相应的操作，即可完成简单App的制作。 

 虽然功能还很弱，看起来很简单，但是在一定程度上可以显示出Clouda在开发过程中的快捷性。

          更多的使用，大家可以自行在官网和论坛上摸索，也希望有更多的大神做高水平的分享。

          关于使用过程中出现的一些问题，在此也做下简单总结

          问题1. 绑定域名后打开是空白的
          解决方案：需要进行主页设置。

          问题2. 在进行BAE迁移时（从2.0向3.0），出现错误，提示 503 - Service Not Available
          解决方案：环境未设置正确，常常只进行了Clouda版本的升级，在此同样需要进行工程的升级，并修改app/server_confg/bae.js文件

         

//config file for bae
if(sumeru.BAE_VERSION){
    sumeru.config.database({
        dbname : 'yourdbname',
        user: 'yourpk',//bae 3.0 required
        password: 'yoursk',//bae 3.0 required
    });
    sumeru.config({
        site_url : '', //with tailing slash
    });
}

         问题3.  在完成端口好和bae.js配置之后出现错误Node.js Start Error 

         解决方案：首先端口必须是18080，同时尽量用不同的ID做标记，并根据BAE的日志进行相应的操作。因为在处理某个公共方法时，需要根据选择器来进行调用，这个公共方法放在各个页面上都会使用，甚至一个页面上要使用多次，对于这个问题参考他人的方法在onready中添加一个参数来获取。

        

        问题4.使用不同的浏览器在进行测试时不存在一些设置问题。

        例：在进行留言Demo的测试时，当数据被全部删除后，使用Chrome数据依然会显示一下，而firefox则无此现象。原因 c浏览器缓存设置问题。所以大家在进行不同浏览器测试的时候应注意浏览器的设置。另外建议不用IE的浏览器，费劲。

         最后，补充一下，关于百度的产品。说实话，个人一直对百度的一些产品不太感冒，从管家、音乐或多或少都摆脱不了同类其他产品的影响。而Clouda，BAE确实给自己留下了很深的印象。也许是因为自己在项目中实实在在用到过，并体现出优势的缘故吧。

         

         暂时记录这些吧，希望日后能了解和看到更多的优秀开源框架诞生于中国的互联网公司与社区。