鸿蒙harmony-cordova(V1.2.1)

Cordova OpenHarmony

遵守Cordova(https://cordova.apache.org)官方插件接口规范

优势

Cordova OpenHarmony 所有插件遵守cordova(https://cordova.apache.org)官方接口规范,原android和Ios项目在几分钟内就可以生成原生纯血鸿蒙APP,无需做任何研发,节省大量时间和人力成本。

支持框架

支持移动端跨平台框架:

  • (1)vue.js
  • (2)ionic+angular.js
  • (3)ionic React
  • (4)jquery.js框架

开发说明

cordova,包含sdk和插件,只有cordova sdk没有插件无法使用,因此cordova(https://cordova.apache.org)官方,除了提供sdk外,同时提供了大量的官方插件,并且开源,同样cordova OpenHarmony遵守官方标准,除了提供鸿蒙版cordova sdk外,也提供了大量的插件,并且仍在持续新增插件,所有插件遵守cordova官方接口规范,因此开发者可以参考cordova官方插件的开发文档开发鸿蒙版app,如果开发者有自定义插件,接口规范也要遵守cordova官方标准。

开发背景

cordova是Apache基金会的开源项目,官方网站:https://cordova.apache.org,是移动端跨平台框架,地位不可撼动,大量厂商直接或间接采用此框架开发APP;但是目前不支持HarmonyOS Next版本,开发者将原Android和Ios项目移植到HarmonyOS Next版,无法适配,为此我们公司研发了cordova OpenHarmony,遵守cordova官方标准,使适配纯血鸿蒙在几分钟内就可以完成,无需投入任何研发,新开发的项目,一次研发就适用于Android、Ios和HarmonyOS三大平台,也节省了大量的时间和人力成本。


支持插件

插件ID 接口说明
cordova-plugin-device

名称:设备信息


文档地址:GitHub - apache/cordova-plugin-device: Apache Cordova Device Plugin


所有接口遵守官方文档,uuid和serial读取是鸿蒙系统的ODID,鸿蒙只允许系统应用读取uuid和serial,普通应用无权读取,具体文档参考华为官方文档:文档中心
cordova-plugin-whitelist

名称:网络访问白名单


文档地址:GitHub - apache/cordova-plugin-whitelist: [DEPRECATED] Apache Cordova - Whitelist Plugin


使用cordova OpenHarmony不存在跨域访问问题,任何域名都可以访问网络,因此为了安全性,需要配置网络访问白名单,使用方法保持和原接口一致外,做了一些修改如下:
  • (1)自动识别http和https,http是80端口,https是443端口,支持自定义端口,但无需在config.xml里面配置
  • (2)不支持目录配置,就是直接配置域名就可以了,域名支持二级域名通配符
  • (3)举例1:在config.xml里面添加< allow-intent href="*.magongshou.com" />支持maongshou.com的所有二级域名
  • (4)举例2:在config.xml里面添加< allow-intent href="*" /> 支持所有域名>
cordova-hot-code-push-plugin

名称:热更新插件


文档地址:GitHub - nordnet/cordova-hot-code-push: [DEPRECATED] - This plugin provides functionality to perform automatic updates of the web based content in your application.


热更新部分js和css文件,无需升级整个app,主要是解决紧急情况下的bug,升级app还是建议上架应用市场。调用方法如下:
  • (1)修改插件两处bug,在rawfile/plugins/cordova-hot-code-push-plugin/www/chcp.js文件
    第60行: var resultObj = JSON.parse(msg);
       改为:var resultObj = msg; 
    第83行:callback(resultObj.error, resultObj.data);
       改为:callback(resultObj.action, resultObj.error, resultObj.data);
                      
  • (2)js调用接口initPlugin初始化插件,插件自动调用,无需手动调用
  • (3)js调用接口chcp.fetchUpdate检查是否有更新,调用此函数可以传入新的升级url地址,如果有更新回调action返回chcp_updateIsReadyToInstall,没有更新返回chcp_nothingToUpdate
  • (4)js调用接口chcp.installUpdate立即启用更新,然后app会自动重启
  • (5)如果不调用步骤3,下次app重启也会自动启用更新
cordova-plugin-network-information

名称:网络管理


文档地址:GitHub - apache/cordova-plugin-network-information: Apache Cordova Network Information Plugin


cordova网络管理,查看网络连接状态,wifi,4G和5G等连接类型,需申请网络权限,才

Cordova简介 【http://cordova.apache.org/docs/en/latest/guide/overview/】 Cordova是一个开源的移动终端开发框架,它提供使用html,css,javascript 技术进行跨平台开发能力,并且封装了一组javascript接口实现访问摄像头,地理定位,存储,网络状态等移动终端的硬件属性。 Android开发平台配置步骤 1. Jdk安装配置。 安装jdk1.7。 配置jdk的系统变量。 添加JAVA_HOME变量: C:\Program Files\Java\jdk1.7.0_79 添加CLASSPATH变量: .;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar Path变量 里面添加内容: %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin; 2.adroid sdk安装配置。 1)安装sdk, http://www.cnblogs.com/bjzhanghao/archive/2012/11/14/android-platform-sdk-download-mirror.html 2)配置变量 添加ANDROID_SDK_HOME变量: C:\Program Files (x86)\Android\android-sdk Path变量 里面添加内容: %ANDROID_SDK_HOME%\platform-tools;%ANDROID_SDK_HOME%\\tools; 3)下载 Android -API: 打开android sdk manager 窗口下载anroid 6 和android 5.0 api。 下载失败解决方法,在android sdk manager 界面tools菜单 ->options 窗口,进行如下设置: http proxy server :mirrors.opencas.cn; http proxy port :80; 选项框选中 force https://..sources to fetched using http://...; 3.eclipse安装配置。 1)下载eclipse工具。 2)下载安装adt插件。http://dl.google.com/android/ADT-21.0.0.zip 在eclipse界面的help菜单-》install new software,打开安装窗口,点击add按钮,弹出add repository窗口,点击archive按钮,选中 ADT-21.0.0.zip文件,完成安装。 Android开发模式 打开eclipse导入工程,在MainActivity项目里打开assets\www目录,里面就是相关就是有个WEB开发的相关文件,可以添加js,css,html完成相关业务功能。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值