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