weexpack 创建项目, 打包Android 和 ios

Posted lucky

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了weexpack 创建项目, 打包Android 和 ios相关的知识,希望对你有一定的参考价值。

1: 首先确保 node.js版本大于6.0, 不然使用 weexpack 时会报错(部分使用es6语言,node版本太低不支持es6)

下面所有都是命令行执行的命令

2: 全局安装 weexpack

npm install weexpack -g

3: 生成weex项目

weexpack create 项目名字

注意: 创建的工程默认不包含 iosandroid 工程模版

4: 进入项目根目录安装依赖

npm install

此时如果你有其他的weex项目, 可以正常web上跑的, 你可以把src文件下的所有文件复制出来粘贴在此文件中的src文件下, 打包时会编译到apk中
不过, 先查看下android.config.json 或者 ios.config.json 中指定的weex bundle文件 WeexBundle, 改为你的起始文件 index.js / main.js 之类的
 
5: 安装应用模板 生成 android 或者 ios 工程
weexpack platform add android //android 执行完成后会在platforms文件夹下生成android文件目录
weexpack platform add ios //ios 执行完成后会在platforms文件夹下生成ios文件目录
 
6: 打包apk
weexpack run android
- 注意:`android.config.json` 或者 `ios.config.json`中的信息 - `AppName:` 生成的apk安装后的应用名 - `AppId: `application_id 包名 - `SplashText:` 打开后欢迎页上面的展示文字 - `WeexBundle: `指定的weex bundle文件(支持文件名和url的形式) 文件名则以本地文件的方式加载bundle,url则以远程的方式加载bundle 如果以本地方式指定bundle .we文件请放到src目录。
 
weexpack run ios //模拟器运行
weexpack build web //构建ipa包
构建包的过程中,将会提示让您输入CodeSign(证书)
,Profile(provisioning profile),AppId,只有输入真实的这些信息才能成功打包。 其余如AppName,和入口weex bundle文件可以编辑项目目录下的ios.config.json配置。 打完包成功之后,可以在/playground/build/ipa_build/目录下获取ipa文件
注:证书需要预先安装到keychain中,在keychain中点击右键获取证书id(证书名称),provisioning profile文件(mobileprovision)需要获取UUID,进入目录 可以看到mobileprovision_UUID.sh文件,此文件可以获取到UUID*
mobileprovision_UUID.sh用法如下: $ ./mobileprovision_UUID.sh *mobileprovision
参数(*mobileprovision)为provisioning profile文件路径
 
7: html5打包
weexpack build web
这样你可以把打包后的资源上传到cdn服务器,然后上线你的web项目。
weexpack run web











以上是关于weexpack 创建项目, 打包Android 和 ios的主要内容,如果未能解决你的问题,请参考以下文章

weex 项目开发 weexpack 项目 打包签名发布

weex 与 weexpack 环境搭建

Weexpack 使用教程

weex 项目开发

weex 项目开发 weex 与 weexpack 的区别

android项目打包,jks的创建