电话销售做网站电子商务网站建设运营

背景：

公司有一个web项目，但是这个项目只有一个http的链接，没有源码和工程。现在客户想要把这个web打包成安卓端和ios端。

分析：

目前项目是使用的http协议，后续正式上线了会变成https，但是要求现在的测试端打成移动安装包。
经过技术栈的对比，最终选用了Cordova进行打包。
支持http和https，对web的各项功能支持都很完善。

打包步骤

安卓环境安装

1. 下载安装android studio

2. 通过sdkmanager，安装sdk和tools

   注意：

   [1] 安装所有版本的安卓sdk

   

   [2] 安装所有版本的tools

   

   安装所有版本的原因就是因为避免构建的时候，有哪些版本你没有装，而出现问题。

Gradle环境安装

下载地址：https://gradle.org/releases/

1. 下载8.13，不要下载其他的版本，如下图：

   

2. 安装gradle
   现在完毕后，解压到一个目录中即可

   

3. 设置环境变量
   （1） 新建变量：GRADLE_HOME

   
   （2）添加到Path中：%GRADLE_HOME%\bin

   

Cordova 环境安装

1. 安装基础环境。安装需要nodejs环境，安装教程可以自己查找解决。

   npm install -g cordova

2. 安装cordova的资源处理工具，后面处理图标需要用到

   npm install -g cordova-res

打包步骤

创建工程

1. 创建名为mywebapp的工程：
   cordova create mywebapp
2. 进入文件夹
   cd mywebapp

设置构建平台

1. 我需要打包成安卓，所以需要添加android平台
   cordova platform add android

设置启动图标和splash图

1. 在根目录中创建文件夹：resources
2. 在里面放4张图：
   1. icon.png，尺寸1024*1024，png，用于安装包的安装后的图标
   2. splash.png, 尺寸2732*2732，png，用于启动等待加载时展示
   3. background.png， 尺寸432*432，无特殊用处（可不要）
   4. foreground.png，尺寸432*432，无特殊用处（可不要）
      3.在根目录打开命令行，执行命令：
      cordova-res android --skip-config --copy
      执行命令后，会在resources文件夹内生成各个分辨率的图片

修改配置文件

参考如下图，根据需要添加对应命令：

修改启动网页

打包

执行命令：
cordova build android
最终输出：