首先当然需要一个Hbuilder(前端开发工具)。如果安装好了,自己写的项目也已经打包好了....,可以直接在本地打开打包好的文件试试,如直接按开index.html.(多的不阐述,反正就是万事俱备),那么就可以打开Hbuilder进行APP的制作了。创建一个App移动端模板,项目名称啥的按顺序填,在选择模板时最好选用一个空模板。创建完成后,将里面的空的js、css、img、index.html文件夹或文件删除,将自己的打包好的dist里面的文件拿过来。(注意其他的不要删,特别是unpackage文件夹和manifest.json,这两个是打包的配置文件和存放内容的地方)。上述完成后就可以双击manifest.json文件了,这时会弹出一个配置文件。在最底部进行应用信息、图标配置、启动页配置、SDK配置、模块权限配置、页面引用关系的相关配置(具体配置注意点可以往下看),最后会有一个代码视图,在这个里面你可以看到你所有的配置的内容。检查配置无误后,在最上方点击发行------>发行为原生安装包,就会进行打包的操作,当一步步点下去后,最后会有‘’手动下载‘’,这个是打包好的,可以下载到手机上进行调试。对于应用信息、图标配置、启动页配置、SDK配置、模块权限配置、页面引用关系这个的配置中有两点需要说的。想要把网页装进Android或者IOS手机里本事对于H5开发的技术而言难度不小,不仅要懂安卓和苹果的操作机制,还要确保封装打包后的网页内的功能是否可以正常使用
不过现在的前端技术打包APP基本都不会使用创建一个Android项目,在布局文件中加入WebView组件这种传统且繁琐的方式,主流的操作都是选择开发者服务平台。
目前开发者服务平台基本已经非常低成本的解决了网址封装打包APP的需求,以亥著开发者服务平台为例
用户只需要提供网址、logo、开屏图、应用名,然后选择需要的插件服务,即可在两分钟内生成IPA或者APK文件。
如图所示