weexpack 创建项目, 打包Android 和 ios

哎呀,做前端, 打包一个app有点难搞,又是初接触 weex, 之前没找到怎么打包, 看了些帖子似乎需要 android 建项目,但是不懂android, 搞了一天也没好我去, 浪费了不少时间, 终于找到了 weexpack , android的apk按步骤很快就搞好了,下面是一个weex项目打包成 安卓和ios apk的步骤命令 ( ios没有设备,所以只成功打了安卓的, 但是ios命令还是有的)

网上有使用 weexpack init appName 命令生成一个项目, 但是我使用了没有反应不知道为啥

不废话了,说步骤吧
使用 weexpack 生成项目, 并打包成apk 参考的源文件

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 工程

• android模板

  weexpack platform add android

  执行完成后会在platforms文件夹下生成android文件目录

• ios工程模板

  weexpack platform add ios

  执行完成后会在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

  • 构建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文件路径

7: html5打包

weexpack build web

这样你可以把打包后的资源上传到cdn服务器，然后上线你的web项目。

• 在html5平台上运行

  weexpack run web

Weex

© 著作权归作者所有

举报文章

关注有情怀的程序猿

写了 13829 字，被 28 人关注，获得了 26 个喜欢

从前车马很远, 书信很慢

如果觉得我的文章对您有用，请随意赞赏。您的支持将鼓励我继续创作！

作者：有情怀的程序猿
链接：http://www.jianshu.com/p/674efb2468e4
來源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。