Webapp开发框架Clouda的使用（一）

Clouda提供的文档非常简洁易用，也因为安装简单，很快就可以让内置的测试实例itworks和HelloWorld顺利运行。下面是我根据文档进行安装Clouda时遇到的问题：

需要的node.js和MongoDB的安装启动过程省略。

Clouda在浮出水面之前，就已经在github上以sumeru的名字托管了代码，所以我的开发环境里已经有了一份早先的sumeru。在使用这份早先的sumeru创建工程时，第一遍出错，执行第二遍成功；使用'sumeru start'运行Clouda时，由于没有以后台运行的方式运行它，它把监听的信息都输出到了屏幕上，可以看到它监听两个端口：File Server Listening on xxxx和Server Listening on8082，（由于Clouda默认的8080端口已经被其他程序占用，我改了这里的File Server的默认端口，这个端口占用的问题下面再说），到这里安装过程还算顺利，但是itworks页面上貌似没有任何显示，还是重新安装最新的sumeru，虽然应该使用'npm update'更新，但使用安装命令'npm install'直接覆盖也没出现什么问题，安装完成后运行Clouda，可以看见这时它只监听了一个端口Server Listening on xxxx。

默认端口8080被占用，会导致运行Clouda时发生错误：

Error: listen EADDRINUSE

at errnoException (net.js:776:11)

at Server._listen2._connectionKey (net.js:917:26)

at process.startup.processNextTick.process._tickCallback (node.js:244:9)

不想kill掉占用8080端口的进程，所以跑到了app/config下面修改sumeru.js文件，换了一个端口号，再次sumeru start运行，成功，也可以用google打开itworks或者后来写的helloworld实例了，但是这样是不够的，页面上的Welcome to sumeru!闪一下就消失了，发现chrome获取/view/itworks.html的状态并非200，并且在chrome的Console看到log.js打出的日志，最后一行出现GET http://localhost:8080/view/itworks.html出错，说明获取view/itworks.html时还是使用的默认8080端口，找到存放服务器配置文件的目录app/server_config，查看site_url.js，发现配置的是 http://localhost:8080/，基本可以确定这里配置的site_url就是获取/view/itworks.html的路径，把它改成可以正确访问/view/itworks.html的路径，这样itworks和helloworld可以正常访问了。

在整个端口修改的过程中，有一个问题需要注意：Clouda的安装目录的结构，和用Clouda创建的工程的目录结构，很大部分是重复的，比如都有app/config和app/server_config，修改app/config/sumeru.js里配置的端口号时我是在Clouda的安装目录里操作的，这样创建的每个工程都会配置这个端口号，修改app/server_config的site_url.js时则是修改各个工程里的才有效。

初次尝试使用Clouda，有错误或不足的地方还请指出。可以说Clouda是应运而生的，虽然Clouda还年轻，虽然只支持webkit浏览器（这点和html5很像，最适合开发移动app），但它的出现带来了像html5一样曾带给我们的希望。除了在宣传的优良特性，Clouda有一些很吸引人的特点，比如数据到服务器和到界面的自动更新，更快的启动速度等等，下次再深入挖掘。

Webapp开发框架Clouda的使用（一）相关推荐

移动WebApp开发框架 Clouda!
官方地址:http://baidu.csdn.net/ 实例地址:http://cloudajs.org/docs/step1_getting_started 一.定义 Clouda是简单,可依赖的实 ...
webapp开发框架选择注意点
webapp开发框架选择需要注意: 第一步:开发支持的语言类型根据前端开发人员的能力,来选择webapp开发框架. 例如:前端人员只会写react 就要求webapp开发框架支持react. 第二步 ...
WebApp 开发框架推荐以及优缺点分析
不用盲目的百度和问大神们WebApp 开发使用哪个框架最好?等等问题.在此,小编尽量解答各位的WebApp 问题.根据国内js大神以及有过WebApp 开发经验的前辈们分析,小编推荐下面6款常用的We ...
webapp开发框架推荐以及优缺点分析【webAPP干货】
推荐下面6款常用的webapp开发框架. 有兴趣可以阅读<HTML5移动webAPP和Hybrid APP开发的优缺点分析>和2014年webAPP UI设计和前端JS特效案例集萃第一款 ...
apicloud转uniapp_uni-app,wex5，APPcan,ApiCloud几款国内webapp开发框架的选型对比
框架列表. 前言近期,要开一个新的项目,APP类型.最重要的需求就是能够随时调整APP的绝大部分内容,所以,打算使用webapp的方式开发.在这个大前提下,开始了前期技术选型的工作. 看了uni-a ...
WebApp开发框架①
PhoneGap是一个开源的开发框架,使用HTML,CSS和JavaScript来构建跨平台的的移动应用程序. www.phonegap.cn AppCan 是国内领先的移动应用在线开发平台,支持HT ...
百度开源的 71 个项目，看看你用过几个？
点击上方蓝色"程序猿DD",选择"设为星标" 回复"资源"获取独家整理的学习资料! 作者 | SoftCloud 来源 | https:// ...
百度 71个炸天的开源项目，你知道几个？
点击上方好好学java ,选择星标公众号重磅资讯.干货,第一时间送达今日推荐:终于放弃了单调的swagger-ui了,选择了这款神器-knife4j个人原创100W+访问量博客:点击前往,查 ...
基于android的百度地图_百度的71个炸天的开源项目
本文为大家整理了百度开源的70+项目,看看有没有感兴趣的. 1.JavaScript图表库 ECharts ECharts开源来自百度商业前端数据可视化团队,基于html5 Canvas,是一个纯Ja ...

Webapp开发框架Clouda的使用（一）

Webapp开发框架Clouda的使用（一）相关推荐

最新文章

热门文章