欢迎大家关注webOS开发系列,更多内容访问http://i.wezine.cn/index.php/webos-dev,转载请注明出处
此篇原文http://i.wezine.cn/index.php/archives/25
官方原文
官方的英文还好浅显易懂,不过挺冗长,精简后翻译过来,是个不错的入门日记。
——————————–开始之前———————————-
1 开始第一个webOS实例前,确认安装好mojo sdk,并熟悉模拟器
2 熟悉如何启动app程序,本教程帮助建立第一个简单app实例,并检验开发工具是否正常运行。
——————————–app实例目录—————————–
webOS程序有它特殊的目录结构,在安装好开发插件的Eclipse上创建实例目录,只需选择File > New > Project(wizard) ,展开Palm webOS并选择Mojo Application输入实例名hello world。另外,也可以在命令行模式下用palm-generate命令创建。
命令行创建
1 打开cmd命令行模式,进入工作区目录,例如e:/app_dir之类的
2 在工作目录下键入以下命令
palm-generate -p "{title:'Hello World', id:com.mystuff.hello,version:'1.0.0'}" HelloWorld
查看工作目录下生成以下文件:
app目录——存放实例assistants, models, 和views目录,接下来的操作,会向目录中添加文件
appinfo.json——程序信息文件
icon.png——程序图标,格式为png透明,详细大小、格式后期教程详细描述
images——图片包
index.html——程序场景主流程文件
sources.json——场景资源调用清单文件
stylesheets——程序样式表存放目录
详细目录说明,原文
——————————–app程序信息—————————–
appinfo.json文件记录SDK framework中使用的package信息,以及版本信息和厂商信息,程序名称等等
{ "id": "com.mystuff.hello", "version": "1.0.0", "vendor": "My Company", "type": "web", "main": "index.html", "title": "Hello World", "icon": "icon.png" }
注意id标识的package包以及vendor提供商,将用于在设备中运行时标识和认证
——————–设置stage流程(stage不知道这么翻译对不对)—————
流程/运行面是程序界面运行的平台,一个流程通常相对应一个程序选项卡或者程序窗口。大部分程序都只有一个流程/运行面,包含在index.html文件中。一个程序允许用户同时执行多个动作时可能就需要多个流程/运行面。举个例子,一个email程序,需要一个流程显示收件箱,但同时需要第二个运行面显示写邮件的界面。提醒和后台程序基本不需要运行面。
查看index.html内容:
Hello There
This text verifies your application is running.
To create a fully functional Palm application create a scene and remove this text from index.html.
See the documentation on Palm Applications for more information on creating applications and scenes.
注意index.html是一个标准的xhtml页面,导入webOS程序中要用到的SDK框架里