草庐IT

android - 在 Cordova 中开发网站应用程序的正确方法是什么？

coder 2023-09-27 原文

我正在尝试做一些简单的网站应用以显示我的网站并添加一些特定功能

我的想法是为移动设备制作类似 Facebook 应用程序的东西。简单地说，我需要显示一个网站并替换文件输入 - 用户应该能够从相机捕捉照片或从图库(多个选择)并将其附加到帖子中。

TL;DR;

检查底部的图像。

我尝试过的:

使用 Cordova 和 Camera 和 Image picker 插件并在 InnAppBrowser 中显示网页

用相机拍照并从图库中挑选图片然后上传到服务器 - 有很多这样的例子。

我发现了什么问题:

InnAppBrowser 是强制全屏，所以我无法调整它的大小，也无法在下方放置一些按钮来选择图片。

我需要什么:

我只需要以某种方式附加图像(来自图库或相机)到表单文件输入，或者将它们上传到某种 api - 该 api 会处理图像服务器并返回一些 ID，我可以使用这些 ID 代替页面上表单中的文件输入，以将图像附加到帖子中。一些隐藏的输入，我会在其中插入要附加到帖子的上传图像的 ID(我会在我的 PHP 脚本中写入一些 if 条件)。

我需要我的应用程序是多平台(Android、IOS、WP)，所以这就是我使用 Apache Cordova 的原因。我尝试了很多解决方案，并且搜索了 5 个小时。但我找不到任何有用的东西。

有人有这方面的经验吗？有人制作了某种应用程序吗？

如果您能提出任何解决方案(成为 Cordova 并不重要，但它必须是多平台的)，我会很高兴!

感谢您的宝贵时间!

图片

有桌面版正常文件输入的画面:

我对在 Web 浏览器下带有摄像头和图像选择器选项的移动应用程序版本有一个看法:

最佳答案

我想我没说清楚。技术答案是 Cordova/Phonegap 不适用于创建网站应用程序。这意味着从技术上讲，没有“正确的方法”来完成您的要求。

  • 对于网站应用，所有页面都从网站呈现并从网页/网络浏览器控制。
  • 对于移动应用，应用可以直接控制的所有页面都呈现在移动设备上。但是，可以从服务器或移动应用程序呈现(和/或创建)页面，但页面的控制权在呈现(或创建)页面的一方。可以移动的两侧之间有明确的界限，但程序员的*危险*。 (这里的聪明没有意义，只会增加安全问题。)

然而，Cordova 和 Phonegap 确实有插件。整个目的是使用插件来简化某些任务。但是，电话和网站之间有明确的界限。需要明确最后一部分，这意味着手机上的所有“插件服务”(加速度计、联系人列表等)都可直接用于应用程序，而不是网站。然而，一些“服务”也可用作 HTML5 API，例如“相机”和“地理定位”——将两者混合使用是危险的。如果使用的话，HTML5 API 应该保留在网络服务器端。 HTML5 的用户体验不同。 (我不会进一步讨论 HTML5 API，因为它们超出了本次讨论的范围)

为了使您的想法可行，您将需要以下“core ”(或 equivalent third-party )插件

  • 文件传输
  • 相机(或等同物)
  • inappbrowser

在 file-transfer 和 camera 上，如果需要，您可以从网络服务器执行任何操作。那么最终用户的唯一任务就是选择合适的文件夹和图像。如果您从服务器端执行此操作，则不能使用插件。

如果要使用插件，则不能使用服务器端生成的网页。您必须在移动设备上创建表格。这意味着页面和表单驻留在移动设备上。但是，如果您正确编写网页，则可以动态添加或删除元素。这意味着在移动端，您可以控制用户体验的每一步，并可以增强这种体验。

在 inappbrowser 上，一个常见的技巧是将网站放在 iframe 中。但是，您无法直接控制 iframe。另一个常见的技巧是通过 API 提交到服务器——然后单独更新可见的网页。另一个常见的技巧是拥有一个带有可以处理网页更新的 websocket 的网页。然而，这也可以通过推送到网页来完成，或者让网页对服务器进行轮询。同样，该应用程序无法直接控制网页。

整个线程做出以下假设。

  • 没有“正确的方法”来完成这项任务。
  • 图像(照片)存储在网站上，可供公众查看。
  • 它还假定不会使用 HTML5 API。

关于android - 在 Cordova 中开发网站应用程序的正确方法是什么？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/32977449/

开发网androidstrong的codeioscordovawindows-phonemobile-website

有关android - 在 Cordova 中开发网站应用程序的正确方法是什么？的更多相关文章

  1. ruby - 为什么我可以在 Ruby 中使用 Object#send 访问私有(private)/ protected 方法？ - 2

    类classAprivatedeffooputs:fooendpublicdefbarputs:barendprivatedefzimputs:zimendprotecteddefdibputs:dibendendA的实例a=A.new测试a.foorescueputs:faila.barrescueputs:faila.zimrescueputs:faila.dibrescueputs:faila.gazrescueputs:fail测试输出failbarfailfailfail.发送测试[:foo,:bar,:zim,:dib,:gaz].each{|m|a.send(m)resc

  2. ruby - 在 Ruby 程序执行时阻止 Windows 7 PC 进入休眠状态 - 2

    我需要在客户计算机上运行Ruby应用程序。通常需要几天才能完成(复制大备份文件)。问题是如果启用sleep，它会中断应用程序。否则，计算机将持续运行数周，直到我下次访问为止。有什么方法可以防止执行期间休眠并让Windows在执行后休眠吗？欢迎任何疯狂的想法;-) 最佳答案 Here建议使用SetThreadExecutionStateWinAPI函数，使应用程序能够通知系统它正在使用中，从而防止系统在应用程序运行时进入休眠状态或关闭显示。像这样的东西:require'Win32API'ES_AWAYMODE_REQUIRED=0x0

  3. ruby-on-rails - Rails - 子类化模型的设计模式是什么？ - 2

    我有一个模型:classItem项目有一个属性“商店”基于存储的值，我希望Item对象对特定方法具有不同的行为。Rails中是否有针对此的通用设计模式？如果方法中没有大的if-else语句，这是如何干净利落地完成的？ 最佳答案 通常通过Single-TableInheritance. 关于ruby-on-rails-Rails-子类化模型的设计模式是什么？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.co

  4. ruby - 将差异补丁应用于字符串/文件 - 2

    对于具有离线功能的智能手机应用程序，我正在为Xml文件创建单向文本同步。我希望我的服务器将增量/差异(例如GNU差异补丁)发送到目标设备。这是计划:Time=0Server:hasversion_1ofXmlfile(~800kiB)Client:hasversion_1ofXmlfile(~800kiB)Time=1Server:hasversion_1andversion_2ofXmlfile(each~800kiB)computesdeltaoftheseversions(=patch)(~10kiB)sendspatchtoClient(~10kiBtransferred)Cl

  5. ruby - 什么是填充的 Base64 编码字符串以及如何在 ruby​​ 中生成它们？ - 2

    我正在使用的第三方API的文档状态:"[O]urAPIonlyacceptspaddedBase64encodedstrings."什么是“填充的Base64编码字符串”以及如何在Ruby中生成它们。下面的代码是我第一次尝试创建转换为Base64的JSON格式数据。xa=Base64.encode64(a.to_json) 最佳答案 他们说的padding其实就是Base64本身的一部分。它是末尾的“=”和“==”。Base64将3个字节的数据包编码为4个编码字符。所以如果你的输入数据有长度n和n%3=1=>"=="末尾用于填充n%

  6. ruby - 解析 RDFa、微数据等的最佳方式是什么，使用统一的模式/词汇(例如 schema.org)存储和显示信息 - 2

    我主要使用Ruby来执行此操作，但到目前为止我的攻击计划如下:使用gemsrdf、rdf-rdfa和rdf-microdata或mida来解析给定任何URI的数据。我认为最好映射到像schema.org这样的统一模式，例如使用这个yaml文件，它试图描述数据词汇表和opengraph到schema.org之间的转换:#SchemaXtoschema.orgconversion#data-vocabularyDV:name:namestreet-address:streetAddressregion:addressRegionlocality:addressLocalityphoto:i

  7. ruby - 如何指定 Rack 处理程序 - 2

    Rackup通过Rack的默认处理程序成功运行任何Rack应用程序。例如:classRackAppdefcall(environment)['200',{'Content-Type'=>'text/html'},["Helloworld"]]endendrunRackApp.new但是当最后一行更改为使用Rack的内置CGI处理程序时，rackup给出“NoMethodErrorat/undefinedmethod`call'fornil:NilClass”:Rack::Handler::CGI.runRackApp.newRack的其他内置处理程序也提出了同样的反对意见。例如Rack

  8. ruby - 在 Ruby 中编写命令行实用程序 - 2

    我想用ruby​​编写一个小的命令行实用程序并将其作为gem分发。我知道安装后，Guard、Sass和Thor等某些gem可以从命令行自行运行。为了让gem像二进制文件一样可用，我需要在我的gemspec中指定什么。 最佳答案 Gem::Specification.newdo|s|...s.executable='name_of_executable'...endhttp://docs.rubygems.org/read/chapter/20 关于ruby-在Ruby中编写命令行实用程序

  9. ruby - 为什么 4.1%2 使用 Ruby 返回 0.0999999999999996？但是 4.2%2==0.2 - 2

    为什么4.1%2返回0.0999999999999996？但是4.2%2==0.2。 最佳答案 参见此处:WhatEveryProgrammerShouldKnowAboutFloating-PointArithmetic实数是无限的。计算机使用的位数有限(今天是32位、64位)。因此计算机进行的浮点运算不能代表所有的实数。0.1是这些数字之一。请注意，这不是与Ruby相关的问题，而是与所有编程语言相关的问题，因为它来自计算机表示实数的方式。 关于ruby-为什么4.1%2使用Ruby返

  10. ruby - 使用 C 扩展开发 ruby​​gem 时，如何使用 Rspec 在本地进行测试？ - 2

    我正在编写一个包含C扩展的gem。通常当我写一个gem时，我会遵循TDD的过程，我会写一个失败的规范，然后处理代码直到它通过，等等......在“ext/mygem/mygem.c”中我的C扩展和在gemspec的“扩展”中配置的有效extconf.rb，如何运行我的规范并仍然加载我的C扩展？当我更改C代码时，我需要采取哪些步骤来重新编译代码？这可能是个愚蠢的问题，但是从我的gem的开发源代码树中输入“bundleinstall”不会构建任何native扩展。当我手动运行rubyext/mygem/extconf.rb时，我确实得到了一个Makefile(在整个项目的根目录中)，然后当

随机推荐