一个快速移动开发的模板

大概两周前,我们BI团队开始做移动应用,我自己也是刚刚接触移动开发,过去两周在同事们的帮助下,虽然学到的知识和经验非常有限,我想仍然有一些东西是可以总结和分享。假如这对大家有一丁点的帮助,那就很好了!

有一点我最深刻的感受,就是移动开发并非要求你一定去学习一打新的技术栈, 比如Java、Object-C,操作系统等等。 可以说,做移动开发需要的最小的技术集合是前端web开发所需要的技术,这其中的包括JavaScript、html、css、http等等一些很熟悉的语言和协议。 显而易见,这些基于web浏览器的技术是跨平台的, 因此编写一份代码就可以运行在Android和IOS上成为了可能。 当然,不同的操作系统要想运行同一个移动应用程序,对这个移动应用的文件组织结构、配置信息都是不同的,
开发者需要在各平台上对程序进行编译。  好在懒惰是程序员的高尚的品质之一。 对开发者来说,任何和应用本身无关的东西,都是额外的工作, 于是出现了PhoneGap这样的技术, 解放了不同平台对开发者的束缚, 避免重复的劳动,捍卫了开发者的尊严。

人生太短暂,确实有些事情不必从头开始。如果你想尝试移动开发,当然也不希望从零开始, 最好就是一个命令就让程序像马儿一样的跑起来。本着这个想法我在开发之余,把需要用到技术框架和和技术实践做成一个模板,一则丰富模板方便自己快速开始一个新的项目,二则可能有幸帮助到需要的同事。 模板里有很多不足,在日后也会将更多的可重用的东西添加进来。

这个模板在这里可以获取: https://github.com/darlinglele/mobile-app-seed , 模板有以下几个东西。

  • 使用npm来管理开发环境所需要的程序,包括phonegap、bower、http-server等程序。 其中bower和npm类似,是JS库的依赖管理工具, 通过这两个工具,你就无须再到处去下载和安装程序了。
  • UI框架是Framework7, 这个框架不仅在外观上可以和IOS本地应用乱真, 它提供的API也是非常的丰富和优秀,开发起来效率甚高、心情愉悦。
  • MVC框架AngularJS,  MVC是一个很好的设计模式,找不到更好的理由不去这样做。
  • RequireJS 模块化,JS本身有太多问题,这个东西的本意是更好的进行JS模块化设计, 它没多么神奇,但是会让代码腐朽的慢一些。

另外我正在做的这个Developer.html页面里,  会包括下面几个东西, 希望能提高开发效率:

  • 一个Web版本的模拟器, 可以直接加载我们的程序, 横竖屏幕切换。
  • 通过扫描二维码,可以下载安装程序
  • 让集成服务器自动生成最新版本的安装二维码

目前较大一个欠缺是自动化测试, 特别是端到端的测试,比较费力气,希望可以尽快的补上来。

时间: 2024-08-03 03:18:38

一个快速移动开发的模板的相关文章

自己写一个快速开发android模板

自己写一个快速开发android模板 有时候有些代码以前写过,再开发的时候拿来用,就可以节约很多时间,毕竟写过的以前肯定有所了解,再写一次就没必要了,所以这次自己总结出很多应用都需要的一些共性的东西,写到一个模板,以后直接拿来用.首先分析一下: 1.一个应用,首先需要一个欢迎页面,用于展示公司logo啊,或者应用logo,大概展示两三秒. 2.然后就是登陆注册页面,几乎没有应用是没有登陆注册的吧? 3.打印吐司,activity跳转,activity覆盖别的activity,这些基本方法. 4.

手动开发PHP模板引擎 一 (35)

模板叫做TPL,模仿于smarty模板引擎. 我们所说的模板是Web模板,是主要由HTML标记组成的语言来编写的页面,但也有如何表示包含动态生成内容的方式(解析标签).模板引擎是一种软件库,允许我们从模板生成HTML代码,并指定要包含的动态内容. 1 模板引擎的特点: 1.鼓励分离:让更个系统的可读性和维护性得到提高.2.促进分工:使得程序员和美工去专心处理自己的设计.3.比PHP更容易解析:编译文件和缓存文件加载更快.占资源更少. 4.增加安全性:可限制模板设计师进行不安全的操作的能力避免误删

Android开发之模板模式初探

模板模式我认为在Android的开发中是最长用到的,基本是随处可见的,认识该模式,有助于我们对Android的源代码及框架有一个更深层次的认识.那什么是模板模式呢,模板模式就是定义一个基本框架,将当中的一些方法延迟到子类中运行实现.就比方我们去餐馆吃饭,基本步骤肯定为找到座位,点菜,上菜,吃饭,买单五个过程,当中点菜这个过程是可变的,我们点的菜可多可少,其它都是固定的,那么我们就能够写在一个固定的抽象类里形成一个基本框架,我们的子类继承该抽象类,对当中可变的方法进行复写. 以下我们就来看一个样例

我的第一个phonegap开发WebApp的demo 怎么搭建安卓开发环境以及安装phonegap

一.先来张图,赏心悦目观赏一下,哈 . 这个就是使用phonegap框架搭建起来的,运行在安卓环境上的第一个demo. 安卓的开发环境,大家都会搭建了,所以不赘述.讲一下,安装phonegap的步骤. 二.phonegap的安装   1. 设置系统变量系统变量 Path后面添加:(以下变量都是必须的,路径根据自己的设置)E:\android_sdk\sdk\tools;E:\android_sdk\sdk\platform-tools;E:\android_sdk\eclipse\plugins

一个前端开发工具

最近一直在琢磨着做一个前端开发工具,自身需求如下: 1. 开源 2. 基于Jquery和bootstrap 3. 所见即所得 4. 良好的扩展性 5. WinForm程序 昨天搭了一个框架出来,发现比我想像的工作量还要大一些. 本来我个人的人生哲学是“知难而退”,可是又想想出来混了这么多年,用了人家多少代码,是该还的时候了,尽早的事儿. 所以下定决心,准备坚持一下. 没钱就不能干点活了,什么社会啊?

一个php开发的用于路由器的小功能

最近接到一个需求,假设有A.B.C 三台主机.现A主机要访问C主机上的一个脚本,并且根据A传递的参数给C主机,同时接受C主机返回来的数据.但是现在A主机不能直接通过url.IP访问C主机,需要借由主机B.主要思路:A主机请求B主机并发送数据给B主机,B主机把接受到的数据再发送给C主机,同时接受C主机返回的数据,最后再把此数据返回给A主机. 具体程序如下: <?php //绑定的内网的 url 链接 $intranet_url = 'http://localhost/test.php'; //PO

[译]作为一个web开发人员,哪些技术细节是在发布站点前你需要考虑到的

前日在cnblogs上看到一遍文章<每个程序员都必读的12篇文章>,其中大多数是E文的. 先译其中一篇web相关的"每个程序员必知之WEB开发". 原文: http://programmers.stackexchange.com/questions/46716/what-technical-details-should-a-programmer-of-a-web-application-consider-before 问:对于一个web开发人员来说,在发布一个站点之前,他需

一个web开发人员在发布站点前你需要考虑哪些技术细节

转自http://www.xker.com/page/e2014/0520/132486.html 一个web开发人员在发布站点前你需要考虑哪些技术细节 文章转自Hedgehog博客 前日在cnblogs上看到一遍文章<每个程序员都必读的12篇文章>,其中大多数是E文的. 先译其中一篇web相关的”每个程序员必知之WEB开发”. 原文: http://programmers.stackexchange.com/questions/46716/what-technical-details-sho

【4】创建一个自己的Bootstrap模板

什么也不说了,直接贴上代码吧,哈哈 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="utf-8"> <!-- Bootstrap不支持IE的兼容模式,加入此标签以确保在每个被支持的IE浏览器中保持最好的页面展现效果 --> <meta http-equiv="X-UA-Compatible" content=&qu