使用瑞波币在浏览器中测试电话间隙应用程序

Testing phonegap apps in the browser with Ripple

本文关键字：电话 测试 电话间 间隙 应用程序 浏览器      更新时间：2023-09-26

使用瑞波在浏览器中测试PhoneGap应用程序的正确方法是什么？我需要做任何配置吗？

我有一个使用PhoneGap制作的"hello world"应用程序，我想在浏览器中对其进行测试，而不是为每个更改启动手机模拟器。我正在本地网络服务器上运行它。我用 http://emulate.phonegap.com 前往地址（例如，localhost:8888/sites/hello/www）。该应用程序开始加载，但我得到 404 用于phonegap.js.它正在检查的路径是localhost:8888/sites/hello/www/phonegap.js - 这应该由模拟器提供吗？我需要挖掘文件吗？我正在使用股票hello world应用程序，所以我希望这些部分已经到位。

您需要

提供 phonegap.js 才能使瑞波币正常工作 - 只需在索引的<head>插入脚本标签.html指向它。注意 Ripple 无法在 Phonegap 3.x 中正常工作，因此请使用 Phonegap 2.x 版本中的 JS - 我使用的是 Android 软件包中的 cordova-2.9.0.js。瑞波币只能在谷歌浏览器中工作。

顺便说一下，如果您在启动 chrome 时使用 --allow-file-access-from-files 选项，您可以从文件系统直接在 Chrome 中打开 index.html 文件，而无需本地网络服务器 - 只需将其添加到快捷方式中，例如 "C:'Program Files'Google'Chrome'Application'chrome.exe" --allow-file-access-from-files

以下是我如何设置一台使用 Cordova 进行开发的机器。这些步骤显示了需要下载的内容，以及使用最后几个步骤启动波纹模拟器以测试应用程序来创建一个简单的hello world应用程序。

Linux Mint 15：如何设置 nodejs、npm、Apache Cordova、Ripple、Android SDK for Android Development

引用：

科尔多瓦安卓指南：http://cordova.apache.org/docs/en/3.1.0/guide_platforms_android_index.md.html#Android%20Platform%20Guide

节点JS指南：https://github.com/joyent/node/wiki/Installing-Node.js-via-package-manager

NPM科尔多瓦指南：https://npmjs.org/package/cordova

Prereqs - 文件夹名称和位置都是变量，这意味着它们可以是您想要的任何变量

-必须使用铬作为纹波模拟器

  1. 下载安卓 SDK - http://developer.android.com/sdk/index.html
  2. 解压缩文件夹
  3. 将文件夹重命名为 adt 捆绑包
  4. 将目录更改为您的个人文件夹。例如，CD/home/Brian
  5. 创建一个名为"开发"的文件夹
  6. 将 adt-bundle 移到开发示例。/home/brian/Development/adt-bundle
    7. export PATH=${PATH}：/home/brian/Development/adt-bundle/sdk/
  7. platform-tools：/home/brian/Development/adt-bundle/sdk/tools
  8. sudo apt-get install ant

  9. 键入安卓 安卓SDK窗口将弹出检查API17并安装

  10. sudo apt-get remove nodejs nodejs-dev npm

  11. sudo apt-get install python-software-properties Python g++ make
  12. sudo apt-get install software-properties-common
  13. sudo add-apt-repository ppa：chris-lea/node.js
  14. sudo apt-get 更新
  15. sudo apt-get install nodejs
  16. nodejs -v
  17. npm -v
  18. npm install -g cordova

  19. npm install -g ripple-emulator

  20. CD/首页/布莱恩/发展/

  21. 科尔多瓦创作你好"你好世界"
  22. 光盘你好
  23. 科尔多瓦平台添加安卓
  24. 科尔多瓦构建
  25. cd/home/brian/Development/hello/platforms/android/assets/www
  26. 纹波模拟 - 端口 1234
  27. 打开镀铬
  28. 导航到本地主机：1234/索引.html？enableripple=cordova-2.0.0-Nexus4
  29. 回到终端，您可以按 Ctrl+c 终止服务器

重要提示：先卸载瑞波Chrome插件！！

解决方案1："修补它！

要在瑞波中测试您的 phonegap3 应用程序，您必须使用 apache git 存储库中的最新版本 （0.9.19），并使用位于此 git-repo 的ripple_phonegap3.patch对其进行修补。按照位于同一存储库中的 README.md 文件中的说明进行操作。

新版本的瑞波币不再是chrome扩展。它现在是一个nodejs/expressjs Web服务器，也支持其他浏览器。

解决方案 2："分步"（仅当您专门使用 phonegap3 时）

  • 下载瑞波币

    git clone https://git-wip-us.apache.org/repos/asf/incubator-ripple.git

  • 编辑lib/server/emulate/hosted.js

添加行 

    var PG3_SCRIPTTAG_OLD= /<script type="text'/javascript" src="phonegap.js"><'/script>/;
    var PG3_SCRIPTTAG_NEW= '<script type="text/javascript" src="cordova.js"></script>';
    doc = doc.replace(PG3_SCRIPTTAG_OLD, PG3_SCRIPTTAG_NEW);

在function localInjection()之间 

        var doc = data.replace(HEAD_TAG,
                  '<head>' +
                    '<script>' +
                        BOOTSTRAP_FROM_IFRAME +
                    '</script>');

和

        res.send(doc);
  • 运行./configure
  • 运行jake
  • 使用bin/riddle

LG

法斯特德

Icenium有一个免费试用版，它非常棒：http://www.icenium.com/

相关文章：