个人博客或者导航网址长了不好记,直接封装成手机APP吧。今天杨公子教大家如何把网址封装成APP应用,同时也可以直接封装成小程序,方法类同。支持安卓和苹果。
先上演示吧:
下面开始教程:
1、先下载安装HBuilderX开发者软件,点此进入下载。然后选择文件新建项目。如下:
![图片[1]-如何把网址封装成APP应用的教程-杨公子的博客](https://www.hiir.cn:12580/wp-content/uploads/2022/12/fe07eee1f026-1024x533.png)
2、类型选择wap2app,然后按提示输入名称和网址。选择默认模板。
![图片[2]-如何把网址封装成APP应用的教程-杨公子的博客](https://www.hiir.cn:12580/wp-content/uploads/2022/12/4a47a0db6e60-2-1024x471.png)
3、展开左侧刚才创建的项目,点击manifest.json,按提示修改右侧的信息。图标,权限,启动界面等等。
![图片[3]-如何把网址封装成APP应用的教程-杨公子的博客](https://www.hiir.cn:12580/wp-content/uploads/2022/12/d9b6f4554ead-1024x523.png)
图标配置这里,上传一张图片,选择自动生成所有图标并替换即可。
![图片[4]-如何把网址封装成APP应用的教程-杨公子的博客](https://www.hiir.cn:12580/wp-content/uploads/2022/12/fb5c81ed3a22-1-1024x671.png)
这里启动延迟是毫秒的,1000毫秒是1秒换算。
![图片[5]-如何把网址封装成APP应用的教程-杨公子的博客](https://www.hiir.cn:12580/wp-content/uploads/2022/12/10fb15c77258-1-1024x593.png)
4、修改完成后选择上面的发行,然后选择原生APP-云打包。
![图片[6]-如何把网址封装成APP应用的教程-杨公子的博客](https://www.hiir.cn:12580/wp-content/uploads/2022/12/09dd8c2662b9-1024x533.png)
5、按提示输入相应的信息。这里也可以生成苹果端IPA文件,稍麻烦,需要苹果开发者证书。安卓端有公用证书,这里以安卓演示。
![图片[7]-如何把网址封装成APP应用的教程-杨公子的博客](https://www.hiir.cn:12580/wp-content/uploads/2022/12/8266e4bfeda1-1024x709.png)
6、等待几分钟,控制台提示生成好了,安装到安卓手机或平板即可。
![图片[8]-如何把网址封装成APP应用的教程-杨公子的博客](https://www.hiir.cn:12580/wp-content/uploads/2022/12/f19c90851297-1-1024x559.png)
教程结束!
© 版权声明
文章版权归作者所有,未经允许请勿转载。
THE END
- 最新
- 最热
只看作者