教你使用HTML5创建BB10应用，轻松赢取1万美刀

对于一般的网络展示、查询类的应用来说，BB10上的开发比Android和IOS要简单的多，比如网站导航、天气、新闻热点、电子书这样的应用，通过HTML开发基本上都是一天搞定。如果你的idea够cool，能在12月内挣到1000美刀，RIM给你补9000美刀，这样说赚1万美刀是不是很容易呢？

下面我就给你带个头，让你在1小时内掌握HTML5开发BB10应用的步骤！ 同时提供我上架到appworld的PBTV源码供学习使用（点击下载）。

1. 工具准备（20分钟）

（1） 需要一个大概10M大小的SDK：https://developer.blackberry.com/html5/download/sdk

（2） 下载一个x86的JDK（注意，即使使用64bit的win7也必须安装x86的JDK！）：http://www.oracle.com/technetwork/java/javase/downloads/jdk7u7-downloads-1836413.html

（3） BB10开发机一台，如果没有的话就用vmplayer挂载模拟器将就着用吧：点我下载

（4） 这时候顺便去申请个key，后面用得上：https://www.blackberry.com/SignedKeys

记住这个PIN，后面用得上，其他随便填。大概20多分钟后你会收到2个csj文件。

另外需要一个winzip 用于做压缩包，以及网页编辑器或者文本编辑器，建议使用notepad++。官方推荐使用Ripple调试，个人觉得这货很垃圾，显示出来和开发机不一样，打包也不方便，不推荐，这边的教程也不用。

2. html页面编辑（15分钟）

一个好的界面需要好的CSS，而实现各种功能则需要综合使用HTML5/JSP/API。比如在我的应用里面要实现一个按钮，按下后打开浏览器跳转到指定的位置，代码是这样的：

<a class="xlarge orange awesome" onClick="TVgo('http://live.tv.sohu.com/')">搜狐直播</a>

<script type="text/javascript" charset="utf-8">

function TVgo(url)

{

// open web link in browser

blackberry.invoke.invoke({

target: "sys.browser",

uri: url

}, onInvokeSuccess, onInvokeError);

};

</script>

这边既有CSS，又有jsp，还调用了BlackBerry的API，是不是很简单呢？

3. 配置文件和图标（10分钟）

需要制作一个85×85的png文件作为应用的图标，然后依葫芦画瓢写一个config.xml，这边因为使用了invoke，所以加这么一个就行了:

<feature id="blackberry.invoke" required="true" version="1.0.0"/>

4. 打包、签名、安装（15分钟）

这时候检查一下邮箱是不是收到两个csj文件了呢？没有的话继续等等吧，一般不会超过1个小时的。

（1） 首先把这两个文件拷贝到SDK的bin下面，然后做一下注册：

这边的”nealchen”就是我们申请key时填的pin，而”Playbook123”是设置的密码，后面用得上。另外就是你收到的两个csj文件名。

签名成功后，你可以在下面的路径中找到，可以备份这3个文件，重装系统后直接复制还能用：

· Windows XP: %HOMEPATH%Local SettingsApplication DataResearch In Motion

· Windows Vista and Windows 7: %HOMEPATH%AppDataLocalResearch In Motion

（2） 用winzip把这3个文件打包一下，比如pbtv.zip；

（3） 打包成bar+签名：

先到SDK位置下，然后执行bbwp命令，然后带zip地址，前面注册的签名密码，以及buildId，每次加1。签名成功后，你可以在zip文件夹中看到生成了两个文件夹，里面放了两个签名好的bar。

（4） 安装到设备或者模拟器：

在设备或者模拟器中依次通过“设置”-》“安全”-》“开发模式”打开，获取IP后通过命令安装：（先CD到SDK目录）

qqww是我设置的密码，192.168.10.101是我的设备IP，cntv.bar是我打包并签名好bar。

5. 上架appworld

bar在BB10开发机测试OK后，就可以上架啦~ 上架的时候只要把刚刚签名后的bar上传上去，然后搞几张截图，写个描述就行啦。访问这里注册为黑莓供应商吧~

有问题可以在我的微博（加关注）提问，希望你拿到1w美刀的时候请我喝杯吧!

附录：

（1）源码：其实看别人的源码很简单，只要把bar文件修改为zip就行啦，哈哈，这边有用的就是index.htm, config.xml；

（2）开发官网文档和API：https://developer.blackberry.com/html5/documentation/

（3）源码下载：https://github.com/blackberry/BB10-WebWorks-Samples