首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Vue3.0入门 + Vant3.0移动端实践(三)使用Cordova打包Android App

使用HBuilderX的话若开发体系都是基于HBuilder则是不错的选择,太依赖于HBuilder。而使用Cordova打包的话,则依赖较少,比较简单。...且一些原生才有的一些特性,cordova提供了一些符合标准的API绑定去访问每个设备的功能。 Cordova安装 Cordova的命令行运行在nodejs上面并且可以通过npm安装。...根据 平台具体指导安装相应平台的依赖。打开命令提示符或终端,然后键入npm install -g cordova.安装安装完成后,使用Cordova -v可以查看下是否安装成功。...jdk和android sdk等环境) 6.第六步骤,开始生成android的apk cordova build android 提示这个,说明环境就绪,根据提示,解决下这个问题。...最后,已经接近成功啦, 执行cordova build android 生成的app-debug.apk竟只有1.6M,够小够轻量。 安装到手机或设备上成功流畅运行。

2.1K20
您找到你想要的搜索结果了吗?
是的
没有找到

Cordova-扫描二维码(竖屏) 原

首先想到的是安装cordova plugin add cordova-plugin-barcodescanner插件 插件安装的比较顺利,但是打包时总出现问题,按下面解决方法ok This is how...后来发现phonegap-plugin-barcodescanner插件可以竖屏扫描,于是赶紧安装这个插件试试 安装步骤 (1)首先按正常流程初始化项目,默认安装的是cordova-build 是6.1.2...版本,安装需要6.3及以上版本          更新cordova-build版本 cordova platform update android@6.3.0 (2)cordova plugin add...phonegap-plugin-barcodescanner         在安装的时候会下载gradle-3.3-all.zip,估计网速慢的原因下载不下来,需要手动下载        然后放到E...:\cordova\hello\platforms\android\gradle目录里        同时修改E:\cordova\hello\platforms\android\cordova\lib

1.5K20

毕业设计So Easy:Java MySQL智能报纸阅读器APP应用

用户打开该应用后,程序会自动检测手机中是否安装讯飞语音,该语音引擎在朗读文字的时候需要用到。如果检测到用户尚未安装,会弹出对话框提醒用户安装安装完成后可以选择“拍照”或者“浏览”功能。...使用该方法时需要传入三个参数,分别是APP的包名、检测到成功安装的回调函数和检测到未成功安装的回调函数。...使用代码如下: appAvailability.check( ' com.iflytek.tts ', function() { // 安装...}, function() { // 安装 } ); 5.12、跳转至设置界面 需要使用 Cordova 插件 sk.tamex.locationandsettings...在手机上安装讯飞语音的情况下打开该APP,观察是否有对话框弹出提醒用户安装讯飞语音 14 TTS默认引擎检测 测试可否检测用户是否将讯飞语音设置为默认TTS引擎 在安装讯飞语音但未将其设置为默认TTS

48720

android报错:ERROR: In FontFamilyFont, unable to find attribute android:font

问题出现 安装cordova-plugin-file-opener2插件后build出现,移除该插件后build正常。...: https://github.com/mauron85/react-native-background-geolocation/issues/116 虽说是react-native的(尴尬脸),殊途同归...打开根目录下的build.gradle文件,修改相应内容为: compile 'com.android.support:support-v4:26.+' 此时build可能会报错: Configuration...应该是gradle的版本问题,'compile' 关键字已经废弃了,用'implementation' 和 'api'代替,所以调整为: implementation 'com.android.support...注1:网上有文章说在项目根目录下的gradle.properties文件(如果没有,新建)中添加以下配置: android.enableAapt2=false 实际上用发现此方法过期了,反而会报错

1K30

cordova学习一 环境搭建

环境(个人版本):   node.js     v6.9.5   cordova   6.5.0   jdk            1.8.0_66 1.1node.js/npm安装         ...顾名思义,的主要功能就是管理node包,包括:安装、卸载、更新、查看、搜索、发布等。...cordova                    安装:cmd中运行命令npm install -g cordova 检测: cmd命令 cordova –v    注意:若cordova命令未成功检测到版本...,可以先看path中是否成功指向到其bin目录 1.4安装jdk          Jdk的安装都比较熟悉,个人认为最好安装1.8,因为在后期出现过打包,必须是1.8环境的原因 至此一个能够创建cordova...创建项目之前值得一提一个问题,若不是通过cordova运行起来的一些列环境,则是找不到cordova.js这个文件的

96390

Ionic2 坑の补充

写在前面的话: 最近把玩了微信小程序过后,由于对专属的IDE使用不当,导致在退出关闭计算机的时候没有及时清理缓存,造成缓存碎片留藏在硬盘的分页文件内,导致硬盘无法reboot...盘下面创建的项目目录,而不是administrator,自己机器上用户的权限问题,需要administrator权限,才能正确的install对应的zip包,同样,在MAC上也出现一样的问题,甚至连ionic本身都安装不了... 2、ionic2第一次build项目的坑:在第一次build项目的时候,会从maven上下载相关的cordova的lib和gradle的lib,这个时候会因为国内的墙的问题...这里表达你的cordova版本与ionic 需要的cordova编辑的版本不同,这个时候只需要先删除本机器上的cordovanpm uninstall -g cordova然后再下载6.0.0...版本npm install -g cordova@6.0.0 即可,因为当前最新的ionic组件只能够用6.0.0进行运行时支持(如以后更新,记得需要好好读读ionic支持cordova的版本,下载对应的版本就可以了

1.6K20

Cordova封装打包vue H5项目到Android平台详解

安装Cordova npm install -g cordova 安装完成之后终端输入cordova显示下图即表示安装成功 [在这里插入图片描述] 创建Cordova项目 进入你要创建项目的目录执行:...android@6.2.3 成功之后如下: [在这里插入图片描述] 输入cordova platform ls可查看安装的平台情况 [在这里插入图片描述] 此时项目文件夹已经有了platform文件夹了...[在这里插入图片描述] 接下来检测cordova编译环境 cordova requirements 运行结果: [在这里插入图片描述] 这里面的环境缺一不可,如果没有安装会有提示,直接百度逐一安装就可以了否则无法编译成功的...包就可以直接安装到手机进行测试了 连接手机直接测试 cordova run android 手机连接电脑,打开开发者模式,然后运行上述命令即可在真机进行安装包测试了 生成正式包 当测试好了之后我们就要生成正式的包了...接下来就是把生成的证书和上一步生成的签名的正式的apk包放同一个文件夹 然后再该文件夹下执行 jarsigner -verbose -keystore XXX.keystore -signedjar

1.7K50

Cordova封装打包vue H5项目到Android平台详解

安装Cordova npm install -g cordova 安装完成之后终端输入cordova显示下图即表示安装成功 [在这里插入图片描述] 创建Cordova项目 进入你要创建项目的目录执行:...android@6.2.3 成功之后如下: [在这里插入图片描述] 输入cordova platform ls可查看安装的平台情况 [在这里插入图片描述] 此时项目文件夹已经有了platform文件夹了...[在这里插入图片描述] 接下来检测cordova编译环境 cordova requirements 运行结果: [在这里插入图片描述] 这里面的环境缺一不可,如果没有安装会有提示,直接百度逐一安装就可以了否则无法编译成功的...包就可以直接安装到手机进行测试了 连接手机直接测试 cordova run android 手机连接电脑,打开开发者模式,然后运行上述命令即可在真机进行安装包测试了 生成正式包 当测试好了之后我们就要生成正式的包了...接下来就是把生成的证书和上一步生成的签名的正式的apk包放同一个文件夹 然后再该文件夹下执行 jarsigner -verbose -keystore XXX.keystore -signedjar

1.5K206

自定义Cordova插件详解

Cordova 自定义插件的官方文档 二、观察现有应用结构 打开任意一个基于Cordova技术的hybird app的开发目录,添加过平台(android、ios等)和安装过插件的话,你会发现结构大致是这样子的...1、首先安装plumam命令行工具 npm install -g plugman 2、安装完之后,创建plugin 使用plumam创建插件的命令是: plugman create --name pluginName...exec(success, error, "MyToast", "showToast", [msg]); }; 3、创建package.json文件 本来执行完上述步骤,一个插件就完成了的,后来的...四、安装开发完成的插件 如果没有现成的项目,可以创建一个新的cordova项目来测试: cordova create hello com.example.hello HelloWorld 然后像平常添加插件一样...ionic cordova plugin remove XXXXX(你的plugin_id) 查看安装插件 ionic cordova plugin list

2.2K30

给Ionic写一个cordova(PhoneGap)插件

就拿最近一个需求来说吧,需求:防止第三方破解app,客户找了一个安全公司做个评估,其中一个安全问题是安卓apk的包经过修改后依然可以安装运行(ios由于安全机制存在不存在这个问题),项目组内部讨论出一个比较好的解决方案是用户登陆前验证...这个需求的难点在于需要访问手机的内存读取安装包文件,如果是普通的需求就可以一个html、一个JS(controller)外加上路由配置就 so easy~   首先一个规范的cordova插件是这样子的...  完毕,先写个原生的android代码吧(反正咱不会写oc d=====( ̄▽ ̄*)b), 一下样例是CordovaApkValidte.java => 定义一个包名称(虽然文件最终都是集中放置的,请想想大热天一个人穿着裤衩在溜街多辣眼睛啊...CordovaPlugin { /** * action:方法的动作,根据动作走相应的处理逻辑 * args:js调用方法时传的参数,均以json的形式读入(这里使用...uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> 3 嗯~,貌似插件近九成了

1.9K100

给Ionic写一个cordova(PhoneGap)插件

就拿最近一个需求来说吧,需求:防止第三方破解app,客户找了一个安全公司做个评估,其中一个安全问题是安卓apk的包经过修改后依然可以安装运行(ios由于安全机制存在不存在这个问题),项目组内部讨论出一个比较好的解决方案是用户登陆前验证...这个需求的难点在于需要访问手机的内存读取安装包文件,如果是普通的需求就可以一个html、一个JS(controller)外加上路由配置就 so easy~   首先一个规范的cordova插件是这样子的...  完毕,先写个原生的android代码吧(反正咱不会写oc d=====( ̄▽ ̄*)b), 一下样例是CordovaApkValidte.java => 定义一个包名称(虽然文件最终都是集中放置的,请想想大热天一个人穿着裤衩在溜街多辣眼睛啊...CordovaPlugin { /** * action:方法的动作,根据动作走相应的处理逻辑 * args:js调用方法时传的参数,均以json的形式读入(这里使用...uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" /> 3 嗯~,貌似插件近九成了

1.4K40
领券