软录 · 2023年10月19日

cordova打包webapp|做webapp开发性能和效率最好的框架和打包app平台分别是哪个

⑴ 如何将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里面没有图片,不过效果总算是出来了

⑵ cordova打包的APK,安装时报错:解析包时出现问题。江湖救急!

网络上基本搜不到 你要去别的软件上搜 小红书啊知乎啥的

⑶ 做webapp开发,性能和效率最好的框架和打包app平台分别是哪个

之前学习angular的时候接触过一个叫Ionic(Ionic: Advanced HTML5 Hybrid Mobile App Framework)的框架,官方描述是The beautiful, open source front-end SDK for developing hybrid mobile apps with HTML5.Ionic 是一个用HTML, CSS 跟JS 开发的一个用于移动设备的web app 开发框架,采用 Sass与AngularJS 开发。目前,Ionic 已经升级到v1.0.0-beta.14版本了,可以说这个框架的目的就是让App的开发像Web一样纯粹。对于打包app的平台推荐Cordova:Cordova(http://cordova.apache.org/)是贡献给Apache后的开源项目,是从PhoneGap中抽出的核心代码,是驱动PhoneGap的核心引擎。你可以把他想象成类似于Webkit和Google Chrome的关系。Cordova可以通过给定的API访问原生的设备的功能模块,如摄像头、麦克风等;同时支持iOS,Android等不同的手机操作系统,也就是说我们可以通过一套程序生成多平台的app,这个可以省去很多开发成本(前提是要求用户设备性能稍微好一点,在iOS上面运行起来是挺6的,但是在某些老安卓上面会有点卡顿)。上次自己做了一个todolist类的web app,通过Cordova生成app并且使用了zipalign工具进行优化,放到了自己手机上面跑了一下,感觉很6,然后拿给哥们玩了一下,他感觉不出来这是用web框架写的,感觉和native app运行效果一样,大家可以去尝试下这个框架。