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

    2018-10-29 11:58:46
    最近用cordova打包vue项目。碰到了比较棘手的签名打包问题。推荐:用 Gradle 配置自动打包Android 的自动化构建工具。cordova build android 的过程其实就是使用它。你要在 platforms/android 目录下建立 release-...

    最近用cordova打包vue项目。碰到了比较棘手的签名打包问题。


    推荐:

    用 Gradle 配置自动打包

     Android 的自动化构建工具。cordova build android 的过程其实就是使用它。你要在 platforms/android 目录下建立 release-signing.properties 文件,内容类似下面这样:

    storeFile= **.keystore
    storePassword=test
    keyAlias=ALIAS_TEST
    keyPassword=test复制代码

    在把 keytool生成的签名文件放入同一目录。(注意。。。本人的storeFile的配置是当前目录,按需配置。)


    关于打包中vue-cli注意事项

    cordova build android -release

    1.不能用history路由

    2.图片路径问题

    一个是build utils的 图片路径配置为 相对路径


    一个是发布路径和目录

    打包后的页面加载都是根据相对路径。




    展开全文
  • 原标题:Cordova打包教程(H5项目打包成ipa)系统平台Mac OS使用工具XcodeNode.js(点击Installer进行下载并安装)Mac系统终端生成Xocde工程步骤1,在Node.js安装完成后,打开终端,手动输入命令行来安装cordovasudo npm...

    原标题:Cordova打包教程(H5项目打包成ipa)

    系统平台

    Mac OS

    使用工具

    Xcode

    Node.js(点击Installer进行下载并安装)

    Mac系统终端

    生成Xocde工程步骤

    1,在Node.js安装完成后,打开终端,手动输入命令行来安装cordova

    sudo npm install -g cordova

    2,创建新项目

    cordova create hello com.mydomain.hello HelloWorld

    第一个参数是文件名,第二个参数是bundle identifier, 第三个参数是显示的title

    3,打开项目目录下名为www的文件夹,并将网页项目的内容copy到此,请尽量保证index.html的路径为www/index.html

    4,为项目安装平台模块,这里只增加ios

    cd hello

    cordova platform add ios

    5,当hello/www目录下的网页项目内容发生改变,需要刷新生成的Xcode工程

    cordova platform update ios

    6,安装需要的扩展插件,例如,安装应用内支付模块

    cordova plugin add https://github.com/j3k0/cordova-plugin-purchase.git

    7,打开生成的xcodeproj工程,工程文件位置:hello/platform/ios/

    本文来自ds.fubi.hk(苹果官方签名服务商)

    责任编辑:

    展开全文
  • Cordova打包ios平台

    2018-06-21 09:39:30
    cordova打包成Xcode项目 cordova打包成Xcode项目
  • 全面的总结的Cordova打包,包括遇到的问题点,多次实践最终的问题总结点。手把手教会你怎么去打包,基本能解决大部分问题
  • cordova 打包流程

    2021-08-03 21:32:57
    cordova 打包流程 默认在安装完所有环境下。仅供自己参考之用 一些遇到的问题: https://blog.csdn.net/qq_43706089/article/details/119107094?spm=1001.2014.3001.5501 新建项目(在业务目录) cordova create app...

    cordova 打包流程

    默认在安装完所有环境下。仅供自己参考之用
    一些遇到的问题: https://blog.csdn.net/qq_43706089/article/details/119107094

    新建项目(在业务目录)

    cordova create app com.music.app app
    

    生成项目(在生成的目录下)

    cordova platforms add android --save
    

    在Cordova项目下新建目录 res

    目录结构:

      <icon density="ldpi" src="res/icon/android/mipmap-ldpi/ic_launcher.png" />
      <icon density="mdpi" src="res/icon/android/mipmap-mdpi/ic_launcher.png" />
      <icon density="hdpi" src="res/icon/android/mipmap-hdpi/ic_launcher.png" />
      <icon density="xhdpi" src="res/icon/android/mipmap-xhdpi/ic_launcher.png" />
      <icon density="xxhdpi" src="res/icon/android/mipmap-xxhdpi/ic_launcher.png" />
      <splash density="port-hdpi" src="res/screen/android/loading.png" />
      <splash density="port-ldpi" src="res/screen/android/loading.png" />
      <splash density="port-mdpi" src="res/screen/android/loading.png" />
      <splash density="port-xhdpi" src="res/screen/android/loading.png" />
    

    制作icon网址:https://icon.wuruihong.com/

    安装 启动图和图标插件

     cordova plugin add cordova-plugin-splashscreen
    

    修改 根目录下的 config.xml

    <?xml version='1.0' encoding='utf-8'?>
    <widget id="com.music.app" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
        <name>app</name>
        <description>
            A sample Apache Cordova application that responds to the deviceready event.
        </description>
        <author email="dev@cordova.apache.org" href="http://cordova.io">
            Apache Cordova Team
        </author>
        <content src="index.html" />
        <access origin="*" />
        <allow-intent href="http://*/*" />
        <allow-intent href="https://*/*" />
        <allow-intent href="tel:*" />
        <allow-intent href="sms:*" />
        <allow-intent href="mailto:*" />
        <allow-intent href="geo:*" />
        <platform name="android">
            <allow-intent href="market:*" />
    		
    		// ---------------------- 添加以下代码 -------------------------
          <preference name="AndroidPersistentFileLocation" value="Compatibility" />
          <preference name="SplashScreenDelay" value="3000" />
          <preference name="FadeSplashScreen" value="true"/>
          <preference name="FadeSplashScreenDuration" value="750"/>
    
          <icon density="ldpi" src="res/icon/android/mipmap-ldpi/ic_launcher.png" />
          <icon density="mdpi" src="res/icon/android/mipmap-mdpi/ic_launcher.png" />
          <icon density="hdpi" src="res/icon/android/mipmap-hdpi/ic_launcher.png" />
          <icon density="xhdpi" src="res/icon/android/mipmap-xhdpi/ic_launcher.png" />
          <icon density="xxhdpi" src="res/icon/android/mipmap-xxhdpi/ic_launcher.png" />
    
          <splash density="port-hdpi" src="res/screen/android/loading.png" />
          <splash density="port-ldpi" src="res/screen/android/loading.png" />
          <splash density="port-mdpi" src="res/screen/android/loading.png" />
          <splash density="port-xhdpi" src="res/screen/android/loading.png" />
    	  
    	  // ---------------------- 结束 -------------------------
        </platform>
        <platform name="ios">
            <allow-intent href="itms:*" />
            <allow-intent href="itms-apps:*" />
        </platform>
    </widget>
    
    

    修改 \platforms\android\app\src\main 下的AndroidManifest.xml

    <?xml version='1.0' encoding='utf-8'?>
    <manifest android:hardwareAccelerated="true" android:versionCode="10000" android:versionName="1.0.0" package="com.music.huicai" xmlns:android="http://schemas.android.com/apk/res/android">
        <supports-screens android:anyDensity="true" android:largeScreens="true" android:normalScreens="true" android:resizeable="true" android:smallScreens="true" android:xlargeScreens="true" />
        <uses-permission android:name="android.permission.INTERNET" />
    	
    	// --------------------------- 添加的代码 权限 --------------------------
        <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
        <uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
        <uses-permission android:name="android.hardware.camera" />
        <uses-permission android:name="android.hardware.camera.autofocus" />
        <uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
        <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
        <uses-permission android:name="android.permission.CALL_PHONE" />
        <uses-permission android:name="android.permission.CAMERA" />
        <uses-permission android:name="android.permission.CHANGE_WIFI_STATE" />
        <uses-permission android:name="android.permission.FLASHLIGHT" />
        <uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS" />
        <uses-permission android:name="android.permission.MOUNT_UNMOUNT_FILESYSTEMS" />
        <uses-permission android:name="android.permission.READ_SMS" />
        <uses-permission android:name="android.permission.SEND_SMS" />
        <uses-permission android:name="android.permission.VIBRATE" />
        <uses-permission android:name="android.permission.WAKE_LOCK" />
        <uses-permission android:name="android.permission.WRITE_SETTINGS" />
        <uses-permission android:name="android.permission.WRITE_SMS" />
    	
    	// --------------------------- 结束 --------------------------
    	
    	// --------------------------- 添加的代码 可以使用http的网络请求 ,否则当服务器是http时,会请求不到数据 --------------------------
    	
    	android:usesCleartextTraffic="true"
    	
    	// --------------------------- 结束 --------------------------
    	
        <application android:hardwareAccelerated="true" android:icon="@mipmap/ic_launcher" android:label="@string/app_name" android:supportsRtl="true" android:usesCleartextTraffic="true">
            <activity android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale|smallestScreenSize|screenLayout|uiMode" android:label="@string/activity_name" android:launchMode="singleTop" android:name="MainActivity" android:theme="@android:style/Theme.DeviceDefault.NoActionBar" android:windowSoftInputMode="adjustResize">
                <intent-filter android:label="@string/launcher_name">
                    <action android:name="android.intent.action.MAIN" />
                    <category android:name="android.intent.category.LAUNCHER" />
                </intent-filter>
            </activity>
        </application>
    </manifest>
    
    

    生成签名

    keytool -genkey -v -keystore app.keystore -alias app -keyalg RSA -validity 36500
    

    在 根目录 添加 build.json 用来添加签名

    {
    
    "android": {
    
    "release": {
    
    "keystore": "app.keystore",
    
    "alias": "app",
    
    "storePassword": "111111",
    
    "password": "111111"
    
    }
    
    }
    
    }
    

    打包VUE 项目

    npm run build
    

    将vue dist 目录下 的金泰文件放到app项目的www下,把Cordova生成的删除

    生成app

    cordova build android --release
    
    展开全文
  • 本篇文章主要介绍了详解cordova打包成webapp的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • cordova打包项目android生成apk签名.txt
  • cordova打包vue项目

    2019-06-26 10:19:38
    @[TOC]cordova打包vue项目心得 cordova打包vue项目出现的问题 你好! 这是对cordova打包vue项目存在问题解析,针对android. 1跟着官方文档走,创建cordova项目失败。用cnpm install -g cordova出现丢包,导致构建...

    @[TOC]cordova打包vue项目心得

    cordova打包vue项目出现的问题

    你好! 这是对cordova打包vue项目存在问题解析,针对android.
    1.cordova创建项目失败2.cordova使用插件3.使用cordova打包vue项目,图片不能渲染4配置vue项目
    npm run build路径

    1跟着官方文档走,创建cordova项目失败。用cnpm install -g cordova出现丢包,导致构建失败。改用这个npm install -g cordova。
    2.cordova打包出的app名字,图片修改。在cordova项目中的config.xml文件中:
    app名字修改
    app图标修改
    3.codova插件使用,以camera为例:对着cordova文件路径上输入cmd+回车键出现命令窗口
    cordova plugin add cordova-plugin-camera 在cordova项目下添加插件
    cordova plugin ls 查看插件
    在vue项目的src下,创建一个js文件
    js文件内容
    导出
    vue组件中导入
    js文件引入
    vue组件绑定事件
    绑定按钮
    调用方法
    调用事件
    vue项目下npm run build 就可以打包,将dist文件放置到cordova项目的www文件下方。
    若再次打包需要在cordova文件下输入命令行cordova prepare否则不更新。
    用android studio打开

    对应目录
    build->build bundles->build apk
    build
    android 手机连上即可,run

    可以出现app.
    重点
    vue项目中的图片在app中不显示:
    修改配置 vue项目的build->utils.js

    对应好路径
    可能每次vue中npm run build 要自己手动将dist文件复杂粘贴到cordova项目下的www文件中,会感到烦琐,教你(路径匹配需要去理解到底对应哪个文件) 两点一斜杠 代表上一级目录

    按照路径对应配置
    cordova对应路径
    在这里插入图片描述
    vue对应路径
    在这里插入图片描述

    展开全文
  • 主要介绍了用Cordova打包Vue项目的方法步骤,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • cordova 打包工具

    2018-05-07 11:17:00
    cordova 打包工具 原文:cordova 打包工具一、环境安装 1、安装NodeJs https://nodejs.org直接去官网下载并按默认路径安装就可以了。 安装完成后在命令行: (测试成功!) $ npm 2、安装Cordova ...
  • CORDOVA 打包 IOS

    千次阅读 2018-12-03 22:03:01
    CORDOVA 打包 IOS 首先准备一台mac电脑 防止版本过低,提前将电脑升级到最高版本(我的是mac OS Mojave) 安装Xcode 或 升级到最新版本 安装cordova 去除滚定条 去除白边 调整icon ,启动页面 安装Xcode 或 升级到...
  • 主要介绍了教你用Cordova打包Vue项目的方法,详细的介绍了如何Vue项目打包成app,具有一定的参考价值,有兴趣的可以了解一下
  • cordova打包apk流程

    万次阅读 2018-05-13 23:46:52
    使用cordova打包的好处: Cordova是一个用基于HTML、CSS和JavaScript的,用于创建跨平台移动应用程序的快速开发平台。它使开发者能够利用iPhone、Android、等智能手机的核心功能——包括地理定位、加速器、联系人、...
  • 原标题:Cordova打包教程(H5项目打包成ipa)Cordova的功能、性能与DCloud的系列产品组合相比,还是差很多的。DCloud也一样支持本地打包。前端框架是绝不能用jQueryMobile的,DCloud出品的开源框架mui的性能是目前已知...
  • cordova相关命令·安装cordovanpminstallcordova-g·创建一个cordova项目cordovacreatehello·添加一个平台cordovaplatformaddios·构建一个appcordovabuild[android|ios]#不指定会都构建,也可以单独制定构建哪个...
  • cordova打包加密

    2018-08-21 15:23:23
    cordova打包加密地址https://download.csdn.net/download/qq_28931821/10617681
  • cordova打包web项目

    2020-09-27 10:43:51
    文章目录前言创建Cordova项目的条件一、下载安装Cordova二、新建Cordova项目(创建Cordova打包环境)1.创建Cordova项目2.添加平台3.打包vue项目总结 前言 Cordova是什么? Apache Cordova是一个开源的移动开发...
  • ionic cordova 打包报错

    2020-11-24 17:44:54
    <p>ionic+cordova打包报错,不知道怎么解决,有没有大神指导一下<img alt="" height="198" src="https://img-ask.csdnimg.cn/upload/1606210925953.png" width="1690" /></p>
  • cordova打包 android问题

    2021-03-09 15:36:30
    cordova打包 android问题 问题一 android无法发送网络请求 cordova 在打包android的时候出现了一个问题,就是打完包之后,没法发送请求(不管是http还是https) 。最后只能是将原先的项目删除然后再重新建了一个。 ...
  • cordova打包安卓apk

    2017-05-20 09:29:03
    最新cordova打包教程.
  • cordova打包问题整理

    2020-05-14 09:49:44
    项目中遇到的一些cordova打包问题,现在整理一下做下记录 1. Mac 下安装 cordova-hot-code-push-cli 失败,执行命令为:sudo npm i -g cordova-hot-code-push-cli 错误提示显示 permission 问题,然后安装 ngrok ...
  • 现在国内越来越多的开发者使用Vue开发混合app,但是当大家开发完成过后才发现不知道该怎么将Vue...因为我本身是做angular+ionic的,所以比较青睐cordova,下面我就教大家怎么使用cordova打包Vue项目:第一步:安装...
  • cordova打包webapp

    2017-05-05 18:12:00
    cordova打包webapp 在项目开发中,需要将h5页面打包成app,这个时候我们可以使用cordova来打包。在官方文档中,我们可以了解到创建一个app十分简单,你的电脑上有nodejs就行,我们可以跟着官方文档一步一步来,添加...
  • Cordova打包Scratch为APP

    2021-04-22 17:53:17
    cordova打包流程 安装cordova npm install -g cordova 创建cordova APP cordova create edu.train.scratch 也可以使用 cordova create edu.train.scratch Scratch 后面的即为APP名称,如果不写,默
  • cordova 打包工具 Cordova:工具安装 (Cordova: Tools Installation) Now we start installation of tools on Windows OS, one by one. 现在,我们开始在Windows操作系统上一一安装工具。 安装NodeJS ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 6,638
精华内容 2,655
关键字:

cordova打包