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

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

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

1. 工具准备(20分钟)

(1) 需要一个大概10M大小的SDKhttps://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

clip_image002

记住这个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下面,然后做一下注册:

clip_image004

这边的”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+签名:

clip_image006

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

(4) 安装到设备或者模拟器:

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

clip_image008

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

5. 上架appworld

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

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

附录:

(1)源码:其实看别人的源码很简单,只要把bar文件修改为zip就行啦,哈哈clip_image009[1],这边有用的就是index.htm, config.xml;

clip_image011

(2)开发官网文档和API:https://developer.blackberry.com/html5/documentation/

(3)源码下载:https://github.com/blackberry/BB10-WebWorks-Samples

Submit a comment

Allowed HTML tags: <a href="http://google.com">google</a> <strong>bold</strong> <em>emphasized</em> <code>code</code> <blockquote>
quote
</blockquote>
example: http://google.com