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





原文地址:https://www.cnblogs.com/qiao20/p/8270515.html

时间: 2024-10-11 00:31:53

weexpack 创建项目, 打包Android 和 ios的相关文章

Ionic项目打包Android版本实战

最近在带团队做一个前端用Ionic+angularjs 的web app项目,由于自身不是做前端的,所以不太了解ionic,正好前端人员也是半吊子,所以只有自力更生学着自己打android包,在网上不断搜索打包方案,不断测试不断掉坑又不断解决再掉坑再解决后,终于在一天半时间android打包成功.接下来我把这些经验记录下来,希望能给大家提供参考和帮助. 配置Ionic下面android打包 1.安装Node.js下载安装:http://nodejs.org/ 安装完成之后打开PowerShell

android命令行创建并打包项目

命令行创建Android项目 查看sdk信息 将目录更改到 Android SDK 的tools/的路径. 执行: android list targets 这将打印您已经为您的 SDK 下载可用的 Android平台的列表.查找您要对其编译使您应用程序的平台的目标 id 的便笺.我们建议您选择可能的最高版本.您仍可以生成您的应用程序支持较旧的版本,但将生成目标设置为最新版本允许您优化您的应用程序的最新设备. 创建项目 命令 android create project --target <ta

使用ionic将HTML5项目打包成安卓和IOS应用

最近因为项目需要,在研究2天ionic打包应用,现将整个过程记录下来. ionic是一款HTML5手机应用开发框架,可以说是AngularJS移动端解决方案,基于PhoneGap的编译平台,可以实现编译成各个平台的应用程序.一次开发,处处运行. 1.安装ionic 首先需要安装Node.js,安装成功后,在命令行中输入下面指令,安装ionic和cordova npm install -g cordova ionic 可以通过查看版本号来测试是否安装成功,如果显示版本号即安装成功. windows

weex 项目开发 weexpack 项目 打包、签名、发布

一. weexpack build android  和  weexpack run android 的 区别. (1)单纯打包 weexpack build android (2)打包并运行 weexpack run android 注:执行时,发现两者都是调起了浏览器 二.不同平台的打包 html5平台: (1)打包html5平台 weexpack build web 这样你可以把打包后的资源上传到cdn服务器,然后上线你的web项目. (2)在 html5 平台运行 weexpack ru

cordova+vue 项目打包成Android(apk)应用

现在使用vue开发的项目越来越多,使用vue开发的移动端打包就成了最大的问题.现在前端打包方案有好多种,但是综合来说,我比较喜欢用cordova来进行Android和ios的打包,配置完成之后,每次只需要一条命令就可以完成打包. 1.安装cordova这一步的前提是已经完成安装node和npm,如果没有安装的话,请先完成node和npm的安装.node安装:直接进入官网https://nodejs.org/zh-cn/,下载最新版本安装.安装之后在命令行中使用"node -v" 检查安

GitHub Android 最火开源项目Top20 GitHub 上的开源项目不胜枚举,越来越多的开源项目正在迁移到GitHub平台上。基于不要重复造轮子的原则,了解当下比较流行的Android与iOS开源项目很是必要。利用这些项目,有时能够让你达到事半功倍的效果。

1. ActionBarSherlock(推荐) ActionBarSherlock应该算得上是GitHub上最火的Android开源项目了,它是一个独立的库,通过一个API和主题,开发者就可以很方便地使用所有版本的Android动作栏的设计模式. 对于Android 4.0及更高版本,ActionBarSherlock可以自动使用本地ActionBar实现,而对于之前没有ActionBar功能的版本,基于Ice Cream Sandwich的自定义动作栏实现将自动围绕布局.能够让开发者轻松开发

Android开发把项目打包成apk,安卓到手机上,或者提交到app应用商店

#1.用Eclipse的话导出app其实还是很容易的.大家看我的步骤.有图有真相哦 选择一个项目 创建一个新的,位置随便,下面是密码 这里都是一些名字,地区,组织,国家.看你们自己的了 选择你要存放apk的位置 打完收工 Android开发把项目打包成apk,安卓到手机上,或者提交到app应用商店,布布扣,bubuko.com

Android开发把项目打包成apk-(转)

做完一个Android项目之后,如何才能把项目发布到Internet上供别人使用呢?我们需要将自己的程序打包成Android安装包文件--APK(Android Package),其后缀名为".apk".将APK文件直接上传到Android模拟器或Android手机中执行即可进行安装.Android系统要求具有其开发者签名的私人密钥的应用程序才能够被安装.生成数字签名以及打包项目成APK都可以采用命令行的方式,但是通过Eclipse中的向导我们会更加方便地完成整个流程,打包发布的过程非

Phonegap(cordova)创建项目,并结合eclipse开发工具进行打包生成apk包

1.使用phonegap(cordova)创建并编辑项目 (1)创建一个文件夹用于存放稍后创建的Android程序,这里我们在E盘创建了一个文件夹AndroidProject,适用cd命令进入该目录,接下来适用phonegap命令创建对应的android项目. phonegap的创建指令:  phonegap create hello com.example.hello HelloWorld hello:你的项目文件夹名称,   com.example.hello:你的项目内部包名   Hell