• cordova与phonegap有什么关系? phoengap 官方网址:http://phonegap.com 如果能了解一个框架的兴起还是一件比较有趣的事。08年一次ios开发者大会上来自Nitobi软件公司的几个家伙突发奇想,提出一个想法,...

    cordova与phonegap有什么关系?

    phoengap

    如果能了解一个框架的兴起还是一件比较有趣的事。08年一次ios开发者大会上来自Nitobi软件公司的几个家伙突发奇想,提出一个想法,想做一个工具来弥补web和ios开发之间的不足,并提出 Bridging the gap between the web and the iPhone sdk。一开始的目标并不是很大,但是做到了现在的written once,run everywhere。我们很多人做事其实也应该这样,一开始不要把目标弄得那么大,跳一步能够上就好,敏捷个人的形成也是这样,一开始只是分享而已,随着分享越多才成为了一个帮助有成长意识的人去认识自我管理自我的成长体系。如果一下子目标太大,你会因为难以实现而给自己找理由,这样到头来你什么都没有。

    09年他们推出android adk和blackberry sdk,成了移动开发者的福音,就连ibm也加入进来。phonegap继续成长,在2011年10月,整个Nitobi团队被adobe收购,PhoneGap的项目主管Brian LeRoux指出开源PhoneGap的决定在Adobe收购Nitobi之前就做出了,由于Adobe现在拥有PhoneGap商标,他们不得不换个名字,第一个选中的名字是Callback,毫无创意,因此再改一次,产品现在叫Apache Cordova。随后adobe把 phonegap送给了apache软件基金会,接着apache把phonegap改名为cordova,cordova是Nitobi团队当时坐落的街道名称,用此名来纪念Nitobi团队的贡献。

    所以Apache Cordova是从PhoneGap中抽出的核心代码,是驱动PhoneGap的核心引擎,你看着两个官网风格多差不多。

    Cordova

     

    我们后续的所有文章和代码都是基于Cordova的,如果有谁知道Phonegap和Cordova的具体差异在哪里,引用百度知道以为网友的答案:

    PhoneGap是Apache Cordova的一个分支。你可以这样想,Apache Cordova是一台发动机,运行在PhoneGap上,就像WebKit这个浏览器引擎运行在Chrome浏览器和Safari浏览器上。
    随着时间的推移,PhoneGap可能会加入其它的Adobe的服务,而这些服务不 适合发布到Apache的项目上。例如,PhoneGap和Adobe Shadow就有一大堆的战略方针。不过不用担心,PhoneGap会持续地保持免费开源而且在Apache Cordova上也是免费的。

    下面是当前比较流行的html5开发框架,以及覆盖的主要平台,

    展开全文
  • 最近在项目需要一个功能就是,在cordova app中点击然后直接跳转到微信的公众号中让用户关注公众号,但后来发现微信sdk现在不支持这个接口了,无奈... if (typeof cordova != undefined) { let ref = cordova.InAppB...

    最近在项目需要一个功能就是,在cordova app中点击然后直接跳转到微信的公众号中让用户关注公众号,但后来发现微信sdk现在不支持这个接口了,无奈只能实现点击打开微信这个功能了。

    本来是使用下面这种方式实现的

            try {
              if (typeof cordova != undefined) {
                let ref = cordova.InAppBrowser.open(
                  "wechat://",
                  "_system",
                  "location=no"
                );
              }
            } catch (e) {
              alert("唤起失败")
            }
    

    但是发现在安卓中没有作用,所以我们这里采用了另一种方式:

    <a href="weixin://" class="action-callweixin">打开微信</a>

    然后注意在app的config.xml文件中加上

        <access launch-external="yes" origin="weixin:*" />

        <allow-navigation href="*" />

        <allow-intent href="*" />

    后面两行如果不加的话在ios中会报“weixin://” url not set 错误的


    展开全文
  • cordova打包web项目

    2018-10-25 16:16:07
    cordova打包web项目 这里是将web项目打包成apk 1. 创建一个cordova项目并添加android platform 参考创建cordova项目(android platform)并在android_studio运行 2. 修改config.xml 有两个config.xml要改: 一个...

    用cordova打包web项目

    这里是将web项目打包成apk

    1. 创建一个cordova项目并添加android platform

    参考创建cordova项目(android platform)并在android_studio运行

    2. 修改config.xml

    有两个config.xml要改:

    • 一个是android平台下的platforms/android/res/xml/config.xml

    • 另一个是项目根目录上的config.xml,用android_studio看不到,得用其它的编辑器
      在这里插入图片描述

    1. 将config.xml内的<content src="index.html" />的src改成项目地址

    2. 添加白名单,在config.xml内添加

      <allow-navigation href="http://*/*" />
      <allow-navigation href="https://*/*" />
      
    3. 将这个cordova项目打包或者用android_studio打开,然后在模拟器上可以看到

    比如我放入csdn博客的链接https://blog.csdn.net/kikyou_csdn后打包可以看到
    在这里插入图片描述

    展开全文
  • 先去开放平台做一个app和小程序的绑定(很重要)如图: 如果是同一个账号下的(app和小程序是同一个账号)则不需要绑定(官方文档这样写的,但是我还是做了绑定) 绑定完成后 第二部: 如果之前项目中没有接入...

    没看官方文档的,一定看这篇啊,血泪教训啊!!!

    第一步 :

    先去开放平台做一个app和小程序的绑定(很重要)如图:

    如果是同一个账号下的(app和小程序是同一个账号)则不需要绑定(官方文档这样写的,但是我还是做了绑定)

     绑定完成后

    第二部:

    如果之前项目中没有接入过 微信的,那就先接入微信的sdk

    再build.gradle中添加

    compile 'com.tencent.mm.opensdk:wechat-sdk-android-with-mta:+'

    如果之前接入过微信的,那就直接上代码就行了,在点击事件中做下面这就就行了

    String appId = App.WX_APP_ID; // 填应用AppId
    IWXAPI api = WXAPIFactory.createWXAPI(getContext(), appId);
    
    WXLaunchMiniProgram.Req req = new WXLaunchMiniProgram.Req();
    req.userName = App.WEIXIN_XIAOCHENGXU_ID; // 填小程序原始id
    req.path = "/pages/index/index";                  //拉起小程序页面的可带参路径,不填默认拉起小程序首页
    req.miniprogramType = WXLaunchMiniProgram.Req.MINIPROGRAM_TYPE_TEST;// 可选打开  0是正式 1是开发 2是体验版本
    api.sendReq(req);
    
    

     回调说明(接受小程序回传的参数)

    if (resp.getType() == ConstantsAPI.COMMAND_LAUNCH_WX_MINIPROGRAM){
        WXLaunchMiniProgram.Resp launchMiniProResp = (WXLaunchMiniProgram.Resp) resp;
        String extraData =launchMiniProResp.extMsg; //对应小程序组件 <button open-type="launchApp"> 中的 app-parameter 属性
        Log.e("log",extraData);
    }

     好的,基本上就差不多了,如有问题还希望多指正

    哥  哥  哥   哥

    ------------------------------------------------------------------------------------------------------------------------------------------------

    补一句,一定要看清楚注释

    String appId = App.WX_APP_ID; // 填应用AppId
    IWXAPI api = WXAPIFactory.createWXAPI(this, appId);

    这边填的是拉起小程序的app的appid

    req.userName = App.WEIXIN_XIAOCHENGXU_ID; // 填小程序原始id

    填的是小程序原始id   不是appid注意!!一定要注意

    这样子 是不是解决了调起失败的问题?!

    展开全文
  • Cordova 开发环境搭建

    2018-06-03 10:06:03
    现在跨平台开发或者混合开发非常流行了,例如RN Cordova等,感觉Cordova在国内的流行度也非常高,现在Cordova是Apache下的开源软件了。这里简单的记录一下环境搭建过程 2 Cordova搭建步骤 Cordova环境搭建主要参考...

    1 前言

    现在跨平台开发或者混合开发非常流行了,例如RN Cordova等,感觉Cordova在国内的流行度也非常高,现在Cordova是Apache下的开源软件了。这里简单的记录一下环境搭建过程

    2 Cordova搭建步骤

    Cordova环境搭建主要参考官方指导文档
    http://cordova.apache.org/#getstarted
    http://cordova.axuer.com/docs/zh-cn/latest/guide/cli/index.html
    主要参考以上两个网站来搭建环境,以Window10 上搭建Android平台为例,步骤分为以下几步

    前提:已安装好Android开发的环境,包括JDK AS等

    1 安装Cordova CLI
    Cordova命令行工具作为npm包分发。安装cordova命令行工具,通过下面这些步骤:

    (1)下载和安装Node.js。安装完成后你可以在命令行中使用node 和 npm 。
    由于我在搭建RN时已经安装好了Node.js环境,这里不用安装了
    (2) 安装cordova,使用以下命令
    npm install -g cordova
    -g标志是告诉 npm 我们全局安装 cordova。否则我们将会安装在当前工作目录的 node_modules子目录。
    这里写图片描述
    安装完成后,你应该能够在命令行中运行cordova命令,在没有任何参数的时候会打印一些帮助信息。
    这里写图片描述
    可以看到我这里的版本是8.0.0
    2 初始化工程
    安装好了Cordova之后,应该创建第一个工程,创建工程使用以下命令

    cordova create  项目路径 项目包名 项目

    例如 cordova create hello com.example.hello HelloWorld
    在当前目录下创建一个 hello目录,创建包名为com.example.hello的工程
    这里写图片描述
    可以看到已经创建hello目录和工程了

    3 为工程添加平台
    这里的平台主要指Android IOS 浏览器等,我们可以用cordova platforms list 查看可以添加的平台
    进入项目目录,输入cordova platforms list
    这里写图片描述
    可以看到,平台还挺多的,我们这里先添加Android平台

    cordova platform add android --save

    这里写图片描述
    可以看到添加平台已经成功,至此工程初始化完成了,下面我们来编译运行工程

    4 编译运行工程
    要构建和运行App,你需要安装每个你需要平台的SDK。另外,当你使用浏览器开发你可以添加 browser平台,它不需要任何平台SDK。
    (1)检测你是否满足构建平台的要求:

    cordova requirements

    这里写图片描述

    (2)编译工程 cordova build
    这里写图片描述这里写图片描述
    可以看到最后编译成功了

    (2)运行工程
    运行工程 有以下两种办法

    //运行模拟器
    cordova emulate android
    //运行真机
    cordova run android

    在AS中打开运行,我这里在AS中打开运行
    这里写图片描述
    这里写图片描述

    打开的过程会涉及到gradle同步,如果同步失败,请打开梯子,接受外面的阳光!
    然后点击运行, 连接上真机,运行界面如下:
    这里写图片描述

    3 总结

    一路下来,发现Cordova的环境搭建非常顺利,比起RN来说简直容易得多!简直让人不敢相信!

    展开全文
  • cordova 一个将web应用程序封装成app的框架 cordova的详细介绍请参考这个链接:http://www.zhoujingen.cn/blog/7034.html 我接下来主要将如何搭建。 1.首先你需要下载几样东西 1.jdk. 2....
  • 一、微信小程序支付 开发文档:https://pay.weixin.qq.com/wiki/doc/api/wxa/wxa_api.php?chapter=7_11&amp;index=2 申请小程序开发者账号,进行微信认证,获取appid,开通微信支付,即绑定申请的微信支付商户...
  • Android APP调起小程序

    2019-04-28 00:24:20
    刚刚完成今天功能需求而记录的一个工作需求功能:APP调起指定小程序,读者比较喜欢有图看效果,再看内容.本文涉及点比较多,1,微信SDK集成 2,微信小程序开发 一,需求 1,早上刚做的新需求,从我们客户端跳转到我们产品...
  • Cordova App 打包全揭秘

    2017-11-27 16:42:30
    主要开发产品:mdn(适配app微信的移动端解决方案),pageui(移动端ui组件库),formBuilder(可以让前端建表操作表的表单设计器)。课程介绍 点击查看原文Cordova 是一个开源的移动开发框架。允许你用标准的 ...
  • cordova调用第三方应用

    2018-10-23 17:33:27
    cordova 帮助webapp 达到调用原生系统的功能 项目需求:在项目中调用系统中含有的第三方地图应用 需求其实分为两步:  1. 查找本地地图应用  2.成功调起本地应用 首先需要安装两个插件,安装指令如下:  1....
  • cordova打包APP时,会有默认的图标名字,如果想要换掉图片,需要改动两个地方: 在改动之前,需要用到PS裁剪图片,裁剪到你想要的尺寸大小,之前我还傻傻的去网上找各种尺寸的照片,PS一下就搞定了。 cordova-...
  • cordova插件汇总大全

    2017-08-01 15:46:44
    cordova plugin add cordova-plugin-app-version 2、获取网络连接信息 cordova plugin add cordova-plugin-network-information 3、获取GPS数据 cordova plugin add cordova-plugin-geolocation
  • Cordova简介 Cordova是一个开源的移动开发框架,它允许你使用WEB开发技术(HTML5、CSS3、JavaScript)进行跨平台开发,可以在每个平台的封装器中执行,并且依赖规范的API对设备进行高效的访问,比如传感器、数据、网络...
  • 2018年3月份上线的小程序是正常的,但最近发现在安卓端小程序下打开出错,如下所示(页面直接微信打开没问题,iOS端打开没问题)。 打不开页面,弹出错误提示:Script error for:/cordova.js。 终于找到...
  • 最近在做一个项目需要使用到H5混合开发,需要研究Cordova框架,看了其中的源码实现方式,当场在看的时候马上能理解,但是事后再回去看相关源码时候却发现之前理解的内容又忘记了,又不得不重新开始看,所以总觉得...
  • Cordova移动端混合开发之路(一) 前言: 虽然移动端的混合开发已经流行了很长一段时间了,第一次接触到混合开发概念是在2012年的一次html5团队的推介会上,但是由于当时团队的前端技术积累不足,加之业务内容h5的...
  • 一、cordova-plugin-device-motion加速计 这个插件提供了对设备加速度计的访问。加速度计是一种运动传感器,它检测相对于当前设备方向的运动变化(增量),在x、yz轴上的三维变化。 这个插件的API类似地理位置...
  • Cordova

    2019-01-18 17:04:13
    最近做项目,顺便学学cordova打包APK,踩过很多坑,最后总结出一份完整的cordova环境配置笔记APP打包笔记: 简介: Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如...
  • 先闲谈说下最近的微信要出的小程序吧,感觉确实很牛逼,革命说不上吧但是也是一个新的大的机遇。不得不承认腾讯有两个相当好的平台,一个是QQ,一个是微信,毕竟人数基数大,任何新的东西都会带来相当多的机会挑战...
  • 微信小程序和WebApp有什么区别?-威震天 1.开发方式: 开发语言开发感觉方面类似,微信小程序自己的js-sdk也是类似vueng的mvvm思想来写。webapp如ionic是基于ng的所有有很多ng插件,但是微信小程序是自己渲染...
1 2 3 4 5 ... 20
收藏数 4,237
精华内容 1,694