利用uniapp将网站打包(套壳)app

首页

Reed

站点分类

文章分类

独立页面

每月归档

站点统计

文章总数

收起菜单

利用uniapp将网站打包(套壳)app

鼠子

共140字

暂无评论

## 提前准备

下载HBuilder X
> 官方网站：https://dcloud.io/hbuilderx.html

### 开始打包
#### 打开HBuilder X

#### 新建项目

默认模板即可

![QQ20241001-110343.png](https://cdn2.x-x.work/site/blog/ShuShuicu/uploads/2024/10/3472839369.png)

#### 修改代码

创建后依次打开 pages > index > index.vue

> 其中的src和title改为你自己的

```html
<template>
	<view class="content">
		<web-view src="https://blog.miomoe.cn/" ></web-view>
	</view>
</template>

},
		methods: {

}
	}
</script>
```

#### 修改配置文件

打开manifest.json

这里可以自行修改一些默认值

找到 App常用其它设置 > Android设置

把 minSdkVersion 修改为 21

![QQ20241001-111004.png](https://cdn2.x-x.work/site/blog/ShuShuicu/uploads/2024/10/4261945384.png)

#### 发行

点击顶部栏的 发行 > 云打包

![QQ20241001-111122.png](https://cdn2.x-x.work/site/blog/ShuShuicu/uploads/2024/10/321056510.png)

##### android证书

如果有照常填

如果没有选择使用公共测试证书

最后打包即可

最后打包出来的文件在 unpackage\release\apk

> 本博客测试app：
https://cloud.miomoe.cn/s/MguJ

![QQ20241001-111200.png](https://cdn2.x-x.work/site/blog/ShuShuicu/uploads/2024/10/1218083638.png)

本文链接： https://blog.miomoe.cn/Develop/uniapp-website-app.html

鼠子

建站不如看孤独摇滚。

2024-10-01

开发笔记

uniapp

打赏作者 · 鼠子

关闭

暂无评论

暂时还没评论呢~ 快去抢沙发吧！