将网站封装成APP安卓应用

最新推荐文章于 2024-01-07 16:23:30 发布

Chu_yu_xuan

最新推荐文章于 2024-01-07 16:23:30 发布

阅读量1.5w

点赞数 4

分类专栏：前端文章标签： android android studio uni-app webview

本文链接：https://blog.csdn.net/Cryu_xuan/article/details/120063017

版权

本文介绍了将网站封装成Android应用的三种方法：应用封装、使用HBuilderX和Android Studio构建。详细步骤包括应用商店封装、HBuilderX的项目创建、证书生成、云打包以及Android Studio的项目创建、WebView配置和打包部署。强调了Android Studio能自定义界面，适合深入开发。

摘要由CSDN通过智能技术生成

将网站封装成APP安卓应用

将网站封装成APP安卓应用我接触到的目前有三种方法，构建方法和难度也是逐步提升，不过，世上无难事，只怕有心人，干就完了，奥里给！

法一：利用`一个木函`封装

讲真，这个方法是我目前接触到最快，最省力，而且最高效的做法，速度起飞，快的一批~~不信？展示给你看不就完啦~

1.1 手机应用商店搜索`一个木函`应用。

1.2 找到下载并安装。

1.3 打开，依次全部应用>>网页转应用。

1.4 填写好相关信息。

1.5 打包构建安装即可。

1.6 诺，可以正常使用啦！

法二：利用HBuilderX构建

相对于法一来说，这个要稍微进阶一点，我们要借用HBuilderX把文件进行打包构建。既然然说到这里了，不得不插一嘴谈谈uni-app，据说这个特别厉害，官方文档是这么解释的：

uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/快手/钉钉/淘宝）、快应用等多个平台。

老牛逼了！改天着手研究研究！好了，让我们来开始转换。

2.1 新建一个`5+App`项目

如果你想了解什么是5+App项目，可以直接去阅读官方文档。

我们填写好项目名字和路径，项目会自动生成相关文件，文件各个内容如下所示。

这里的unpackage文件夹中，放的是一些不用打包编译的文件，manifest则是配置项了。删除css\img\js\index.html ，把自己的项目文件复制过来，配置好相关权限，然后选择云打包，当然，本地打包也不是不可以，看你自己使用习惯了。

然后我么点击发行——原生APP-云打包。

2.2 证书生成打包

打包需要证书，这里我们生成自己的证书，注意，在生成之前，我们需要安装JRE环境，可以去官网下载：https://www.oracle.com/technetwork/java/javase/downloads/index.htm

下载好后，配置好环境变量，在一个自己记得住的路径下打开powershell，输入以下命令，生成证书：

keytool -genkey -alias chuyuxuan -keyalg RSA -keysize 2048 -validity 36500 -keystore chuyuxuan.keystore

chuyuxuan是证书别名，可修改为自己想设置的字符，建议使用英文字母和数字
chuyuxuan.keystore是证书文件名称，可修改为自己想设置的文件名称，也可以指定完整文件路径
36500是证书的有效期，表示100年有效期，单位天，建议时间设置长一点，避免证书过期

回车后会提示：

Enter keystore password:  //输入证书文件密码，输入完成回车  
Re-enter new password:   //再次输入证书文件密码，输入完成回车  
What is your first and last name?  
  [Unknown]:  //输入名字和姓氏，输入完成回车  
What is the name of your organizational unit?  
  [Unknown]:  //输入组织单位名称，输入完成回车  
What is the name of your organization?  
  [Unknown]:  //输入组织名称，输入完成回车  
What is the name of your City or Locality?  
  [Unknown]:  //输入城市或区域名称，输入完成回车  
What is the name of your State or Province?  
  [Unknown]:  //输入省/市/自治区名称，输入完成回车  
What is the two-letter country code for this unit?  
  [Unknown]:  //输入国家/地区代号（两个字母），中国为CN，输入完成回车  
Is CN=XX, OU=XX, O=XX, L=XX, ST=XX, C=XX correct?  
  [no]:  //确认上面输入的内容是否正确，输入y，回车  

Enter key password for <testalias>  
        (RETURN if same as keystore password):  //确认证书密码与证书文件密码一样（HBuilder|HBuilderX要求这两个密码一致），直接回车就可以

以上命令运行完成后就会在你选择的路径生成证书。

2.3 查看证书信息

可以使用以下命令查看：

复制代码keytool -list -v -keystore chuyuxuan.keystore  
Enter keystore password: //输入密码，回车

会输出以下格式信息：

密钥库类型: PKCS12
密钥库提供方: SUN
您的密钥库包含 1 个条目
别名: chuyuxuan
创建日期: 2021年8月26日
条目类型: PrivateKeyEntry
证书链长度: 1
证书[1]:
所有者: CN=chu, OU=yuxuan, O=chuyuxuan, L=HN, ST=HN, C=CN
发布者: CN=chu, OU