Palm Mojo SDK初试三—翻译官方hello world(1)

最新推荐文章于 2024-05-31 14:49:19 发布

iteye_16234

最新推荐文章于 2024-05-31 14:49:19 发布

阅读量159

点赞数

分类专栏： webOS 文章标签： Palm WebOS Eclipse json CSS

webOS 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

欢迎大家关注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内容：

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
 "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
 <title>Hello There</title>
 <script src="/usr/palm/frameworks/mojo/mojo.js" type="text/javascript" x-mojo-version="1" />

 <!-- application stylesheet should come in after the one loaded by the framework -->
 <link href="stylesheets/hellothere.css" media="screen" rel="stylesheet" type="text/css" />
</head>
<body>
 <h2>This text verifies your application is running.</h2>
 <p>
 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.
 </p>
</body>
</html>

注意index.html是一个标准的xhtml页面，导入webOS程序中要用到的SDK框架里<script>
片段，虽然还不是很丰富，但是是时候启动在模拟器上做个实例了。
——————————–启动模拟器—————————–
* Linux: 命令行中输入palm-emulator.
* Mac: 进入程序目录，双击Palm Emulator图标.
* Windows: 双击Palm Emulator图标，不用介绍了吧.
—————————–模拟器中运行程序—————————
如果使用Eclipse配插件开发，可以选Run > External Tools > Run As > Palm Application或者选中项目右键Run As > Palm Application,Eclipse自动编译包，安装并启动程序(前提是你得先打开模拟器，我就犯过几次傻)，另外命令行模式下也可以使用sdk中的工具启动程序。
Notes:(我觉得应该放后的，不过按官方顺序翻译吧)
* 在helloworld中尽量加入些你实际应用的内容
* 安装程序新版本时不会删除掉没有显示的旧版本资源，因此，在测试期间，安装新版本之前最好先卸载旧版本程序，不然的话测试时有可能看不到新版本效果。
* workspace包含所有程序目录(这句话官方有点废话:-()
———————-命令行模拟器上手动编译和安装———————–
1 启动模拟器
2 命令行模式下进入工作区目录(就是程序包所在目录)
3 使用palm-package +程序名

palm-package HelloWorld

4 使用palm-install +程序安装编译好的.ipk程序包

palm-install com.mystuff.hello_1.0.0_all.ipk

———————–命令行模拟器上卸载程序—————————-
1 保证模拟器启动
2 命令行工作目录下输入palm-install -r +程序id，和安装有点差别

palm-install -r com.mystuff.hello

————————-命令行模拟器启动程序—————————-

1 保证模拟器启动
2 命令行工作目录下输入palm-launch +程序id

palm-launch com.mystuff.hello

————————-命令行模拟器关闭程序—————————-
1 保证模拟器启动
2 命令行工作目录下输入palm-launch -c +程序id

palm-launch -c com.mystuff.hello

—————————模拟器运行程序——————————–
1 保证模拟器启动
2 点击底部的程序启动图标(默认是半个月亮)
3 显示出一下画面

palm Emulator Hello World snap

iteye_16234

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Palm Mojo SDK初试三—翻译官方hello world(1)

欢迎大家关注webOS开发系列，更多内容访问http://i.wezine.cn/index.php/webos-dev，转载请注明出处此篇原文http://i.wezine.cn/index.php/archives/25 官方原文官方的英文还好浅显易懂，不过挺冗长，精简后翻译过来，是个不错的入门日记。——————————–开始之前——————————...
复制链接

扫一扫