Weex 工程开发套件

weexpack 介绍

weexpack 是 weex 新一代的工程开发套件。它允许开发者通过简单的命令，创建 weex 工程项目，将项目运行在不同的开发平台上。

前期环境要求

目前只支持 Mac 平台。
配置 Node.js 环境，并且安装 npm 包管理器。
配置 iOS 开发环境：
- 安装 Xcode IDE ，启动一次 Xcode ，使 Xcode 自动安装开发者工具和确认使用协议。
- 安装 cocoaPods
配置 Android 开发环境：
- 安装 Android Studio 并打开，新建项目。上方菜单栏，打开 AVD Manager ，新建 Android 模拟器并启动。（如果有安装 Docker ，请关闭 Docker Server 。）
- 或者只下载 Android SDK ，命令行运行 AVD Manager ，新建 Android 模拟器并启动。
- 保证Android build-tool的版本为23.0.2

使用方法

首先，全局安装 weex-pack 命令：

$ npm install -g weexpack

然后，创建 weex 工程：

$ weexpack init appName

weexpack 会自动新建以 appName 命名的目录，并将项目模板拉取到该目录。

最终形成的目录结构，如下所示：

-> /appName
.
|—— .gitignore
|—— README.md
|—— package.json
|-- android.config.json
|-- ios.config.json
|—— webpack.config.js
|—— /src
|     |—— index.we
|—— /html5
|     |—— index.html
|—— /ios
|     |—— /playground
|     |—— /sdk
|     |—— /WXDevtool
|—— /android
|     |—— /playground
|     |—— /appframework

紧接着，进入目录，并且安装依赖：

$ cd appName && npm install

IOS平台打包&运行

模拟器运行

$ weexpack run ios

构建ipa包

$ weexpack build ios

构建包的过程中，将会提示让您输入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文件路径

Android平台打包&运行

android的打包和构建是一体的：

$ weexpack run android

同样的你可以更改项目目录下的android.config.json

AppName: 应用名
AppId: application_id 包名
SplashText: 欢迎页上面的文字
WeexBundle: 指定的weex bundle文件（支持文件名和url的形式）

文件名则以本地文件的方式加载bundle,url则以远程的方式加载bundle 如果以本地方式指定bundle .we文件请放到src目录。

在 html5 平台上，运行项目：

$ weexpack run web

dodola / weex-pack