webapp | 易学教程

PhoneGap&jQuery Mobile应用开发环境配置（For Android）

阅读更多关于 PhoneGap&jQuery Mobile应用开发环境配置（For Android）

关于移动应用为什么用PhoneGap和jQuery Mobile本文不再赘述，有兴趣的童鞋可以自行问“度娘”，有很多这方面的文章。本文主要介绍PhoneGap&jQuery Mobile移动应用开发环境的具体配置。　　PhoneGap是一个基于HTML（5）、CSS（3）、Javascript创建跨平台移动应用的开发框架（称之为平台可能更合适些）。从 Adobe收购了PhoneGap之后，就有了一个新的名字Cordova，目前已经到了3.0的版本，本文中所使用的是2.9的版本。　　jQuery Mobile是jQuery在移动设备上的版本，不仅提供了jQuery的核心库，还提供了一套比较完整的移动UI框架。　　要搭建PhoneGap&jQuery Mobile移动应用开发环境（For Android），需要有以下资源： jdk6； Android SDK； Eclipse； Eclipse ADT Plugin； PhoneGap资源包； jQuery Mobile资源包。　　至于如何安装jdk、Android SDK、Eclipse、Eclipse Plugin的如何安装本文同样，不再赘述，请配置好相关环境之后，创建一个Android Application Project，至于如何创建同样不再赘述

小白学phoneGap《构建跨平台APP：phoneGap移动应用实战》连载一（PhoneGap中的

阅读更多关于小白学phoneGap《构建跨平台APP：phoneGap移动应用实战》连载一（PhoneGap中的

之前本博连载过《构建跨平台APP：jQuery Mobile移动应用实战》一书，深受移动开发入门人员的喜爱。从现在开始，连载它的孪生姐妹书phoneGap移动应用实战一书，希望曾经是小白的你们，已经变成了大白。 3.6 PhoneGap中的API能干什么本章主要介绍进行PhoneGap开发前所需要做好的准备，那么现在是不是该介绍一些关于PhoneGap的事了呢？其实PhoneGap就是将HTML写成的页面显示出来，然后通过特定的JavaScript获取几组数据而已。虽然说使用PhoneGap进行开发主要是依靠HTML各方面的知识，但对于一名PhoneGap开发者来说，最主要的还是PhoneGap各种API的用法。PhoneGap为开发者提供了电池状态、相机、联系人、文件系统、音频等API接口，本节将一一介绍它们的功能和用途。 1．Accelerometer（加速度传感器） Accelerometer也就是一般人们口中的重力感应，可以用它来获取手机各个方向的加速度。比如，可以利用重力加速度约等于10的特点来获取当前手机的方向，可以在一些游戏中利用它和一些算法实现体感操作（如说模拟用户对方向盘的操作）。 2．Camera（摄像头） Camera正如它的字面意思，可以通过它来获取摄像头采集到的信息，不过一般来说用处不大。 3．Capture（采集工具）

小白学phoneGap《构建跨平台APP：phoneGap移动应用实战》连载五（使用PhoneGap

阅读更多关于小白学phoneGap《构建跨平台APP：phoneGap移动应用实战》连载五（使用PhoneGap

除了能够将HTML页面打包成可以直接安装运行的APP外，PhoneGap的一个最大优势在于可以通过JavaScript调用设备来访问设备上的硬件信息，从而实现一些原本只有依靠原生SDK才能够达到的目的。范例5-1就展示了一个利用API来获取设备信息的例子。【范例5-1 利用PhoneGap获取设备信息】 <!DOCTYPE html> <html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <head> <script src="cordova.js" type="text/javascript" charset="utf-8"></script> <script type="text/javascript" charset="utf-8"> //设置触发器函数onDeviceReady() document.addEventListener("deviceready", onDeviceReady, false); // PhoneGap加载完毕，现在可以安全地调用PhoneGap方法 function onDeviceReady() { // 现在可以安全使用PhoneGap API //获取页面中id为deviceProperties的元素 var element =

远程调试 Azure Web App

阅读更多关于远程调试 Azure Web App

当我们将 Web App 部署在 Azure 上时，如果能够实现远程调试，将会极大的提高我们修复 bug 的效率。Visual Studio 一贯以功能强大、易用著称，当然可以实现基于 Azure 应用的创建、发布和调试。接下来就让我们一起看看如何使用 Visual Studio 远程调试部署在 Azure 上的 Web App，以及一些常见的注意事项。文章来源：葡萄城产品技术社区注意工具的版本在开始正文前让我们先检查一下使用的 Azure SDK 版本和 Visual Studio 版本。根据MSDN的介绍，Azure 的远程调试功能是在 Azure SDK 2.2 中加入的，所以请确保您的机器上安装了2.2或者是更新的 Azure SDK。关于 Visual Studio 的版本问题，MSDN上的描述也很有趣。大意是使用 Visual Studio 2012 已经可以远程调试 Azure 上的 Website 了，但是 Visual Studio 2013 又对此做了很多的提升。个人理解最好使用 VS2013，或者更新的版本。笔者在写本文时的实验环境是 VS2015 update3 和 Azure SDK 2.9。原理简介如果我们要使用运行在机器A上的 Visual Studio 调试另外一台机器B上运行的一个程序 myapp(机器B上没有安装 visual

关于m2eclipse插件在myeclipse 及其以后版本的问题及终极解决办法！

阅读更多关于关于m2eclipse插件在myeclipse 及其以后版本的问题及终极解决办法！

关于m2eclipse插件在myeclipse9 及其以后版本的问题及终极解决办法！关于maven-archetype-webapp 新建 maven webapp 无法直接在tomcat中部署的问题的解决方案首先请注意，本文不配图如果你看到本文请仔细看首先说明 myeclipse自身自带有maven4Myeclipse 的maven插件，但是在myeclipse 9下通过新建maven project 选择默认工作路径后选择 maven-archetype-webapp 模式新建maven web工程会出现工程无法创建的情况或者创建工程不全的情况。针对以上情况，对于以上情况 myeclipse9以后的用户可以保存好工作区然后 1、安装myeclipse 在安装时选择自定义左下角复选框 2、把默认的maven support勾选掉然后进行安装（顺便说下这个地方不用的东西很多可以根据自己的选择去掉） 3、安装m2eclipse插件官方网站： http://www.eclipse.org/m2e/download/ 官方提供在线安装地址，但是不建议在线安装，离线咋myeclipse安装目录下myeclipse/dropins文件中采用离线安装方式更为好（具体安装方式www.baidu.com） 4、关于版本选择：我在安装离线包的时候1.4版本最新release

5大最流行手机webAPP框架之Ionic

阅读更多关于 5大最流行手机webAPP框架之Ionic

Ionic 框架 Ionic 框架是我们前五个 web app框架中最年轻的 ,阿尔法版本是在2013年11月下旬发布的。 Ionic是建立在google的 AngularJS框架上的 ,它利用AngularJS 来提供应用结构,而它本身更关注的是用户界面。换句话说,我们将会看到强大的 Angular和美妙的Ionic的一个完美的组合。 Ionic (自定义HTML元素)为它的组件提供了一组 Angular 指令 ,使其很容易使用小部件，简单的就像写一行HTML代码一样。除了指令, Ionic 使用 Angular 的触摸识别器,视图动画逻辑,HTML 生态和异步通信。虽然你可以在克隆和解压以后直接使用，同样你也可以使用 npm包管理器来安装基于 node-js的客户端，然后迅速开始你的种子项目。尽管 Angular是目前Ionic的主力,但是仍然允许开发人员以开放的选项来支持该框架，例如 Knockout或者Emberjs 。这个特别的审查被 AngularJS强烈影响着，随着 Ionic渐渐的支持其他框架 , 但它并不保证其准确性。 MV* Pattern Angular JS 过去被用来作为 MVC框架,但是随着时间的推移，当 $scope对象作为一个视图模型的情况下

docker部署webapp的例子

阅读更多关于 docker部署webapp的例子

本文以 [tcl-tennis]( https://github.com/limijiaoyin/tcl-tennis ) 为例，说明部署 Node.js webapp 的步骤。 ## 创建 Dockerfile 首先，clone 代码 ```sh $ git clone git@github.com:limijiaoyin/tcl-tennis.git ``` 根据 Docker 官网的帮助文档 [Dockerizing a Node.js web app]( https://docs.docker.com/examples/nodejs_web_app/ )，创建 Dockerfile: ```Dockerfile FROM centos:centos6 # Enable EPEL for Node.js RUN rpm -Uvh http://download.fedoraproject.org/pub/epel/6/i386/epel-release-6-8.noarch.rpm # Install Node.js and npm RUN yum install -y npm RUN yum install -y git # Bundle app source COPY . /src # Install bower RUN npm install -g bower -

订阅 webapp