Weex 整合到现有的App

Weex文档

感觉Weex的文档现在是百废待兴，文档乱且少，工具不齐全。Weex中文文档, Wexx 英文文档，Weex 打包工具。

Weex 安装

环境

• 配置 Node.js环境，并且安装 npm包管理器。(需要node6.0+)
• 如果要支持 iOS 平台则需要配置 iOS 开发环境：
  • 安装 Xcode IDE ，启动一次 Xcode ，使 Xcode 自动安装开发者工具和确认使用协议。
  • 安装 cocoaPods。

安装weex-pack

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

$ npm install -g weexpack

或者 在 clone 的 weexpack 根目录下执行

$ npm install

安装Weex iOS sdk 包

pod 'WeexSDK'

安装Weex node_modules

在.xcodeproj同一层级目录安装Weex node_modules

    weexpack create dirName

创建完成之后就可以切换到dirName目录下并安装依赖

    cd dirName && npm install

安装 Weex iOS 模板

weexpack platform add ios

添加js资源引用到工程

添加 dirName/platforms/ios/bundlejs到工程
是引用，不要copy，这样能保持引用到最新的资源

xcode build phases 添加资源打包脚本

在 xcode build phases 添加run script

[ -z "$NVM_DIR" ] && export NVM_DIR="$HOME/.nvm"
 if [[ -s "$HOME/.nvm/nvm.sh" ]]; then
 . "$HOME/.nvm/nvm.sh"
 elif [[ -x "$(command -v brew)" && -s "$(brew --prefix nvm)/nvm.sh" ]]; then
 . "$(brew --prefix nvm)/nvm.sh"
 fi
 
 # Set up the nodenv node version manager if present
 if [[ -x "$HOME/.nodenv/bin/nodenv" ]]; then
 eval "$("$HOME/.nodenv/bin/nodenv" init -)"
 fi
 
 [ -z "$NODE_BINARY" ] && export NODE_BINARY="node"
 
 nodejs_not_found()
{
    echo "error: Can't find '$NODE_BINARY' binary to build Weex bundle" >&2
    echo "If you have non-standard nodejs installation, select your project in Xcode," >&2
    echo "and change NODE_BINARY to absolute path to your node executable" >&2
    echo "(you can find it by invoking 'which node' in the terminal)" >&2
    exit 2
}
 
 type $NODE_BINARY >/dev/null 2>&1 || nodejs_not_found
 cd dirName
weexpack build ios

其中 cd dirName 换成你自己的目录名字, 不得不说下Weexpack不支持只打包资源命令，导致要添加个iOS插件,否则 weexpack build ios脚本报错。

总结

整合之后，我们只要专注与Weex 前端的code。