精华内容
下载资源
问答
  • ionic 打包

    2017-09-04 10:17:00
    比如我下载一个官方的小Demoionic start myApp tabs...首先,你需要给项目添加安卓平台的支持ionic cordova platform add android然后再执行打包命令ionic cordova build android 打包完成进入F:/0/myApp/platf...

    比如我下载一个官方的小Demo
    ionic start myApp tabs

    (我默认你已经配置好了安卓的开发环境、安装了全局的ionic、cordova)

     

     

    首先,你需要给项目添加安卓平台的支持
    ionic cordova platform add android



    然后再执行打包命令
    ionic cordova build android

     




    打包完成
    进入 F:/0/myApp/platforms/android/build/outputs/apk/


     

     

     

    注意
    如果打包过程出现如下的错误


    请下载gradle,并copy到对的目录
    我的是C:\Users\Administrator\.gradle\wrapper\dists\gradle-3.3-all\55gk2rcmfc6p2dg9u9ohc3hw9

     

    官网:https://services.gradle.org/distributions
    百度云:

     

     

     

    参考:http://www.jianshu.com/p/dfd98ad47af1

    转载于:https://www.cnblogs.com/dshvv/p/7472366.html

    展开全文
  • ionic打包

    2018-05-09 14:39:11
    创建项目: ionic start myApp tabs2 cd 到刚才创建的项目ionic cordova platform add ios 把 ios 环境添加到我们的项目修改代码后运行 ionic build / sudo ionic cordova build ios / sudo cordova-hcp build.....

    ios:

    1 创建项目:

    ionic start myApp tabs

    cd 到刚才创建的项目

    ionic cordova platform add ios 把 ios 环境添加到我们的项目

    修改代码后运行 ionic build   /  sudo ionic cordova build ios    /   sudo cordova-hcp build     /    sudo ionic cordova build android --prod

    cordova run android





    展开全文
  • Ionic打包

    2018-03-15 08:14:48
    ps:之前随便定义了一个包名,导致在添加jpush的时候报错,删除 platforms 后,重新编译后ok,不过要重新走ionic起步 cordova create taojin com.qihoo.taojin taojin 复制代码极光推送 在极光推送的后台创建好应用...

    包名

    创建项目的时候,可以通过cordova来创建,记得一定要定义好包名 这个是全局都要用到的东西

    ps:之前随便定义了一个包名,导致在添加jpush的时候报错,删除 platforms 后,重新编译后ok,不过要重新走ionic起步

    cordova create taojin com.qihoo.taojin taojin
    复制代码

    极光推送

    在极光推送的后台创建好应用后,可以通过如下命令添加插件:

    cordova plugin add  https://github.com/jpush/jpush-phonegap-plugin.git --variable API_KEY=your_jpush_appkey  
    复制代码

    记得 device 插件一定要存在

    ps: 默认其实是带的,如果你没删可以直接跳过这步

    cordova plugin add org.apache.cordova.device
    复制代码

    然后在app.js的 $ionicPlatform.ready 中初始化(其实是注册该设备)

    window.plugins.jPushPlugin.init(); 
    复制代码

    build 之后你会发现,会提示缺少统计代码,这个可以这样解决。

    在这里路径下 platforms/android/src/com/qihoo/taojin(com/qihoo/taojin 是你的包名),找到 MainActivity.java,添加:

    import cn.jpush.android.api.JPushInterface;
    复制代码

    public class MainActivity extends CordovaActivity 中添加

    //新增
    @Override
    protected void onResume() {
     super.onResume();
     JPushInterface.onResume(this);
    }
    
    //新增
    @Override
    protected void onPause() {
     super.onPause();
     JPushInterface.onPause(this);
    }
    复制代码

    制作签名

    1.使用 keytool 签名,keytool 在java的安装目录的bin目录下,最好添加环境变量

    keytool -genkey -v -keystore my-release-key.keystore -alias 设置一个别名 -keyalg RSA -keysize 2048 -validity 10000
    复制代码

    上面的命令运行过程中,需要输入密码,这个密码一定要记住哟!!并且会在运行目录下生成一个xx.keystore文件

    2.使用 cordova build --release android 制作生产的包

    1. 添加签名到包中

    注意最后三个参数

    jarsigner -verbose -sigalg SHA1withRSA -digestalg SHA1 -keystore 这里是keystore文件 这里是生成的包.apk 这里是别名
    复制代码
    1. 查看apk的签名

    微信提供了一个工具,安装后可以直接输入包名,就能获取到apk的签名

    ps:比较蛋疼的是不能复制!!!

    命令列表

    创建应用程序

    cordova create hello com.example.hello HelloWorld
    复制代码

    添加平台

    cordova platform add android
    cordova platform add ios
    复制代码

    完成后运行以下命令查看:

    cordova platfrom list
    复制代码

    移除Android平台支持

    cordova platform rm android
    复制代码

    运行以下命令编译应用程序:

    cordova build
    复制代码

    //只针对Andorid平台编译
    cordova build android 
    复制代码

    实际上build命令相当于以下两个命令:

    cordova prepare android
    cordova compile android
    复制代码

    启动模拟器:

    cordova emulate android
    复制代码

    添加插件: 可以用CLI搜索可用的插件:

    cordova plugin search bar code
    复制代码

    安装插件,比如:

    //设备API
    cordova plugin add org.apache.cordova.device
    //网络(事件)
    cordova plugin add org.apache.cordova.network-information 
    //电池(事件)
    cordova plugin add org.apache.cordova.battery-status 
    //加速器
    cordova plugin add org.apache.cordova.device-motion 
    //罗盘
    cordova plugin add org.apache.cordova.device-orientation 
    //定位
    cordova plugin add org.apache.cordova.geolocation 
    //摄像头
    cordova plugin add org.apache.cordova.camera 
    //媒体文件处理
    cordova plugin add org.apache.cordova.media-capture 
    //媒体文件处理
    cordova plugin add org.apache.cordova.media 
    //文件访问
    cordova plugin add org.apache.cordova.file 
    //文件传输
    cordova plugin add org.apache.cordova.file-transfer 
    //对话框
    cordova plugin add org.apache.cordova.dialogs 
    //震动
    cordova plugin add org.apache.cordova.vibration 
    //联系人
    cordova plugin add org.apache.cordova.contacts 
    //全球化
    cordova plugin add org.apache.cordova.globalization 
    //闪屏
    cordova plugin add org.apache.cordova.splashscreen 
    //打开新的浏览器窗口
    cordova plugin add org.apache.cordova.inappbrowser 
    //调试控制台
    cordova plugin add org.apache.cordova.console 
    复制代码

    你可以用以下命令查看所有已经安装的插件

    cordova plugin ls
    复制代码

    使用以下命令删除插件:

    cordova plugin rm org.apache.cordova.console
    复制代码

    或者通过地址来添加插件:

    cordova plugin add https://github.com/apache/cordova-plugin-console.git
    复制代码

    帮助:

    cordova help
    复制代码

    更新cordova:

    npm update -g cordova
    复制代码

    cordova更新完成后,还需要更新项目:

    cordova platform update android
    复制代码
    展开全文
  • 问题一:ionic 打包成 H5 后,直接刷新路由报 404 问题分析 解决方案 问题二:ionic 打包成 H5 放在服务器上后,图标无法正常显示 问题分析 解决方案 问题一:ionic 打包成 H5 后,直接刷新路由报 404 问题...

    目录

    问题一:ionic 打包成 H5 后,直接刷新路由报 404

    问题分析

    解决方案

    问题二:ionic 打包成 H5 放在服务器上后,图标无法正常显示

    问题分析

    解决方案


    问题一:ionic 打包成 H5 后,直接刷新路由报 404

    问题分析

    • ionic 默认使用的路由是 `host/xxx/xxx` 形式,服务器将 路由 解析成 路径 了,无法找到该路径,因此就404了
    • 根据 Vue 经验,前端路由采用 哈希路由(#),防止路由被解析成路径

    解决方案

    • `app-routing.module.ts` 里引入哈希路由,这样运行项目就会是 host/#/xxx/xxx
    import { LocationStrategy, HashLocationStrategy } from '@angular/common';
    @NgModule({
      imports: [xxxx],
      providers: [
        { provide: LocationStrategy, useClass: HashLocationStrategy }
      ],
      exports: [RouterModule]
    })

    问题二:ionic 打包成 H5 放在服务器上后,图标无法正常显示

    问题分析

    • 根据 元素选择,发现是 路径问题
    • 在服务器上,项目存放在一个子文件夹里
    • 图标路径如果存在以下两种情况,会导致图标显示异常:
    1. '../../../assets/xxx.png'
    2. '/assets/xxx.png'
    • 以上存放路径,经过 ionic 打包处理后,实际访问地址为:'域名/assets/xxx.png'

    解决方案

    • 'assets/xxx.png'
    展开全文
  • Ionic打包问题记录

    2020-01-07 09:57:10
    Ionic打包问题记录Ionic 打包Androidnetwork_security_config not found自定义包名 Ionic 打包Android 首先添加Android平台,Ionic cordova platform add android 编译Android平台代码,Ionic cordova build ...
  • ionic 打包签名

    2017-08-14 09:27:02
    ionic 打包签名 IONIC用一下命令打包会自动签名并且打包 1 ionic build android  自己签名并且打包方法: 1》在你项目app\platforms\android目录下新建文件:debug-signing.properties,...
  • 视频讲解,帮助你快速学习ionic打包app,视频中详细介绍了打包过程。
  • ionic打包问题

    2020-06-16 14:36:50
    ionic打包问题 可以先尝试卸载android平台,重新安装 一 解决方法: 找到AndroidManifest.xml 文件,将uses-sdk修改为: <uses-sdk android:minSdkVersion="19" android:targetSdkVersion="26" />; 两个地方...
  • ionic打包APP过程

    2019-01-25 17:28:44
    ionic打包APP ** 配置环境变量 1.安装Gradle 2.安装SDK 可以通过安装Android Studio安装SDK, 注意SDK的路径和版本 3.确定安装的平台platform(android/ios) 指令:ionic cordova platform add android/ios 4.安装...
  • 关于ionic打包出错:ionic Unable to start the daemon process 在使用ionic cordova build android打包的时候。cmd报错如下。 解决办法 在操作系统当前用户的.gradle文件夹下:C:\Users\Administrator.gradle...
  • 如何使用ionic打包Android的apk

    万次阅读 2016-08-28 15:25:24
    自己在使用ionic打包app的时候,遇到不少的坑,所以现在把ionic打包的过程记录下来,以便以后查询。其实,ionic打包不难,只要了解打包步骤便可成功打包。 ionic可以打包Android的apk和iOS的ipa,这里我主要记录下...
  • ionic打包APP

    2021-01-26 11:02:01
    配置 ...1.安装配置JDK 2.安装配置SDK,可以通过Android studio安装 3.安装配置gradle ...5.打包apk ionic cordova platform add android@7.0.0 ionic cordova build android --prod 报错与解决方法 报错1: Co
  • Ionic 打包流程

    2019-07-29 18:11:04
    ionic platform add android 加载Android项目打包文件 2.添加白名单(默认会添加) cordova plugin remove cordova-plugin-whitelist 执行cordova plugin add cordova-plugin-whitelist 安装cordova-plugin-...
  • ionic 打包(轻量级) apk ,打包 只出现 debug 的包 Paste_Image.png 为什么呢? 因为我没有装 crosswalk(请看另一篇) 的插件,哈哈哈哈,这个插件是适配低android系统(4.4以下) 需要的插件,增加之.....
  • ionic打包签名apk

    2018-01-23 14:05:23
    ionic打包生成apk有两种命令:  (1)ionic cordova build android :生成debug形式的apk,用来进行本地开发测试(这个apk是有签名的,而且这里用于测试的签名是相同的)不能用于发布  (2)ionic cordova build...
  • 从angular + ionic 混合开发打包成IOS APP 流程文档,包含详细的截图,IOS 正式申请流程,打包流程,打包注意事项,用于混合开发APP 打包编译
  • 小白把ionic打包APK记录----大佬请绕道 这个打包APK真的是好多的坑。。。我踩了三天才把坑踩完,无比的心累┓(;´_`)┏; 关于如何打包的过程,推荐一篇博客,博主写的很详细:...
  • ionic打包apk

    2017-03-07 17:43:14
    首先要在电脑安装ionic、cordova,安装步骤是; 1.下载nodejs 2.利用nodejs的npm命令下载ionic、cordova,(npm install -g...3.用ionic build android或者cordova build android命令打包成apk 注意:打包apk的时候要
  • Ionic打包过程下载Gradle失败的解决方法 参考如下方法: http://www.jianshu.com/p/9595eccac3d1
  • ionic打包过程遇到的问题汇总 在打包过程中还遇到了好几个问题,花了好大功夫才解决,整理出来,供参考: 1、ionic start创建项目时,很慢一直卡死,请参照上一篇npm源无法访问解决方案。 2、ionic ...
  • 前置:配置可以进行 ionic打包的环境 一、新环境下打包一个快写好的 ionic项目 二、cordova 使用指令删除插件失败 三、微信公众号开发之关闭微信浏览器 前置:配置可以进行 ionic打包的环境 系统环境变量(注意...
  • ionic打包app

    千次阅读 2016-12-10 12:27:28
    1、安装Java的JDK,并配置好环境变量 2、安装AndroidSDK,并配置好环境变量;这里JDK和andriodSDK的安装和配置都很重要,必须安装好JDK和AndroidSDK,才可以进行...4、使用命令:npm install -g cordava ionic来安装

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 4,199
精华内容 1,679
关键字:

ionic打包