WeexPack Android App项目入门教程,从创建到生成全记录

WeexPack

WeekPack是一款用于使用HTML,CSS和JS构建移动应用的平台。
Github地址:https://github.com/weexteam/weex-pack/

使用WeexPack创建新的Web项目

基本环境要求:已安装Node.js/npm
1.执行 npm install weexpack -g,全局安装WeekPack
WeexPack Android App项目入门教程,从创建到生成全记录
2. 安装结束后,执行 weexpack -help,可以查看命令帮助:
3. 创建一个新的文件夹 Demo
WeexPack Android App项目入门教程,从创建到生成全记录
4. cd到Demo下,执行weexpack create demo,创建demo项目,出现的自选项解释如下:
WeexPack Android App项目入门教程,从创建到生成全记录
5. 项目创建需要时间下载依赖,要耐心等待,创建成功后出现如下提示信息:
WeexPack Android App项目入门教程,从创建到生成全记录
注意:项目名称不允许出现大写字母
7.cd到[项目名称]目录下执行 npm start 便可以在浏览器查看项目默认页面:
WeexPack Android App项目入门教程,从创建到生成全记录
8. 查看项目目录结构如下:
WeexPack Android App项目入门教程,从创建到生成全记录
至此,我们已经成功建立了WeexPack的基础项目。

转换项目为Android应用

环境要求:已安装Android SDK/JDK
1.首先在系统环境变量里配置Androiod SDK 路径 :
WeexPack Android App项目入门教程,从创建到生成全记录
2.[项目名称]目录下执行 weexpack platform add android
命令解释:添加Android 项目模板到当前项目
WeexPack Android App项目入门教程,从创建到生成全记录
3.[项目名称]目录下执行 weexpack build android
可能出现的问题:
(1)gradle下载失败
   在执行到Dowdloading gradle的时候出现异常
   解决方法:
   复制cmd中的gradle下载地址到浏览器中进行下载;
   cd到c:\user[用户名].gradle\目录下;
WeexPack Android App项目入门教程,从创建到生成全记录
   进入到.gradle\wrapper\dists\中,会看到刚才下载gradle创建的目录
WeexPack Android App项目入门教程,从创建到生成全记录
   进入此目录,下面有一个类似于WeexPack Android App项目入门教程,从创建到生成全记录
   的目录;
   将刚才手动下载的gradle压缩包直接放入到此目录,返回项目目录重新执行weexpack build android
(2)gradle下载依赖失败
   在执行parsing classpath
********时出现400错误;
   解决方法:
   这错误的出现很有可能是你以前使用过gradle并且配置了代理所导致的;
   cd到C:\Users[用户名]\.gradle下面;
找到下面的文件并打开:
WeexPack Android App项目入门教程,从创建到生成全记录
   将以下内容注释掉并保存文件:
WeexPack Android App项目入门教程,从创建到生成全记录
   返回项目目录重新执行weekpack build android:
如果没有其他问题的话,你会得到以下输出:
WeexPack Android App项目入门教程,从创建到生成全记录
打包生成的apk文件位于:
[项目目录]\platforms\android\app\build\outputs\apk下面
WeexPack Android App项目入门教程,从创建到生成全记录
注意:unsigned表示apk文件还没有进行签名,无法进行安装;
apk签名:
对APK文件进行唯一签名,保证每次发布的版本的一致性与唯一性,可以看作是一种文件校验的方式。
如果这时你尝试安装生成的apk,你会看到如下结果:
WeexPack Android App项目入门教程,从创建到生成全记录
如果要使生成的apk真正运行起来,我们必须对其进行签名处理

使用keystore + 360 加固对apk文件进行签名处理

1.cd到java安装目录下的bin目录下,找到:
WeexPack Android App项目入门教程,从创建到生成全记录
双击打开后如下:
WeexPack Android App项目入门教程,从创建到生成全记录
返回bin目录下执行 keytool -genkey -help:
WeexPack Android App项目入门教程,从创建到生成全记录
根据keystore genkey 的命名参数,我们给出如下命令:
keytool -genkey -alias[别名]android.keystore -keyalg[算法] RSA -validity[有效天数] 20000 -keystore[密匙库名称]android.keystore
cd到项目目录下,执行上述命令:
WeexPack Android App项目入门教程,从创建到生成全记录
按照要求输入相关信息,最后会在项目目录下生成密匙文件:
WeexPack Android App项目入门教程,从创建到生成全记录
2.下载360加固对apk文件进行加固
下载地址:http://jiagu.360.cn/#/global/download
无需安装直接打开:
WeexPack Android App项目入门教程,从创建到生成全记录
注意:360加固使用前需要使用手机注册
点击 “签名设置”,将keystore文件添加进去:
WeexPack Android App项目入门教程,从创建到生成全记录
点击“添加应用”,将打包生成的apk文件添加进去:

WeexPack Android App项目入门教程,从创建到生成全记录
apk添加后,360加固会自动开始打包,打包完成后,点击输出路径:
WeexPack Android App项目入门教程,从创建到生成全记录
你将看到已经签名的apk文件:
WeexPack Android App项目入门教程,从创建到生成全记录
将apk文件上传至手机并进行安装,你就会看到自己打包的app应用了:
WeexPack Android App项目入门教程,从创建到生成全记录

WeexPack Android App项目入门教程,从创建到生成全记录
以上就是使用WeexPack创建移动Web项目并生成最终应用的基础入门全部操作过程。