[Blackberry]基于Ripple emulator的HTML5 Webworks开发

最新推荐文章于 2024-10-31 22:54:55 发布
最新推荐文章于 2024-10-31 22:54:55 发布
阅读量121 收藏
点赞数
文章标签： 操作系统 javascript ViewUI
原文链接：http://www.cnblogs.com/webapplee/p/3745705.html
版权

For your first BlackBerry WebWorks app, we'll stick with the classic, Hello World. It doesn't useJavaScript or BlackBerry WebWorks APIs, but you can verify that you successfully installed the tools and configured them correctly.

You will learn to:

  • Create index.html and config.xml files
  • View the app in the Ripple emulator
  • Configure your build settings in the Ripple emulator
  • Package your application using the Ripple emulator

Before you start, make sure you have the necessary tools installed. Refer to Setting up your tools, if necessary.

=====================================================

Before you begin: 

  • You need a text editor or IDE for creating HTML5, JavaScript, CSS, and config.xml files.
  • You need to install the Google Chrome browser. (The Ripple emulator runs as a Google Chromeextension.)
    1. Download the tools available on the Downloads page.
      1. Download the Ripple emulator.
      2. Download the BlackBerry WebWorks SDK for Smartphones of BB OS(not the BB10 OS version).
      3. Download a simulator. If you have a BlackBerry device available for testing, downloading a simulator isn't essential, but you will probably find it convenient to have one.
    2. Enable the Ripple emulator.
    3. Create a folder named RippleSites in one of the following locations, so that Ripple can find your app's files.
      • Windows XP: C:\Documents and Settings\Username\RippleSites
      • Windows 7: C:\Users\Username\RippleSites
      • Mac OS: /Users/Username/RippleSites
    4. Set up for signing by requesting code signing keys. Signing keys allow you to test your app on a device and, when you're ready, to distribute it through BlackBerry World. You don't need signing keys to work through the examples in the Getting Started section. If you request them now, you will have them ready when you need them.

========================================================

Create the application files

You need to create your application files where the Ripple emulator can find them.

  1. Navigate to your RippleSites folder. As a reminder, you created it in one of the following locations when you set up your tools:
    • Windows XP: C:\Documents and Settings\<Username>\RippleSites
    • Windows 7: C:\Users\<Username>\RippleSites
    • Mac OS: /Users/<Username>/RippleSites
  2. In your RippleSites folder, create a folder named HelloWorld.
  3. In your HelloWorld folder, create an index.html file. This file is the landing page for your app. Use the following code: 
    <!DOCTYPE html> 
<html> 
    <head> 
        <meta http-equiv="Content-Type" 
              content="text/html; charset=UTF-8"> 
        <title>Hello World</title> 
    </head> 
    <body> 
        <p>Hello World!</p> 
    </body> 
</html>
  4. When we package your app, we will need an icon.png file to display on the BlackBerry device. In your HelloWorld folder, create a folder named images. Download icon.zip and extract theicon.png file to the images folder.
  5. Create a config.xml file in your HelloWorld folder. Use the following code: 
    <?xml version="1.0" encoding="UTF-8"?> 
<widget xmlns="http://www.w3.org/ns/widgets" 
    xmlns:rim="http://www.blackberry.com/ns/widgets"
    version="1.0.0.0" id="HelloWorldApp">   
   
    <name>helloWorld</name> 
    <author>My name</author>
    <description>The classic first app</description>
    <icon src="images/icon.png"/>
    <content src="index.html"/> 

</widget>

To learn more about the config.xml file, see Create your config.xml file.

View your app in the Ripple emulator

The Ripple emulator can act as a local web server for your HTML5 app and can simulate what your app will look like on a BlackBerry device.

  1. Open the Google Chrome browser and make sure that Ripple services are running. If they aren't, click the Ripple icon beside the address bar, and then click Start Ripple Services or use command to start ripple-services.bat in "D:\Users\Lee\AppData\Local\Google\Chrome\User Data\Default\Extensions\cnijnnaimeaacneklcndcafbnkeicckh\0.9.XX\services\bin". 
  2. Enter the URL for your Hello World landing page. Substitute http://localhost:9910 for the first part of the file path, up to and including /RippleSites (for example,http://localhost:9910/HelloWorld/index.html).
  3. When the page is finished loading, click the Ripple icon beside the address bar.
  4. Click Enable.
  5. When you are asked to select a platform, select WebWorks

You can select a particular device by using the Devices panel. If the Devices panel is not visible, click the tiny arrow in the upper-left corner of the screen.

The Ripple emulator shows your app as it would appear on the platform and device you selected.

 

This image shows the Hello World app as it appears in the Ripple emulator when the WebWorks platform and BlackBerry Bold 9900 device are selected.

Configure your build settings

In the previous section, you used the Ripple emulator to see what your app will look like on aBlackBerry device. With a little bit of configuration, the Ripple emulator can also package your app. The Ripple emulator makes calls to the BlackBerry WebWorks SDK on your behalf, so you don't need to type commands at a command prompt. You need to provide the Ripple emulator with the location of the SDK and your app's files.

For some versions of Windows, you may need to be logged into an account with administrator privileges to successfully build your BlackBerry WebWorks app.

  1. In the Ripple emulator, select the Build panel.
  2. Click Settings.
  3. In the SDK Path field, type the location where the BlackBerry WebWorks SDK is installed. The default locations are:
    • Windows XP: C:\Program Files\Research In Motion\BlackBerry WebWorks SDK <version>
    • Windows 7: C:\Program Files (x86)\Research In Motion\BlackBerry WebWorks SDK <version>
    • Mac OS: /Developer/SDKs/Research In Motion/BlackBerry WebWorks SDK <version>
  4. In the Project Root field, type the location of your HelloWorld folder (for example,C:\Users\username\RippleSites\HelloWorld).
  5. In the Archive Name field, type HelloWorld. The Ripple emulator will use this name when it creates the .zip file that contains your app's files. (Do not type the .zip extension.)
  6. In the Output Folder field, type the location where you want the output files to be created (for example, C:\Users\username\RippleSites\HelloWorld\Packaged). Do not use the same folder that you specified in the Project Root field.
  7. In the upper-right corner of the window, click the X icon to close the window and save your settings.
This is what the  Build Settings panel looks like.

This image shows the Ripple Build Settings panel.

Package your app

When you build and package your app, you create an executable file that runs on a BlackBerry device.

The Ripple emulator gives you several choices when packaging your app:

  • Package: This option builds and packages your app, and creates an unsigned executable file that you can install on a BlackBerry device for testing.
  • Package & Sign: This option builds, packages, and signs your app, and creates an executable file that you can deploy to a BlackBerry device or distribute through BlackBerry World.
  • Package & Launch: This option builds and packages your app and launches it on a simulator.

The Ripple emulator makes calls to the BlackBerry WebWorks SDK, so be sure you have the appropriate SDK installed for your platform. Refer to Setting up your tools.

Let's start with just packaging the app.

  1. Make sure that Ripple services are running. If they aren't, click the Ripple icon beside the address bar, and then click Start Ripple Services.
  2. Check your build settings.
  3. Click Package.

The Ripple emulator builds and packages your application. When the build and package process is complete, the message Build succeeded! appears. Your output appears in the output folder you specified.

The type of output files that the Ripple emulator builds depends on the choice you made in the Platforms panel. If you selected WebWorks, the Ripple emulator builds a .cod file.

For more information, including how to package your app from the command line instead of using the Ripple emulator, see Preparing to package.

转载于:https://www.cnblogs.com/webapplee/p/3745705.html

weixin_30776863
关注
HTML5 WebWorks入门培训
07-18
为了开始使用HTML5 WebWorks开发，需要安装一系列工具和软件，包括Adobe AIR SDK（版本2.7或更高）、BlackBerry WebWorks SDK、Ripple模拟器以及VMWare Player。这些工具分别负责编译、调试、模拟和运行应用，确保...
Cordova 6 架构学习 测试工具Ripple Emulator、GapDebug
编程圈子-谢厂节的博客
07-08 7321
Ripple EmulatorRipple Emulator是一个基于浏览器的，可以协助测试cordova app的软件，可以运行于多个操作系统。老版本Ripple 作为Chrome extension安装，需要Chrome浏览器支持。现在可以使用npm安装。网址： http://ripple.incubator.apache.org/ 安装： npm install -g ripple-em
推荐一个Chrome扩展，Ripple Emulator
听雨轩
09-02 382
推荐一个Chrome扩展，Ripple Emulator。 用了这个扩展，你就可以直接在Chrome上调试Colrdova的功能了。能选择模拟器来测试屏幕大小，还能选择模拟器的Cordova版本。五星推荐，用了你会回来点赞的。 ...
Ripple插件安装：新版Chrome浏览器需要手工启用一下Ripple Emulator 插件
杨江的IT分享专栏
12-27 7922
访问BlackBerry开发者网站，点击Download，点击BlackBerry 10https://developer.blackberry.com/html5/Windows XP上面，调试本地html ，在chrome的命令行启动后面加入 --allow-file-access-from-files下载  ripple_ui.crx文件，从文件管理器拖向chrome浏览器。在最新版本的 G
HTML5 Canvas线条爱心波纹动画特效.zip
09-26
HTML5 Canvas是Web开发中的一个强大工具，它允许开发者在网页上进行动态图形绘制，创造出丰富的视觉效果。在这个“HTML5 Canvas线条爱心波纹动画特效”项目中，我们看到的是利用Canvas API创建的一个浪漫且引人注目...
基于Ripple共识机制的分布式作战资源分配方法研究.pdf
08-08
中图分类号为E211，表明这是一篇与军事运筹相关的研究文献，Ripple指的可能是指XRP加密货币所基于的Ripple协议，它是本研究提出的基于共识机制的分布式作战资源分配方法的理论基础。文献标识码“A”和文章编号“()...
HTML5实现下雨 水波特效
03-26
在本文中，我们将深入探讨如何使用HTML5的Canvas API来实现一种令人印象深刻的视觉效果——下雨与水波特效。HTML5 Canvas是一个强大的图形绘制工具，它允许开发者通过JavaScript动态地在网页上绘制2D图像。结合CSS3...
EnjuuBot:这是Enjuu的基于Ripple API的Discord机器人
05-08
EnjuuBot-RW 1.2正在安装要使用它，请下载最新版本，无需编译，因为它具有配置开始首先，您需要在服务器/ PC上安装Java！ 没有Java，它将无法正常工作。 启动Java文件的基本命令是java -jar EnjuuBot-with-...
服务器虚拟化
Hellc007的博客
10-30 595
服务器虚拟化是一种将物理服务器的计算资源分割为多个独立虚拟环境的技术，通过软件层将底层硬件资源抽象化并在上层构建多个虚拟机（Virtual Machine, VM）。每个虚拟机运行独立的操作系统和应用程序，相互之间不受干扰，具备类似于物理服务器的功能。这种技术使得一台物理服务器能够承担多台虚拟服务器的角色，从而极大地提升了硬件资源的利用率。服务器虚拟化的概念最早可追溯到20世纪60年代IBM大型机时代，当时虚拟化被用来将大型机的资源分配给多个任务，使得企业在有限的资源下能够同时运行多个应用。
MS010-17永恒之蓝漏洞复现
zhongyuekang820的博客
10-29 587
同时，该病毒与普通勒索病毒不同，其不会对电脑中的每个文件都进行加密，而是通过加密硬盘驱动器主文件表(MFT)，使主引导记录(MBR)不可操作，通过占用物理磁盘上的文件名，大小和位置的信息来限制对完整系统的访问，从而让电脑无法启动，相较普通勒索病毒对系统更具破坏性。SMB（全称是Server Message Block）是一个协议服务器信息块，它是一种客户机/服务器、请求/响应协议，通过SMB协议可以在计算机间共享文件、打印机、命名管道等资源，电脑上的网上邻居就是靠SMB实现的；
如何在Linux系统中使用LVM进行磁盘管理
qq_36287830的博客
10-29 1031
LVM是一种将多个物理磁盘合并成一个或多个逻辑卷的机制，使得磁盘管理更加方便。通过本文，你已经学习了如何在Linux系统中使用LVM进行磁盘管理。我们介绍了LVM的基本概念、安装方法、创建物理卷、卷组、逻辑卷、格式化和挂载逻辑卷、扩展逻辑卷、调整卷组、使用LVM快照、监控LVM状态、备份与恢复、LVM与RAID、LVM与加密、LVM与快照克隆以及LVM的高级特性等内容。掌握了这些知识，将有助于你在实际工作中更好地管理Linux系统的存储资源。
C++中获取硬盘ID的方法
道亦无名
10-27 50
如果你只是需要唯一地标识一个系统或硬盘，并且不需要非常具体的硬件信息，那么考虑使用其他方法，如生成一个基于系统配置的唯一标识符（如使用UUID库生成一个UUID），或者依赖于操作系统的某些唯一属性（如Windows上的SID或Linux上的某些系统文件内容）。在C++中，直接获取硬盘的ID（通常是硬盘的序列号或唯一标识符）并不是一项简单的任务，因为这通常涉及到低级的硬件访问，这通常是由操作系统或特定的硬件驱动程序管理的。由于直接访问硬盘ID涉及到系统安全和隐私，许多操作系统和硬件制造商都限制了这种访问。
鸿蒙开发：ArkTS GridCol容器组件
10-28 610
ArkTS支持多范式编程，包括面向对象编程、函数式编程和响应式编程，为开发者提供了更多的编程选择和灵活性。今天给大家分享ArkTS GridCol容器组件技术知识，如果有所帮助，大家点点关注支持一下，也可以联系上我一起学习。
Linux系统内核态和用户态
2301_76197086的博客
10-28 382
详解Linux系统中用户态和内核态，以及相关补充知识
SQL Server 可观测最佳实践
观测云的博客
10-28 785
本实践介绍如何通过观测云监控自建的 SQL Server，帮助我们及时识别数据库性能瓶颈和潜在问题，确保数据库高效运行和稳定性。
鸿蒙ArkTS中的面向对象编程
最新发布
dawn0718的专栏
10-31 226
ArkTS作为一门面向对象语言，了解和掌握它的面向对象（封装、继承、多态）、面向接口、面向抽象的知识很有必要。
Linux系统下minio设置SSL证书进行HTTPS远程连接访问
qq_37924396的博客
10-28 1087
为了在生产环境中确保安全性，建议获取一个受信任的SSL证书，可以从证书颁发机构（CA）购买，或者使用免费的证书颁发机构（例如Let’s Encrypt）获取SSL证书。在生产环境中，使用自签名证书并不推荐，因为它们不受信任的证书颁发机构（CA）签署，可能会导致安全问题。是密钥库文件的路径。1.在上面的代码中，我们创建了一个SSLContext，其中的X509TrustManager会信任所有证书，无论其是否由信任的证书颁发机构（CA）签署。CA比较新或自行颁发的证书，需要将证书加入到jdk的信任证书库中，
大型商场应急响应系统开发：SpringBoot篇
2401_85439108的博客
10-29 725
6、网络上的客户端和服务器可以用来编程任何独立的编程环境，也有中国，GB2312，BIG5，日文写作，一般基金，用于支持多国语言，并且可以嵌入在数据表和其他软件shift_jis访问柱可以用作的名称。2、支持多种操作系统AIX的，FreeBSD下，HP-UX，Linux和Mac OS中，Novell公司的Netware，OpenBSD系统，OS/2裹时，Solaris，Windows等。编程语言，如C, C ++，Python和Java的，的Perl，PHP，埃菲尔铁塔，Ruby和Tcl的。
HTML5移动开发：11大框架助力WebApp
4. Sencha Touch 是一个知名的基于HTML5的移动开发框架，能创造出类似于本地应用的用户体验，支持音频/视频、本地存储以及CSS3特性。 5. Baker 是专为iPad和iPhone设计的HTML5电子书框架，用于发布互动式电子书和...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值