Tag: framework7

如何将Framework7 / Cordova应用发布到Apple App Store

昨天,我的一个朋友问我如何给他发送电子邮件,说明如何将他用Framework7和cordova构建的应用程序发布到Apple App Store。 我想您可能像我的朋友一样需要帮助,因此,本指南的原因。 根据您的出发地,这将分为三个步骤。 设置机器(MAC和Linux) 从源代码转换为Xcode项目 部署到App Store 要求:基于Intel的Mac上的OS X操作系统。 Xcode®10.0(最低要求版本)仅可在OS X版本10.13(Sierra High)或更高版本上运行,并包括iOS 11 SDK(软件开发工具包),Mac book,Node.js,npm和毅力(用于双关语)。 如果尚未在计算机上安装cordova,则可能要先进行操作,然后再继续。 检查您是否已安装节点和npm 要检查是否已安装Node.js,请在终端中运行以下命令: 节点-v 要确认您已安装npm,可以在终端中运行以下命令: npm -v npm与Node.js一起分发,这意味着当您下载Node.js时,会自动在计算机上安装npm。 npm是与Node.js分开的项目,并且往往更新频率更高。 结果,即使您刚刚下载了Node.js(并因此下载了npm),您也可能需要更新npm。 幸运的是,npm知道如何自我更新! 要更新您的npm,请在终端中输入以下内容: npm安装npm @ latest -g 现在您已经安装了npm和node.js,继续安装cordova CLI。 这是我们将转换为各种本机平台的地方。 在您的终端中,键入 sudo npm install -g科尔多瓦 安装后,您应该可以在命令行中不带任何参数地运行cordova ,并且应该打印帮助文本。 创建Cordova应用 在终端中,转到您要维护源代码的目录,然后创建一个cordova项目: 科尔多瓦创建你好com.example.hello HelloWorld 这将为您的cordova应用程序创建所需的目录结构。 默认情况下, cordova create脚本会生成一个基于骨骼的基于Web的应用程序,其主页为项目的www/index.html文件。 现在,我假设您已经拥有和现有的framework7应用程序。 如果您使用Framework7开发应用程序,只需将www/文件夹的内容复制到新的HelloWorld Cordova应用程序的www/文件夹中。 所有后续命令都需要在cordova项目的目录中运行。 […]

cordova隐藏状态栏

我正在用Phonegap和Framework7构buildiPad的应用程序,无论我做什么,我都无法将状态栏隐藏在iPad上。 我试过Google的几个教程,包括以下问题: 如何使用Phonegap Build去除iOS状态栏? 如何在iOS中使用Cordova完全隐藏状态栏? Cordova / Phonegap在iOS上的config.xml中忽略全屏首选项 我已经尝试了上述问题的所有答案中提供的解决scheme,我的状态栏仍然存在。 我用xCode打开了项目,我可以看到设置configuration正确: 对于部署信息中的i​​Phone设置: 状态栏样式:默认 隐藏状态栏(选中) 需要全屏(选中) 对于部署信息中的i​​Pad设置: 隐藏在应用程序启动(选中) 需要全屏(选中) 在“ Info > Custom iOS Target Properties ,我设置了以下内容: 查看基于控制器的状态栏外观:NO 当deviceready事件被触发时,我也尝试使用JavaScript方法: StatusBar.hide(); 更新 当我运行: StatusBar.isVisible 该属性返回false,但我仍然看到顶部的白色栏。