如何将web生成app|html+js做的网站想做成APP怎么封装呢

|

㈠ 给Web套个壳让它变成Android APP,有哪些现有的工具

Appmakr是国外最流行的DIY移动应用开发工具,目前支持iOS、Android和WindowsPhone等系统。Appmakr可以让用户无需编程就能创见iOS和Android应用。此外,Appmakr还能将网站连接到应用程序、支持HTML5、推送通知和广告支持。用户可以使用自己的开发许可,将应用程序发布到所属的应用商店中进行推广。像appmakr这类的工具还有很多,尤其是国内有很多,我给你举几个例子。1.APICloudAppmakr虽然好用,但是国外的。在国内使用起来,还是有些麻烦。国内也有这样的App开发工具——APICloud。APICloud是一款“云端一体”的移动开发平台。使用APICloud开发平台,是用Web语言去开发iOS和Android应用,这样将开发难度大幅降低,开发周期缩短将近一倍。此外,APICloud平台上有数百个各式各样的功能模块,方便去开发各类App。2.AttendifyAttendify是一个便捷的应用开发服务平台,支持iOS和Android两大平台,主要是通过提供大量的应用模板来实现快速开发。Attendify支持使用者在创建应用的过程中实时预览和管理应用,当然,用户也可以自己DIY。在应用推广方面,Attendify会把创建好的应用及时发布到AppStore和GooglePlay,帮助用户推送应用。3.AppsBuilderAppsBuilder是一个跨平台的在线开发工具,为用户提供快速的原声应用解决方案。AppsBuilder可实现定制的视觉设计和实现应用跨平台的能力,其内置插件可以将博客网站直接转换成原生手机应用。AppsBuilder支持的系统平台比较多,包括iphone、iPad、WindowsPhone、Android、Chrome,甚至还有HTML5,但是AppsBuilder的主要使用者还是非专业的开发人员。4.appMobiAppMobi推出的全新开发工具XDK,使得用户只要会HTML5、CSS3或JavaScript代码,就可以使用XDK编写程序,不需要学习ObjectiveC或下载其他的软件开发工具包。XDK让用户可以使用行业标准来构建应用程序,同时提供了AppMobi自有的JavaScript库,包含类似转换滤镜和滚动条等内容。5.AppMachineAppMachine是一款跨平台的快速开发工具,目前支持iOS和Android两大主流平台。用户可以通过修改AppMachine所提供的20种应用设计模板来进行App设计。这样一来,没有编程经验的用户也可以通过使用AppMachine来创建App。另外用户也可以自己DIY,添加包括新闻、LBS、社交媒体、拍照、摄像等多个集成内容。除了提供模板,AppMachine也支持自定义。

㈡ 如何将web网站打包成app

首页得准备好需要的东西,如eclipse,一个完整可以浏览的手机网站,而且确保电脑配置好jdk,环境变量,还要安装好cordova,这些环境等配置这里不表,可以自行网络。在这里我就自己随意写了个网站做测试,从下图可以看出来,这是一个可以在网页中浏览的手机网站

有了网站之后,第一步新建一个项目,打开你要保存的项目地址,比如D盘的yun文件夹,按住键盘的shift键+鼠标右键,选择“在此处打开命令窗口”,就会弹出一个终端命令窗口,打开之后在终端里面输入cordova create hello,hello为你的项目名称,如cordova create qianqian,qianqian就是我的项目名称,注意,不要手动去创建文件夹,因为我们在终端里面建的项目里面有很多的配置文件,终端命令窗口不要关

在终端命令窗口中输入cd qianqian,进入qianqian文件夹,然后再输入cordova platform add android,回车,等待下载完成,记住在下载之前一定要确保已经安装git,要不然会下载失败,本人亲自试验,下载可以要1分钟左右,下载完成后终端命令窗口不要关,等下要用

下载完成后将准备好的网站放到www文件夹里面,原来的文件可以删掉,再打开eclipse软件,点击菜单栏file–import,弹出一个窗口,选择下面图片中的选项,再点next,之后点击Browse,选择qianqian文件夹项目的路径,选取,记住,复选框一定要全部选上,不懂的看下面的图片,然后确定就可以了

确定之后就会看到下面图片一样左边会出现两个项目,为了确保项目一次性完成,我们可以在终端窗口里面输入cordova prepare,输入前确保是在当前qianqian文件夹,这个命令是在修改过项目的情况下运行的,等待他运行完,下面第二张图片是运行完成的图片

ok,之后就可以打包webapp了,回到eclipse,我们发现项目文件有个红叉,或者也会出现一个感叹号之类的,出现这个情况的话可以点击菜单栏project–clean,在弹出的窗口中选择第二个单选项,下面的复选框全部选上,不懂看图,确认之后就可以看到红叉没了

然后在项目栏里选择第二个项目右键选择run as–android application,之后等待半分钟左右,主要是看电脑运行速度好不好了,好的话就快

最后如果你手机连接着电脑或者你电脑开着安卓虚拟机的话,在弹出的窗口就会出现你手机或者虚拟机的信息,选择他再点ok,系统会自动跳到虚拟机里,如果是真机的话,就直接看你的手机就行,手机会自动安装app应用的

如果两者都没有的话可以将弹出的窗口都关闭,然后在软件项目栏的第二个项目里面有个bin文件夹,打开,里面有个apk,将他复制出来安装到自己手机或其他机器里就行了,下图就是webapp做出来的最终效果,一开始忘记上传图片,只上传了代码,所以app里面没有图片,不过效果总算是出来了

㈢ web app生成apk和app客户端程序

app是application的缩写,也就是应用程序的意思,并不是iphone专有ipa和pxl文件才是iphone的专有程序包,apk是安卓系统的程序包

㈣ 如何制作web app

现在web app的应用很广,其核心技术就是html5,所以如果你会html技术的,再研究html5就会比较简单。国内的web app创作平台不多,maka.im是其中一个,如果你想用最简单的方法,做出最好的效果,那是你的选择之一。另外vxplo也是一个很好的设计平台,不过操作起来比较复杂,建议你自己看看再选择吧

㈤ 怎么把web app 转换为原生的app

生App vs 移动Web App[email protected] 的 Android 和 iOS 客户端全面开源每当你打算开发移动应用程序时,都要考虑你的应用如何创建以及如何部署。如今已有两个主要的方向:原生App 以及 移动Web App。那么在今天这篇文章中就来比较一下两者的区别来供大家参考。原生App vs 移动Web App : 定义什么叫做原生App?原生App是专门针对某一类移动设备而生的,它们都是被直接安装到设备里,而用户一般也是通过网络商店或者卖场来获取例如 The App Store 与 Android Apps on Google Play .随便说几个原生App的例子,比如 iOS 的 Camera+ 以及 Android 的 KeePassDroid什么叫做移动Web App?一般说来,移动Web App都是都是需要用到网络的,它们利用设备上的浏览器(比如iPhone的Safari)来运行,而且它们不需要在设备上下载后安装。原生App 与 移动Web App的比较用户界面有些公司为同样的产品制作了原生App与移动Web App,下图就是Facebook的原生App与移动Web App的界面比较:注意这两者的不同地方会产生不同的用户体验结果。开发方面 原生App每一种移动操作系统都需要独立的开发项目 每种平台都需要独立的开发语言。Java(Android), Objective-C(iOS)以及Visual C++(Windows Mobile)等等 需要使用各自的软件开发包,开发工具以及各自的控件 移动Web App 因为运行在移动设备的浏览器上,所以只需要一个开发项目 这种应用可以使用HTML5,CSS3以及JavaScript以及服务器端语言来完成(PHP,Ruby on Rails,Python) 这里可没有标准的SDK,基本任意选择别忘了有一些跨平台的开发工具,比如PhoneGap, Sencha Touch 2以及Appcelerator Titanium等等。能力方面 原生App能够与移动硬件设备的底层功能,比如个人信息,摄像头以及重力加速器等等 移动Web App只能使用有限的移动硬件设备功能。赢利 原生App可以使用专门的移动平台的广告,比如AdMob 移动Web App基本没有限制,但也没什么优势注意原生App能够直接在对应的官方商店进行定价就能马上赢利,然而移动Web App需要你自己完成付款的系统,这可不是一件简单的事情。获取方法 原生App直接下载到设备以独立的应用程序运行(并不需要浏览器)用户必须手动去下载并安装这些原生App有一些商店与卖场来帮助用户寻找你的App 移动Web App从移动设备上的浏览器访问不需要安装额外的软件软件更新只需要服务器就够了因为现在没有什么商品或卖场提供这种App,所以如何搜索这些移动Web App相当不简单版本控制 原生App用户可以自由地选择是否更新软件版本,所以会出现不同用户同时使用不同版本的情况 移动Web App所有的用户都是用同样的版本优势 原生App比移动Web App运行快一些商店与卖场会帮助用户寻找原生App官方卖场的应用审核流程会保证让用户得到高质量以及安全的App官方会发布很多开发工具或者人工支持来帮助你的开发 移动Web App跨平台开发用户不需要去卖场来下载安装App任何时候都可以发布App,因为根本不需要官方卖场的审核如果你已经有了一个Web App,你可以使用 responsive web design来辅助改进(这也是优势?)缺陷 原生App开发成本高,尤其是当需要多种移动设备来测试时因为是不同的开发语言,所以开发,维护成本也高因为用户使用的App版本不同,所以你维护起来很困难官方卖场审核流程复杂且慢,会严重影响你的发布进程 移动Web App无法使用很多移动硬件设备的独特功能要同时支持多种移动设备的浏览器让开发维护的成本也不低如果用户使用更多的新型浏览器,那问题就更不好处理了对于用户来说,这种App很难被用户发现原生App vs 移动Web App : 你如何选择?所以在你准备做移动App时,你应该先问问自己以下几个问题:你的应用是否需要使用某些设备的特殊功能,比如摄像头,摄像头闪光灯或者重力加速器你的开发预算你的应用是否一定需要网络你的应用的目标硬件设备是所有的移动设备还是仅仅只是一部分而已你自己已经熟悉的开发语言这个应用对于性能要求是否苛刻如何靠这个应用赢利我想这几个问题应该能让你做出明智的选择。结论你的选择是原生App还是移动Web App,主要受商业目标,目标用户,以及技术需要这些因素影响的。其实更多时候你也不要为选择那种App模式烦恼,正如上文提到,类似Facebook这样的公司就为用户提供了两种选择。然而对于大部分人来说,预算,资源限制将会逼迫我们只能选择其中一种(或者只能以其中一种为重点)。

㈥ 怎么把web app 转换为原生的app!或者有什么软件可以把web app的软件包转成原生ap

生App vs 移动Web App[email protected] 的 Android 和 iOS 客户端全面开源每当你打算开发移动应用程序时,都要考虑你的应用如何创建以及如何部署。如今已有两个主要的方向:原生App 以及 移动Web App。那么在今天这篇文章中就来比较一下两者的区别来供大家参考。原生App vs 移动Web App : 定义什么叫做原生App?原生App是专门针对某一类移动设备而生的,它们都是被直接安装到设备里,而用户一般也是通过网络商店或者卖场来获取例如 The App Store 与 Android Apps on Google Play .随便说几个原生App的例子,比如 iOS 的 Camera+ 以及 Android 的 KeePassDroid什么叫做移动Web App?一般说来,移动Web App都是都是需要用到网络的,它们利用设备上的浏览器(比如iPhone的Safari)来运行,而且它们不需要在设备上下载后安装。原生App 与 移动Web App的比较用户界面有些公司为同样的产品制作了原生App与移动Web App,下图就是Facebook的原生App与移动Web App的界面比较:注意这两者的不同地方会产生不同的用户体验结果。开发方面原生App每一种移动操作系统都需要独立的开发项目每种平台都需要独立的开发语言。Java(Android), Objective-C(iOS)以及Visual C++(Windows Mobile)等等需要使用各自的软件开发包,开发工具以及各自的控件移动Web App因为运行在移动设备的浏览器上,所以只需要一个开发项目这种应用可以使用HTML5,CSS3以及JavaScript以及服务器端语言来完成(PHP,Ruby on Rails,Python)这里可没有标准的SDK,基本任意选择别忘了有一些跨平台的开发工具,比如PhoneGap, Sencha Touch 2以及Appcelerator Titanium等等。能力方面原生App能够与移动硬件设备的底层功能,比如个人信息,摄像头以及重力加速器等等移动Web App只能使用有限的移动硬件设备功能。赢利原生App可以使用专门的移动平台的广告,比如AdMob移动Web App基本没有限制,但也没什么优势注意原生App能够直接在对应的官方商店进行定价就能马上赢利,然而移动Web App需要你自己完成付款的系统,这可不是一件简单的事情。获取方法原生App直接下载到设备以独立的应用程序运行(并不需要浏览器)用户必须手动去下载并安装这些原生App有一些商店与卖场来帮助用户寻找你的App移动Web App从移动设备上的浏览器访问不需要安装额外的软件软件更新只需要服务器就够了因为现在没有什么商品或卖场提供这种App,所以如何搜索这些移动Web App相当不简单版本控制原生App用户可以自由地选择是否更新软件版本,所以会出现不同用户同时使用不同版本的情况移动Web App所有的用户都是用同样的版本优势原生App比移动Web App运行快一些商店与卖场会帮助用户寻找原生App官方卖场的应用审核流程会保证让用户得到高质量以及安全的App官方会发布很多开发工具或者人工支持来帮助你的开发移动Web App跨平台开发用户不需要去卖场来下载安装App任何时候都可以发布App,因为根本不需要官方卖场的审核如果你已经有了一个Web App,你可以使用 responsive web design来辅助改进(这也是优势?)缺陷原生App开发成本高,尤其是当需要多种移动设备来测试时因为是不同的开发语言,所以开发,维护成本也高因为用户使用的App版本不同,所以你维护起来很困难官方卖场审核流程复杂且慢,会严重影响你的发布进程移动Web App无法使用很多移动硬件设备的独特功能要同时支持多种移动设备的浏览器让开发维护的成本也不低如果用户使用更多的新型浏览器,那问题就更不好处理了对于用户来说,这种App很难被用户发现原生App vs 移动Web App : 你如何选择?所以在你准备做移动App时,你应该先问问自己以下几个问题:你的应用是否需要使用某些设备的特殊功能,比如摄像头,摄像头闪光灯或者重力加速器你的开发预算你的应用是否一定需要网络你的应用的目标硬件设备是所有的移动设备还是仅仅只是一部分而已你自己已经熟悉的开发语言这个应用对于性能要求是否苛刻如何靠这个应用赢利我想这几个问题应该能让你做出明智的选择。结论你的选择是原生App还是移动Web App,主要受商业目标,目标用户,以及技术需要这些因素影响的。其实更多时候你也不要为选择那种App模式烦恼,正如上文提到,类似Facebook这样的公司就为用户提供了两种选择。然而对于大部分人来说,预算,资源限制将会逼迫我们只能选择其中一种(或者只能以其中一种为重点)。

㈦ 怎么让html生成apk还有如何web项目生成apk

可以使用android的组件webview,加载HTML文件,相当于把你的HTML文件当成APK程序的界面;

㈧ html+js做的网站,想做成APP怎么封装呢

如果要做抄网站封装APP的话,其袭实非常简单的,网上很多开发者服务平台都有这个功能,操作非常简单,基本上一分钟不到就可以封装好。

在亥著开发者中心找到【产品概览】-【封装APP】


赞 (0)