阿里巴巴开源框架Weex学习填坑记录

xiaoxiao2021-02-28  105

       在公司接到一个项目需要使用Weex+vue.js来开发跨平台App,第一次使用这个框架,听说这个框架是阿里巴巴内部使用的开源框架,听起来挺高大尚的,不过网上可以参考的资料太少了,而且基本都是老版本weex的资料,和现在的weex融合vue2.x后相比,已经有挺多不一样的地方。所以现在自己记录下,为后人铺路。

     网上多数资料和命令行创建都是基于web的开发,今天我主要针对移动端开发进行一系列的命令行整理:

     1.安装node(这个是必须的,详细步骤自己网上找,这里就不累赘)      2.全局安装weexpack

npm install weexpack -g     3.生成weex项目      weexpack create 项目名字    4.进入项目根目录安装依赖 npm install    5.安装应用模版生成android或者ios工程     android模版:               weexpack platform add android     ios模版:            weexpack platform add ios   6.打包apk     android打包:   weexpack run android     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文件路径。     html打包:            weexpack build web     在html5平台运行:             weexpack run web

   7.将vue文件转js文件

weex-builder --ext vue 项目根目录\src 项目根目录\src\build

          

转载请注明原文地址: https://www.6miu.com/read-48075.html

最新回复(0)