精华内容
下载资源
问答
  • cordova打包
    2021-08-03 21:32:57

    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打包ios平台

    2018-06-21 09:39:30
    cordova打包成Xcode项目 cordova打包成Xcode项目
  • 因为我本身是做angular+ionic的,所以比较青睐cordova,下面我就教大家怎么使用cordova打包Vue项目: 第一步:安装cordova 如果已经安装则直接跳过,否则执行以下命令: npm install -g cordova 如果这个命令都...
  • 一、Cordova 网站打包_Cordova 打包网址cordova打包网址,启动app后直接跳转网站,操作比较简单,修改xml配置文件的content标签的src即可。 xml配置如下: 特别注意:默认新版本cordova不能直接打开http跳转,需要...

    一、Cordova 网站打包_Cordova 打包网址

    cordova打包网址,启动app后直接跳转网站,操作比较简单,修改xml配置文件的content标签的src即可。

     

    xml配置如下:

    <?xml version='1.0' encoding='utf-8'?>
    <widget id="com.ql.audio" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
        <name>千乐音乐</name>
        <description>私藏音乐_在线试听_免费听歌</description>
        <author email="2187094935@qq.com" href="http://www.jnqianle.cn/">
            千乐微云团队
        </author>
        <!-- <content src="index.html" /> -->
        <content src="http://music.jnqianle.cn/" /> 
        <allow-intent hr
    展开全文
  • Cordova打包教程

    2022-08-23 17:23:08
    5、运行cordova build android进行打包5、运行cordova build android进行打包5、运行cordova build android进行打包5、运行cordova build android进行打包

    https://www.electronjs.org/
    https://www.w3cschool.cn/electronmanual/

    electron-packager   https://www.cnblogs.com/luzhanshi/p/11045096.html


    http://cordova.axuer.com/


    http://t.zoukankan.com/chun321-p-9804868.html
    配置android环境    https://www.jianshu.com/p/fc29e4144dbd      https://www.cnblogs.com/xiadewang/p/7820377.html
    配置ios环境     https://segmentfault.com/a/1190000022878577

     %JAVA_HOME%\bin

    %JAVA_HOME%\jre\bin

     C:\Program Files (x86)\Common Files\Oracle\Java\javapath

    E:\gradle-4.10.2-all\gradle-4.10.2\bin

    //打包命令

    https://www.jianshu.com/p/fc29e4144dbd

    先执行全局安装,

    npm install -g cordova

    再生成文件夹

    cd到你想要创建项目的文件夹,cordova create是创建项目的命令,hello为本地文件夹名称,com.example.hello为项目id,HelloWorld为最后app的名称

    cordova create hello com.example.hello HelloWorld

    给你的App添加目标平台,现在我们添加android'平台,并确保他们保存在了config.xml中

    cordova platform add android --save

    运行cordova run android进行打包

    //更改打包的图标

    cordova打包APP更改图标_行行_出状元的博客-CSDN博客_cordova换图标

    展开全文
  • cordova 打包 vue项目

    千次阅读 2021-11-30 14:55:00
    1、安装cordova npm install -g cordova 2、新建cordova项目 cordova create jtcsm com.xx.jtcsm eat jtcsm是项目名称 com.xx.jtcsm是包名 eat app标题 3、创建完新的cordova项目后将 vue编译完后dist文件夹...

    1、安装cordova

    npm install -g cordova

    2、新建cordova项目

    cordova create jtcsm com.xx.jtcsm eat
    

    jtcsm是项目名称     com.xx.jtcsm是包名  eat app标题

    3、创建完新的cordova项目后将  vue编译完后dist文件夹下的文件复制到 www文件夹下 * 记得将原先www文件夹内的文件全部删除

    4、检查环境是否准备就绪

    cordova requirements

     5、生成签名证书(已有证书请忽略)

    keytool -genkey -v -keystore jtcsm.keystore -alias jtcsm -keyalg RSA -validity 365

    证书会生成在当前目录下

    6、打包

    cordova build android --release --keystore="jtcsm.keystore" --alias=jtcsm 
    --storePassword=123456 --password=123456
    

    生成的apk在 项目名\platforms\android\app\build\outputs\apk\release目录下

    展开全文
  • 全面的总结的Cordova打包,包括遇到的问题点,多次实践最终的问题总结点。手把手教会你怎么去打包,基本能解决大部分问题
  • cordova打包web项目

    2020-09-27 10:43:51
    文章目录前言创建Cordova项目的条件一、下载安装Cordova二、新建Cordova项目(创建Cordova打包环境)1.创建Cordova项目2.添加平台3.打包vue项目总结 前言 Cordova是什么? Apache Cordova是一个开源的移动开发...
  • 下面说说怎么使用cordova打包Vue项目: 第一步:安装cordova,创建好cordova项目。 第二步:修改vue项目 首先修改vue项目的index.html,引入cordova.js。这个引入在浏览器打开会报错。要打包后运行在真机后方可看到...
  • 原标题:Cordova打包教程(H5项目打包成ipa)系统平台Mac OS使用工具XcodeNode.js(点击Installer进行下载并安装)Mac系统终端生成Xocde工程步骤1,在Node.js安装完成后,打开终端,手动输入命令行来安装cordovasudo npm...
  • 本人不是专业iOS,ionic打包完项目的第一次发布,总结了一下,仅供小白参考
  • Cordova打包安卓APP教程以及出现的问题 ==官网地址 == 我的环境: cordova:10.0.0 Android studio:3.4.1 JDK:jdk1.8.0_301 本文章作为自己参考之用 打包vue项目 使用 npm run build 打包vue项目,生成dist...
  • Cordova打包Vue项目白屏

    2021-11-01 14:13:19
    把dist文件放上,run起来发现是白屏。 解决方案 1、设置路由模式为:hash router/index.js const router = new VueRouter({ // mode: 'history', mode: 'hash', base: process.env.BASE_URL, ...
  • cordova 打包android app

    2022-08-30 09:42:01
    \androidstudio\sdk\tools F:\gradle\gradle-6.7.1-all\gradle-6.7.1 下载地址gradle6.7.1 gradle -v ## 热更构建 ## cordova-hcp build 先执行 npm install -g cordova-hot-code-push-cli ## 打包 ## cordova ...
  • cordova打包vue项目

    2021-02-03 11:16:48
    需要软件 Android SDK,我这里直接安装Android Studio的时候已经安装了。 cordova使用npm安装 npm install -g cordova ...然后把你打包好的vue项目复制到helloCordova项目中的www目录下 然后就是build你
  • cordova 打包 vue 成app

    2021-04-06 23:02:21
    npm 安装 cordava androidstudio 在android sdk 安装对应的sdk gradle配置到环境变量中 运行 set-ExecutionPolicy RemoteSigned 否则会报无法运行脚本 cordova相关命令 cordava create mysqpp 创建...cordova build a
  • 上一篇已经讲了cordova打包android app的全过程,在这里关于打包ios的过程就尽量简单说一下了。 ios重点就是配置开发者证书的一些东西稍微复杂一点,下面图文详细的一步步操作。 ios的配置证书我总结一下大致如下: ...
  • 打包的文件路径的platforms\android\app下找到build.gradle文件,在adroid{}中添加如下代码: android.applicationVariants.all { variant -> variant.outputs.all { outputFileName = "新的文件名.apk" ...
  • cordova 打包签名流程

    2021-06-08 13:10:56
    1、创建一个Cordova应用$ cordova create hello com.example.hello HelloWorld也可以看看2、添加平台所有后续命令都需要在项目目录或任何子目录中运行:$ cd hello$ cordova platform add ios //添加 ios编译环境$ ...
  • 使用Cordova打包H5到安卓

    千次阅读 2020-09-29 16:44:45
    1、配置开发环境 安卓的话,随便搜一下都有很多,这里放一个相对比较详细的 传送门 安装cordova 就直接看官方文档 官网链接 2、创建项目 cordova create 文件名 ...cordova cordova plugin add cordova build ...
  • cordova打包vue项目页面白屏一、遇到的问题二、分析与解决 一、遇到的问题 在使用Cordova打包vue项目时,使用cordova run android进行真机调试,app总是显示白屏,也就是vue的那一部分代码没有起作用 二、分析与解决...
  • cordova打包 android问题

    2021-03-09 15:36:30
    cordova打包 android问题 问题一 android无法发送网络请求 cordova 在打包android的时候出现了一个问题,就是打完包之后,没法发送请求(不管是http还是https) 。最后只能是将原先的项目删除然后再重新建了一个。 ...
  • 起因:下载好的apk安装到机器上...生成证书,我是直接生成在cordova目录下,使用起来方便: keytool -genkeypair -alias name.keystore -keyalg RSA -validity 4000 -keystore name.keystore /* -alias name.keystore
  • Cordova打包IOS平台1

    2022-08-03 13:44:03
    2. 完成后打开终端,手动输入命令行来安装 Cordova 3. 进入到项目目录下 4. 当 www 目录下的网页项目内容发生改变,需要刷新生成的 Xcode
  • 1、新建项目 ---------cordova create carder(文件名字) com.xtzn.carder leader(项目名称) 2、cd carder(进入文件) ...5、打包测试apk----------- cordova build android (签名apk文件) 1、运行keytool -genkey
  • cordova打包项目android生成apk签名.txt
  • Apache Cordova是一个开源的移动开发框架。... 应用在每个平台的具体执行被封装了起来,并依靠符合标准的API绑定去...上网了解到可以使用Cordova,将一个vue项目打包为apk。 准备工作: 安装cordova $ npm install -g.

空空如也

空空如也

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

cordova打包

友情链接: md.zip