哎呀,做前端, 打包一個app有點難搞,又是初接觸 weex, 之前沒找到怎么打包, 看了些帖子似乎需要 android 建項目,但是不懂 android, 搞了一天也沒好我去, 浪費了不少時間, 終于找到了 weexpack , android的apk按步驟很快就搞好了,下面是一個 weex項目打包成 安卓和ios apk的步驟命令 ( ios沒有設備,所以只成功打了安卓的, 但是ios命令還是有的)
網(wǎng)上有使用 weexpack init appName 命令生成一個項目, 但是我使用了沒有反應不知道為啥
**不廢話了,說步驟吧 **
使用 weexpack 生成項目, 并打包成apk 參考的源文件
1: 首先確保 node.js版本大于6.0, 不然使用 weexpack 時會報錯(部分使用es6語言,node版本太低不支持es6)
下面所有都是命令行執(zhí)行的命令
2: 全局安裝 weexpack
npm install weexpack -g
3: 生成weex項目
weexpack create 項目名字
- 注意: 創(chuàng)建的工程默認不包含 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 工程
-
android模板
weexpack platform add android
執(zhí)行完成后會在platforms文件夾下生成android文件目錄
-
ios工程模板weexpack platform add ios執(zhí)行完成后會在
platforms文件夾下生成ios文件目錄
6: 打包apk
android
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目錄滔以。
-
ios打包-
模擬器運行
weexpack run ios 構(gòu)建ipa包
weexpack build ios構(gòu)建包的過程中穿肄，將會提示讓您輸入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
參數(shù)（*mobileprovision）為provisioning profile文件路徑 -
7: html5打包
weexpack build web
這樣你可以把打包后的資源上傳到cdn服務器愉昆，然后上線你的web項目职员。
-
在html5平臺上運行
weexpack run web
額，最近在自學網(wǎng)上看些很雜的東西跛溉，但是需要積分焊切， 幫我點下鏈接掙個積分謝謝各位道友，
http://www.51zxw.net/study.asp?vip=15150074
