Monaca Web IDE 初体验 —— 开发PhoneGap/Cordova应用程序，还用什么Eclipse/XCode！

技术能实现的，就一定会发生，现在轮到Web IDE了。

Monaca 是纯在Web端运行的一个基于Cordova生态的Web IDE，其功能之完善与易用已经足以让Eclipse和XCode汗颜。坊间传闻Javascript一统江湖的时候不远了，因为控制了UI，你就控制了世界。

先来看看怎么用吧：

1、登录 http://monaca.mobi 以后打开左上角的“DashBoard”

2、Monoca不愧是良心作品，提供了很多入门的Sample，其中的Onsen UI是一个非常优秀的Mobile App框架，在这里我选择添加了一个Onsen UI Sliding Menu 的 App

3、不用做任何的修改，点击DashBoard上的Preview，就可以在当前浏览器中浏览预期的UI效果了

当然不能用这个Preview来调试代码，因为PC浏览器里可没有Cordova的Framework啊。

4、那怎么真正让应用程序跑在手机上呢？很简单，在Monaca上Build一个debug-apk并且安装到手机上就完了

运行起来就是这个样子：

5、到目前为止介绍的功能除了在线编辑器以外，使用PhoneGap提供的在线打包工具照样能够实现这些功能，要是这样看就太小瞧Monaca了，Monaca还提供了一个debugger

同样会生成一个apk，但这个apk是用来对你的账号下所有新建Cordova的应用程序进行调试用的，在app中登录之后就可以看到你在Monaca上上传的所有app了：

6、点击对应的app之后，可以看到之前写在index.html里面的alert("55555")这句话生效了：

Monaca估计里面集成了socket.io的模块，在云端的IDE中更新任何代码并Ctrl+S保存之后，会在手机上实时的更新并运行

点击右下角的那个圆圈，会弹出各种功能，比如查看当前页面的HTML，还有Log信息等等：

7、注意到左边的文件树，如果觉得上传一个一个的图片或者js太麻烦的话可以使用WebDAV的映射，把云端的空间映射到本地的磁盘上，具体过程可以参考http://docs.monaca.mobi/3.5/en/manual/monaca_ide/webdav/

8、Monaca还提供了更多高级功能和他扩展的Monaca JS API，这些都可以在官网上找到文档

9、如果你开发了第三方的Plugin，可以在这里进行上传，记得要选择到plugin.xml文件，当然这个高级功能需要付费，一年500刀，这样生成的Debugger中就会包含第三方的Plugin了，Cordova的Plugin的生态非常开放，可以在这里找到好的Plugin：http://plugreg.com

10、Monaca居然还提供了Monaca BackEnd，抽象了用户登录等功能组件，还可以在Monaca上面新建数据表。。只能说Monaca在下一盘很大的棋。。。

体验到这里，我似乎想不出再用Eclipse和XCode再开发Cordova应用程序的理由了。。

转载于:https://www.cnblogs.com/darknightsnow/p/4044540.html

Monaca Web IDE 初体验 —— 开发PhoneGap/Cordova应用程序，还用什么Eclipse/XCode！相关推荐

在线互动课堂Web版初体验（视频连麦互动）
阿酷TONY / 原创 / 2021-9-3 / 长沙在线互动课堂Web版初体验(涉及1对1.1对6.1对多做视频连麦互动),依托于PRTC底层,支持万人大并发同时可全员无延迟观看,特色: 浏览器 ...
打造自己的Web IDE（在线开发环境）
打造自己的Web IDE(在线开发环境) 1.什么是Web IDE 2.准备工作:下载服务器管理软件 3.安装Docker容器环境 4.部署Web IDE 1.什么是Web IDE Web IDE,只 ...
CSDN云IDE 初体验
目录编辑前言云 IDE?是新概念吗? CSDN云IDE 简介主要亮点正文体验流程云IDE 启动开源项目云IDE 在线提交PR 总结优点改进意见前言云 IDE?是新概念吗? 答 ...
Java开发初体验：第一个Java程序：HelloWorld
文章目录 2.1 java语言的环境搭建 2.2 开发体验:HelloWorld 2.3 注释(Comment) 2.4 Java API文档 2.5 常用的Java开发工具(Integrated D ...
iOS7初体验(1)——第一个应用程序HelloWorld
iOS7 Beta已经发布了,迫不及待地下载了iOS 7及Xcode 5并体验了一下.先做一个简单的Hello World看看都有哪些变化吧. 1. 启动Xcode5-DP: 2. 从菜单选择File ...
java web删除文件_Web开发为了java端程序能删除文件的解决办法
Web开发为了java端程序能删除文件,必须在.../jre/lib/security/java.policy文件中添加以下两个中的任何一段代码进去. 注:必须是服务器的本地文件,局域网内的其他机器文 ...
跨平台移动开发phonegap/cordova 3.3全系列教程-helloworld
1. 建立专案(cordova) 打开cmd命令行 cordova create ACESMobile aces.mobile ACES cd acesmobile 如图 2. 安装插件 ...
腾讯云在线Web Shell初体验
最近听说了腾讯云的轻量应用服务器更新了登录的Web Shell,之前一直在本地SSH的我立刻跑去体验了一番,发现和之前的相比好用简直不要太多,接下来就让我带大家云体验一下吧~ 新版和旧版的对比颜值对 ...
linux下s3c2440开发板,SAMSUNG S3C2440 ARM LINUX 开发板上手初体验 --开发环境搭建
1,linux开发环境搭建 2,程序测试 easyOpentag驱动安装,打开连接,选择ARM-linux 1,环境搭建我的系统版本 root@ubuntu:~# lsb_release -a No ...

Monaca Web IDE 初体验 —— 开发PhoneGap/Cordova应用程序，还用什么Eclipse/XCode！

Monaca Web IDE 初体验 —— 开发PhoneGap/Cordova应用程序，还用什么Eclipse/XCode！相关推荐

最新文章

热门文章