大家好,感谢邀请,今天来为大家分享一下打包网站源码分享免费下载的问题,以及和网站打包app源码的一些困惑,大家要是还不太明白的话,也没有关系,因为接下来将为大家分享,希望可以帮助到大家,解决大家的问题,下面就开始吧!
本次源妹儿将给大家分享一下如何使用HbuilderX将项目打包成.apk文件,并安装到手机上,做一个真正属于自己的app。具体步骤如下
1.项目代码打包
将开发好的项目前端代码,打包成html、css、js等静态资源,打包后会自动生成/dist文件夹。不管用什么环境开发的项目,都可以生成这些静态资源。
打包命令:yarnbuild
2.下载HbuilderX
本次分享需要用到非常重要的工具HbuilderX,这是dcloud.io出口的一款非常有用的前端开发工具,内置发布成为app的功能。
官方下载地址:https://www.dcloud.io/hbuilderx.html
3.安装HbuilderX
HbuilderX是一个绿色软件,下载过来后是一个压缩包,解压后将目录复制到你想要放置的目录中即可安装(绿色版,不需要安装,复制到想要放的位置即可)。
4.注册账号并登陆
要实现云打包必须要在官网登录(没有帐号可以随时注册一个)
同时还需要在HbuilderX软件上登录,两边都要登录并保持用户名一致
5.开始打包
01创建项目
在Hbuilder软件上创建项目,类型:5+App
必须要写项目名称和项目路径,项目名称最好写英文,项目路径最好不要有中文
02将项目静态文件复制到HbuildX刚创建的项目中
将之前打包好的dist目录静态资源,复制到刚刚创建的5+App项目目录中去,用于打包成app的源文件。
03配置打包选项【重点】
点击项目根目录下的manifest.json文件对打包进行,主要配置项有:
基础配置:应用标识、应用名称、入口页面
图标配置:上传正方形的.png图片作为app的图标,注意格式必须是.png
模块配置:有可能会报“通讯录”权限问题,建议关闭通讯录权限
04发行打包成App
找到“发行”菜单->“原生App-云打包”->使用公共测试证书->打包->继续打包,然后等待5分钟左右,即可打包完成
05下载apk文件到手机安装
打包完成后即可在项目目录中找到.apk安装包,如果目录中没有也可以通过下载地址下载到本地。
可以通过微信、USB数据线等方式将这个文件传到手机上,就能安装和使用了。
好了,文章到此结束,希望可以帮助到大家。
