如何将打包好的文件做成一个APP

本文主要是用来简短的对做成一个APP进行说明,内容可能不是多详细,但会给出具体思路。(仅供参考)

因为各种打包和生成APP的方式多样,今天这里仅仅对用Hbuilder打包进行说明。

1.首先当然需要一个Hbuilder(前端开发工具)。

2.如果安装好了,自己写的项目也已经打包好了....,可以直接在本地打开打包好的文件试试,如直接按开index.html.(多的不阐述,反正就是万事俱备),那么就可以打开Hbuilder进行APP的制作了。

  a.创建一个App移动端模板,项目名称啥的按顺序填,在选择模板时最好选用一个空模板。

  b.创建完成后,将里面的空的js、css、img、index.html文件夹或文件删除,将自己的打包好的dist里面的文件拿过来。(注意其他的不要删,特别是unpackage文件夹和manifest.json,这两个是打包的配置文件和存放内容的地方)。

  c.上述完成后就可以双击manifest.json文件了,这时会弹出一个配置文件。在最底部进行应用信息、图标配置、启动页配置、SDK配置、模块权限配置、页面引用关系的相关配置(具体配置注意点可以往下看),最后会有一个代码视图,在这个里面你可以看到你所有的配置的内容。检查配置无误后,在最上方点击发行------>发行为原生安装包,就会进行打包的操作,当一步步点下去后,最后会有‘’手动下载‘’,这个是打包好的,可以下载到手机上进行调试。

3.对于应用信息、图标配置、启动页配置、SDK配置、模块权限配置、页面引用关系这个的配置中有两点需要说的。

  a.应用信息这块的“页面入口”就是选择一个入口文件,打包好的文件,就可以直接用index.html了,但是还有一种情况是用线上的地址(因为项目是放在线上的,小编现在用的就是线上的),但是这个不会有什么太大的影响,照着步骤继续走,依然能打包出来一个APP。

  b.启动页配置会有设置启动页的图片选择,这个可以在unpackage--->res下建一个splash文件夹,将各种不同尺寸的启动页都放在这里(主要是便于查找,当然你也可以看到“图标配置”产生的icon文件夹,里面有自动生成的图标)

  c.SDK配置是一个APP的核心,打开时,你会看到各种需求配置如地图啊,支付啊,第三方登录啊,分享啊什么的,你就根据你产品的需求点√就对了,当然至于配置appid什么的也是需要生成的,具体的appid如何产生的就不说了(这个可以交给后台或者产品,前段无需担心,因为我们本就是写写页面的吗,哪来那么多事,可怜小编我还是自己摸索添加的-.-!),

博客申请了好久,很懒一直没写什么,鉴于各个功能没摸熟练,只能用点文字码了。

 

posted @ 2019-03-27 16:12  purple_sunset  阅读(3850)  评论(1编辑  收藏  举报