1、在uniapp里新建一个默认项目
在这里插入图片描述
2、创建完成后,找到根目录,打开page.json,将

{
	"pages": [ //pages数组中第一项表示应用启动页,参考:https://uniapp.dcloud.io/collocation/pages
		{
			"path": "pages/index/index",
			"style": {
				"navigationBarTitleText": "uni-app"
			}
		}
	],
	"globalStyle": {
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "uni-app",
		"navigationBarBackgroundColor": "#F8F8F8",
		"backgroundColor": "#F8F8F8"
	}
}

下面这个代码更换为

{
	"pages": [ 
	{
		"path": "pages/index/index",
		"style": {
			"navigationBarTitleText": "uni-app",
			"navigationStyle":"custom"
		}
	}
	],
	"globalStyle": {
		"navigationBarTextStyle": "black",
		"navigationBarTitleText": "uni-app",
		"navigationStyle":"custom",
		"navigationBarBackgroundColor": "#F8F8F8",
		"backgroundColor": "#F8F8F8"
	}
}

3、找到pages/index/index.vue文件,删除所有内容,替换成

<template>
	<web-view  src="这里是你自己的网页链接"></web-view>
</template>

代码就编辑完成了,下面我们打包app
4、打开manifest.json文件,配置好应用名称,应用描述,应用图标,启动页等信息后
5、在这里插入图片描述
点击发行,选择原生app云打包
在这里插入图片描述
选择公共测试证书,就可以打安卓包了,苹果只要有签名证书也可以打ipa包哦,
这样就可以吧你的网页打包成app了

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐