`
zcwfeng
  • 浏览: 106610 次
  • 性别: Icon_minigender_1
  • 来自: 吉林
社区版块
存档分类
最新评论

Firefox OS App开发及部署

 
阅读更多

Firefox OS所有应用都采用HTML5的标准,只要会HTML、CSS、JS,开发APP是非常简单的,只是firefox os提供了一些针对移动设备的特性,如电话、短信、WIFI、3G网络等,但调用这些功能跟普通的JS组件一样,操纵JS对象即可。mozilla也在和 W3C进行协商,争取将这些新增的特性添加到HTML5标准里面去。

Firefox OS App的部署目前有两种方式

1.在gaia编译前,将你的App工程(App工程的目录结构下面会详细说明)放到gaia源码的apps或者test_apps目录,然后make

这种方式可以在模拟器里运行或者烧到B2G手机中运行你的应用

2.将你的App部署到web服务器,通过在线方式进行安装。但这样,你需要将你的应用发布到应用商店或者自己单独写一个供App安装的页面,让用户通过该页面安装你的应用。后面会有详细的说明。

接下来我们以一个超级简单的Demo来说明怎么开发Firefox OS App

1.新建一个文件夹testapp作为项目根目录(注意,文件夹名必须为小写字母)

2.在testapp目录下,新建index.html,代码如下

<!DOCTYPEhtml ><html ><head > <meta charset="utf-8"/></head ><body > helloFirefoxOS </body ></html >

3.在testapp目录下,新建manifest.webapp,代码如下

{ "name":"TestApp", "launch_path":"/index.html", "developer":{ "name":"chy", "url":"http://chyblog.sinaapp.com" }, "appcache_path":"/cache.manifest", "fullscreen":"true", "icons":{ "120":"/style/testApp.png" }, "permissions":[ ] }

4.添加应用的图标,在testapp目录下,新建style目录,添加一张png格式的图片,作为应用的图标,取名为testApp.png

5.部署,我们采用上面提到的第一种方式进行部署,将testapp放到gaia源码的test_apps下面,然后重新编译giai源码。编译完后运行模拟器,在你的Firefox os中,会看到你新增的应用

6.如果需要在线安装,首先需要把应用放到web服务器上,然后添加一个安装页面,源码如下

<!DOCTYPEhtml ><html ><head ><meta charset="UTF-8"/><title >onlineinstall </title ><script type="text/javascript">functioninstall(){ varrequest =window .navigator.mozApps.install("http://demos.chyblog.com/testapp/manifest.webapp"); request.onsuccess =function(){ //SavetheAppobjectthatisreturned varappRecord =this .result; alert('Installationsuccessful!') }; request.onerror =function(){ //DisplaytheerrorinformationfromtheDOMErrorobject alert('Installfailed,error:'+this.error.name); }; } </script ></head ><body ><input type="button"value="installTestApp"onclick="install()"/><br >from:<a href="http://www.chyblog.com">http://www.chyblog.com </a ></body ></html >

需要把

varrequest =window .navigator.mozApps.install("http://demos.chyblog.com/testapp/manifest.webapp");

中的地址http://demos.chyblog.com/testapp/manifest.webapp替换成你的app下面manifest.webapp文件访问的URL路径即可

部署好以后,使用B2G中的firefox浏览器访问该安装页面的URL地址,点击“install Test App”按钮,按照提示进行安装即可。也可使用演示页面,安装该应用

效果截图

源码下载:http://chyblog-chyblog.stor.sinaapp.com/wp-content/uploads/2012/09/testapp.zip

分享到:
评论

相关推荐

    firefox os app

    3. **App Manager**:Firefox OS应用管理器,是集成在Firefox浏览器中的一个插件,用于管理、测试和部署应用。 **三、Firefox-OS-Boilerplate-App-gh-pages详解** 这个压缩包提供了一个基础的Firefox OS应用模板,...

    firefox os实践

    Mozilla提供了Firefox OS App Manager(应用管理器),这是一个集成在Firefox浏览器中的开发工具,可以帮助我们调试、测试和部署应用。安装好Firefox和App Manager后,我们可以开始创建新的应用项目。 ...

    ffos-template:具有本地化功能的 Firefox OS 打开 Web 应用程序模板

    Firefox OS 本地化的开放网络应用程序模板。 笔记 要使用 Rakefile,你需要 ruby​​ 和 bundler: gem install bundler 我建议在开发时交换manifest.appcache CACHE 和 NETWORK。 在构建和部署您的应用程序之前,...

    sun app server

    在客户端访问方面,Sun App Server 9支持主流浏览器,如Internet Explorer、Firefox和Safari,确保用户可以顺利访问和使用基于Web的应用程序。 ### 4. 升级和迁移 Sun App Server 9提供了从早期版本平滑升级的途径...

    fxos-dev-mode

    在Firefox OS中启用开发模式,主要依赖于Mozilla的WebIDE(Web集成开发环境)或App Manager(应用管理器)。这两个工具都是Firefox浏览器的扩展,允许开发者通过USB连接将应用直接部署到Firefox OS设备上,无需通过...

    RemiAndroid:安卓版雷米

    RemiAndroid是一款基于Firefox OS Web App技术的安卓应用,它为用户提供了一种在安卓设备上体验类似Firefox OS的用户体验。这个项目主要针对开发者和爱好者,他们希望通过Web技术来构建跨平台的应用程序,尤其是那些...

    uniGUI基于手机浏览器的数据访问开发与研究

    uniGUI支持多种服务器平台,包括IIS、Apache、Nginx等,并且能够运行在多种浏览器上,如Chrome、Firefox、Safari等。在这个项目中,uniGUI被用于构建一个手机浏览器可以访问的应用程序。 2. **C++Builder 10.2.2 ...

    Silverlight开发教程.pdf

    尽管Silverlight是为了跨浏览器运行而设计的,但在不同的操作系统(如Windows、Mac OS X)以及不同的浏览器(如Internet Explorer、Firefox、Safari)上,Silverlight应用程序的表现可能有所不同。本教程可能会讨论...

    appium手机自动化测试

    Appium 是一个用于移动设备自动化测试的开源工具,它支持 iOS、Android 和 Firefox OS 平台上的原生、混合以及 Web 应用的自动化测试。它允许开发者使用自己的编程语言和测试框架来编写测试脚本,而不依赖于移动应用...

    FxOS-Prompt:Prompt - FxOS 作为物联网 (WoT) 的硬件平台

    提示 - FxOS 作为硬件平台 ====================================== 这是在 Firefox OS 上运行的无显示硬件平台的主要应用程序。指示使用 DevTools 在硬件上部署开发部署可以使用 DevTools 完成。 使用提供的脚本为 ...

    phonegap实战附书源码

    - 平台支持:PhoneGap支持iOS、Android、BlackBerry、Windows Phone、Firefox OS等多个主流移动平台。 2. **PhoneGap环境配置** - 安装需求:开发者需要安装Node.js、PhoneGap CLI、对应平台的SDK(如Android ...

    appium手机自动化测试.pdf

    它支持iOS、Android和Firefox OS上的原生、混合和Web应用程序的自动化测试,且不依赖源代码,也不限制测试框架和平台。 首先,我们要了解Appium是由Sauce Labs支持的一个项目,Sauce Labs是一家提供企业级测试解决...

    Appium mac/android自动化

    Appium是一个开源的移动端自动化框架,用于自动化测试iOS、Android和Firefox OS上的原生应用、移动网页应用和混合型应用。它支持多语言,包括Java、Ruby、Python等,并允许开发者使用同一套API针对不同的移动平台...

    Silverlight浏览器客户端运行插件

    1. **跨平台支持**:Silverlight最初是为了Windows和Internet Explorer设计的,但随着时间的推移,它也支持Mac OS X和不同版本的Firefox、Safari和Chrome浏览器,实现了跨平台兼容性。 2. **丰富的媒体支持**:...

    phonegap样例

    7. **调试**:开发者可以使用Chrome开发者工具、Firefox开发者工具等Web浏览器的调试工具,通过USB连接手机或使用模拟器进行远程调试。 8. **App Store和Google Play合规性**:虽然PhoneGap应用主要基于Web技术,但...

    Silverlight demo

    1. **跨平台兼容性**:Silverlight支持多种操作系统,包括Windows和Mac OS,同时也支持主流的浏览器,如Internet Explorer、Firefox、Safari和Chrome。 2. **强大的多媒体支持**:内建对WMV、WMA等格式的支持,同时...

    Silverlight教程

    Silverlight应用可以跨平台运行,支持Windows和Mac OS操作系统,并能在多种浏览器上运行,包括Internet Explorer、Firefox、Chrome和Safari。 ### 二、Silverlight开发环境 要开始Silverlight开发,你需要安装...

    ffos-paris:法国巴黎的公共交通

    使用中间人进行本地化的 Firefox OS 打开 Web 应用程序模板。 关于工具 用于预处理: 瘦到 Html SCSS 到 CSS CoffeeScript 到 JavaScript 连接并缩小所有内容 如果您不想使用它们,您可以从文件名中删除 slim/...

    silverlight从基础学习

    Silverlight应用可以运行在Windows和Mac OS X操作系统上,并支持多种浏览器,如Internet Explorer、Firefox、Safari和Chrome。 2. **安装与环境配置** 在开始学习前,需要在计算机上安装Silverlight开发者工具,...

    SecPath A2000-AK运维审计系统产品白皮书.docx

    系统简单易用:用户访问设备时无需依赖第三方插件,且兼容多种主流浏览器,包括 IE、Google、Firefox 和 Safari,支持 Windows 和 Mac OS 等多平台操作终端,方便不同运维人员接入。 全面用户管理:支持用户分组...

Global site tag (gtag.js) - Google Analytics