weexpack 建立项目, 打包Android 和 ios

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

下面全部都是命令行执行的命令

2: 全局安装 weexpack

npm install weexpack -g

3: 生成weex项目

weexpack create 项目名字

注意: 建立的工程默认不包含 ios 和 android 工程模版

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