BlackBerry HTML5 WebWorks——从Hello World开始
2013-02-28 09:38
375 查看
• 图片文件“icon.png” (sample code 目录下)
• “index.html” 和“config.xml” 文件( sample code
目录下)
• 用来创建.zip文件的压缩程序,如WinZip®
• 安装BlackBerry® WebWorks™ SDK
• 安装BlackBerry PlayBook 模拟器(使用VMWare®)
• 安装Ripple 模拟器
• 可以访问远程Web服务器 (如:Dropbox®)
创建index.html文件 <!DOCTYPE html>
<html>
<head>
<style type="text/css">
body { font-size: 5em; }
</style>
</head>
<body>
<p> Hello World </p>
</body>
</html>
为应用创建图标
• 推荐尺寸:86 x 86
• 推荐格式:PNG
• 本节使用sample code下自带的icon.png文件
创建配置文件config.xml
• 应用程序名
• 应用程序许可权限
• 起始页面
• 应用程序图标
• 开发者姓名
• 其他设置(比如网络传输方式优先级,初始化选项)
<?xml version="1.0" encoding="UTF-8"?> http://www.w3.org/ns/widgets" http://www.blackberry.com/ns/widgets"
version="1.0.0.0">
<widget xmlns="
xmlns :rim="
<name>Hello World</name>
<icon src="icon.png"/>
<content src="index.html"/>
</widget>
• config.xml 直接定义了应用程序显示在
PlayBook上的基本属性
• 如name和icon
命令行编译:准备编译 • 创建目录: C:\myapp
• 将文件index.html,config.xml和icon.png保存到这个目录下
• 将这三个文件打包到文件hw.zip中
• 创建一个子目录output
命令行编译:bbwp • C:\Program Files\Research In Motion\BlackBerry
HTML5 WebWorks SDK for TabletOS 2.2.0.5\bbwp
• 调用语法:
bbwp C:\myapp\hw.zip –o C:\myapp\output
命令行编译:编译结果
• 如果使用-o参数,C:\myapp\output 下生成.bar文件
• 如果不使用-o参数, C:\myapp\bin下生成.bar文件
命令行编译:目标文件生成
使用Ripple来访问本地文件 • 将工程目录及下面的文件拷贝到RippleSites目录
• Windows® XP:
C:\Documents and Settings\<Username>\RippleSites
• Windows® 7:
C:\Users\<Username>\RippleSites
• Mac OS:
/Users/<Username>/RippleSites
• 在Ripple地址栏中,输入:http://localhost:9900,后面 跟着工程目录名和首页。如:
http://localhost:9900/HelloWorld/index.html
使用Ripple打包:打包命令 •先单击Platforms菜单,然后选择: WebWorks-Tablet OS”.
•然后选择Ripple模拟器右上角的工具按钮
使用Ripple打包:打包选项
使用Ripple打包:结果 • 选择Ripple右上角的工具按钮
• 选择Package
• 打包成功后,会在output目录下生成.bar文件
部署应用- 设置Playbook开发模式
• 选择Ripple右上角的设置按钮
部署应用- 设置Playbook开发模式 • 选择Security
• 将Development Mode设置为ON(会要求输入 Playbook口令)
部署应用- 查看Playbook的IP地址
部署应用- 使用命令行安装应用 • BlackBerry WebWorks SDK下的目录:
bbwp\blackberry-tablet-sdk\bin
• 命令行:
blackberry-deploy -installApp -password <simulator password> -device
<simulator IP address> -package <BAR file path>
部署应用- 安装成功
部署应用- 运行结果
完成!
讲解视频:http://v.csdn.hudong.com/s/article.html?arcid=2805338
相关文章推荐
- [Blackberry]基于Ripple emulator的HTML5 Webworks开发
- 黑莓blackberry HTML5 WebWorks windows开发环境搭建
- BlackBerry HTML5 WebWorks 平台下,让BB10应用连接上BBM
- 安装Python的web.py框架并从hello world开始编程
- 在BlackBerry模拟器或者真机上高效测试WebWorks/PhoneGap程序--不需要重新打包编译
- BlackBerry WebWorks API监控手机上进来的邮件
- Building Your First HTML5 App Using BlackBerry WebWorks APIs
- BlackBerry WebWorks应用例子:扫描条码barcode
- BlackBerry 10 BIS推送数据到应用(WebWorks例子应用)
- 使用 HTML5 Boilerplate 开始 web 开发
- 使用 HTML5 Boilerplate 开始您的 web 开发
- 使用Ripple编译,签名WebWorks应用 Hello World
- BlackBerry WebWorks例子程序Weather在Ripple中编译错误
- web前端之HTML5压缩图片compress image with canvas
- 分享web前端七款HTML5 Loading动画特效集锦
- HTML5安全风险详析之三:WebSQL攻击
- WebView播放html5视频和全屏。
- html5-Canvas可以在web中绘制各种图形
- web前端炫酷实用的HTML5应用和jQuery插件
- 开始web自动化性能测试之路