大家好,今天小编关注到一个比较有意思的话题,就是关于移动网站怎样封装app端的问题,于是小编就整理了2个相关介绍移动网站怎样封装App端的解答,让我们一起看看吧。
这里介绍一个打包工具HBuilder,可以直接将html打包成手机***,下面我介绍一下这个工具的安装和简单使用,如下:
1.下载HBuilder,这个直接到***下载就行,地址***://***.dcloud.io/,如下:
3.打开HBuilder,新建一个移动***应用,依次点击“文件”->“新建”->“移动***”就行,我这里创建了一个Test应用,这里需要勾选“Hello H5+”,如下:
创建成功后,Test应用主要目录结构如下:
4.为了方便测试,我这里新建了一个html文件—test.html,主要内容如下:
现在有各式各样的生成apk 或者 ipa 的方式,不过基于平台差异性,我推荐以下几种方式进行打包(都以打包Android 为例,如遇webview相关打包,IOS参考WKwebview打包方式,UIwebview有内存泄漏,慎用!):
在项目进行完毕后,肯定是用服务器在跑前端页面,这里只需要用Android studio建立一个空项目,在mainActivity里面引入webview,写一个访问地址链接就可以了直接使用了。
直接使用Dcloud 的Hbuildx 进行生成空项目,然后将自己的html 相关文件放到生成的项目中对应的目录中去,其图如下所示:
项目目录已经为我们分好了js , css ,直接将相对文件的目录放入即可:
或者嫌麻烦的话,将自己项目目录整体放入此处,然后在
index.html中配置mata跳转到你自己项目中的index.html里,这样非常方便。
3、Cordova打包
这里以vue项目做介绍,直接在config目录下的 index.js 文件如下配置:
普通***,就是全部都是原生实现,称之为 native ***。
混合***,基本都是部分用原生实现,一些涉及到图片文字混合编排的HTML处理的比较方便,就会嵌入一个webview加载HTML,这个HTML可以是本地文件,可以是远程文件,这时***负责数据请求(要记住,***请求没有js的跨域一说),HTML负责页面数据展示。还有一种比较极端的,就是外面是原生的一个架子,然后里面所有逻辑都是由js和HTML实现,这种比较少见,因为webview的性能真的很低下(在这里我要喷死华为,华为低版本安卓的webview简直就是垃圾中的战斗机,比微信x5还垃圾)。
最后一种就是非常时髦的web ***,但是由于不能保存到本地,每次打开都要请求,所以现在很少人写了。(Pwa 的另说)
还有一种也是纯js开发,比如react native,weex这种,不知道应该定义到哪里去。这种***一般只有小公司用,因为一次开发,就可以打包iOS和安卓两个包,这也是这种框架诞生的初衷。
噢,本人是前端,目前公司的***就是第二种的混合***。在***中,原生实现的流畅度几乎是完爆h5实现,但是H5只要写好供***调用的函数后,***开发的进度可以很快,因为可以同步开发。
但是,混合***的H5调试适合大坑,H5的适配适合陨石坑,华为低版本安卓的webview适合天坑。
入行前端需谨慎。
喷子尽管来,喷的赢算我输。
到此,以上就是小编对于移动网站怎样封装***端的问题就介绍到这了,希望介绍关于移动网站怎样封装***端的2点解答对大家有用。
[免责声明]本文来源于网络,不代表本站立场,如转载内容涉及版权等问题,请联系邮箱:83115484@qq.com,我们会予以删除相关文章,保证您的权利。转载请注明出处:http://www.ilexnet.com/post/13362.html