Rexsee Hello World - 基于Rexsee项目中心的在线开发入门指导

阅读更多

 

 

 

概览

作为开源的Android应用开发平台,Rexsee提供了接近2000个扩展API,不仅简化了Android原生开发,更支持Web开发者基于标准化Web开发模式,使用HTML、CSS和Javascript快速实现移动应用。

本文将细致讲述如何基于Rexsee社区的项目中心,在线实现我们的第一个Hello World程序。

在Rexsee项目中心创建新项目

         登录Rexsee社区,并进入项目中心,点击左侧头部的“创建新项目”即可开始咱们的Hello World应用创建。

1.   应用信息填写

Rexsee Hello World - 基于Rexsee项目中心的在线开发入门指导_第1张图片

a)  应用包名:程序的包名,英文字母开头,可以包含字母、数字和下划线。

b)  版本信息:应用的版本说明,使用数字和“.”,例如1.5。

c)  应用名称:显示在手机应用程序列表和手机桌面上的名称,支持英文或中文。

d)  应用图标:显示在手机应用程序列表和手机桌面上的图标,72x72的png图片。

2.    选择扩展组件

Rexsee Hello World - 基于Rexsee项目中心的在线开发入门指导_第2张图片

3.    基本设置与权限选择

Rexsee Hello World - 基于Rexsee项目中心的在线开发入门指导_第3张图片

Rexsee提供了大量的原生功能实现,你可以结合具体应用的功能在创建时进行勾选。

4.     分享

Rexsee Hello World - 基于Rexsee项目中心的在线开发入门指导_第4张图片

作为Rexsee项目中心最为重要的功能之一,社区鼓励开发者以开放的形式共享应用,更多的访问者不仅可以直接下载应用,更能从源码层面得以了解和学习。

系统默认为分享状态,即其他开发者可以在项目中心查看您的应用。

代码编写与调试

         项目创建成功后即可进入到开发页面。在这里我们可以查看到应用的相关属性以及文件组成。

         点击“编辑”index.html页面,开始咱们的Hello World。

Rexsee Hello World - 基于Rexsee项目中心的在线开发入门指导_第5张图片

1.    Hello World代码编写

在index.html页面中输入如下代码

 

Html代码 
  1. <html>  
  2. <head>  
  3. <title>Rexsee Hello Worldtiltle>  
  4. <script type=text/javascript>  
  5. //Rexsee代码从这里开始  
  6. window.onRexseeReady=function(){  
  7.   rexseeDialog.toast('系统加载完毕!');//出现后随即消失效果  
  8. }  
  9. script>  
  10. head>  
  11. <body>body>  
  12. html>  

 

代码说明:

 

  • Rexsee提供的是JS API,可以在html中加入标签;也可以在外部文件中添加JS代码,然后通过

你可能感兴趣的:(Android,Rexsee,HTML5,移动Web开发,WebApp)