JS-API使用说明

1 概述 2 API使用说明     二维码扫描api         二维码扫描接口     地理位置api         打开地图接口         获取位置信息接口     图片api         选择图片接口         预览图片接口         上传图片接口         下载图片接口     网络api         查看网络类型接口     分享api         分享到朋友圈接口         分享给好友接口         分享到QQ接口         分享到腾迅微博接口         分享到QQ空间接口     音频api         开始录音接口         结束录音接口         录音一分钟结束回调接口         播放录音接口         暂停播放接口         停止播放接口         播放结束回调接口         上传录音接口         下载音频接口 翻译api 录音转成汉字接口     微信小店api [...]

H5App银联支付开发

注:V3.3之前的版本请参考“银联支付入门教程” h5app微信支付开发起手式、wex5微信公众号支付开发、H5App支付宝开发详解 分别讲解了开发app的微信支付、开发公众号的微信支付、开发app的支付宝支付。这篇我们说一说银联支付开发。 […]

cordova插件开发Android篇(初级入门)

阅读须知 本文目的是介绍如何开发cordova插件:voiceManager(android),阅读者需要了解Android原生开发和WeX5基本使用方法。Android开发工具为Android Studio和WeX5。 voiceManager插件功能: 切换设备外放/听筒模式 目录 1 生成本地App 1.1 概念 1.2 设计 1.3  生成页面 1.4 生成本地App 2、开发cordova插件 2.1 在本地App中开发插件的意义 2.2 导入Android工程到Android Studio 2.3 开发cordova插件 2.4 整合代码为标准的cordova插件 1、生成本地App 1.1 概念 本地App: 官网对cordova的解释:Apache cordova是一个开放源代码的移动开发框架,它允许您使用标准的web技术如HTML5、CSS3和JavaScript进行跨平台开发,避免使用每个移动平台的原生语言开发,应用程序在有针对性的每个平台的包装内执行,并依靠符合标准的API绑定访问每个设备的感应器、资料和网络状态。 本文的“本地App”指的是基于Cordova框架标准的工程,可以包含一个或者多个平台的支持(IOS平台、Android平台等)。对应到目录,就是在下文即将创建的Native->voiceManager。 Android工程:“本地App”可以增加删除对各个平台的支持,在“本地App”里(platforms文件夹下)包含的各个平台的代码可以被看做集成了Cordova库的普通原生工程(Android工程、IOS工程),也可以将原生工程导入到相对应的平台开发工具中开发。也就是说,“本地App”之所以能支持多平台是因为生成了各个平台的工程,虽然这样描述并不精确,但是便于理解。对应到目录,就是在下文即将创建的Native->voiceManager->build->src->platforms->android 1.2 [...]

cordova插件开发iOS篇(初级入门)

  本篇文章介绍x5平台下开发一个适用于iOS平台的简单的cordova插件的基本流程。 说明: ①:本篇文章面向的是有一定x5基础还有iOS开发基础的开发者。 ②:阅读本篇文章之前请先阅览《cordova插件开发Android篇(初级入门)》。 ③:本篇文章介绍的是x5平台下的cordova插件开发,与标准的cordova插件开发略有区别。 ④:本篇文章以一个简单插件的开发为例,介绍一个插件开发的基本流程,该插件可以控制手机音频输出方式:外放模式/听筒模式。 目录 1、生成本地APP 2、开发cordova插件         ① 编写iOS原生代码         ② 书写调用原生的js文件         ③ 配置plugin.xml文件         ④ 配置plugin-ex.xml文件         ⑤ 书写plugin.js.xdoc文件 [...]

社交分享开发教程

本篇文章介绍如何使用x5提供的插件实现通用的分享功能。 在x5中提供了两类分享的插件,一种是微信、QQ、微博这类特定客户端的分享插件,开发者如有这方面需求可参考作者另一篇文章:<微信、微博、QQ分享开发教程>(http://doc.wex5.com/wechat-weibo-qq-share/);另外一种是通用的分享功能,本篇文章介绍第二种插件的使用教程。 在x5中提供了一个通用的分享插件,开发者通过这个插件可分享文本、图片等文件,并关联打开本地注册过的可分享类型(sharing widget),本文以简单的分享示例介绍此插件基本的使用。 1、导入插件,调用接口 /** 导入相关插件 **/ require("cordova!cordova-plugin-x-socialsharing"); /** 调用相关接口,实现分享功能 **/ Model.prototype.shareClick = function(event){ var url = window.location.href; plugins.socialsharing.share("起步科技", null, null, url); };//此处分享一个链接 2、打包勾选插件 打包勾选插件,如图示: 此插件的使用比较简单,详细接口说明,参数说明请参考插件文档,此文章不做过多说明。 下面分别是iOS跟Android的效果图!

微信、微博、QQ分享开发教程

本篇文章介绍如何利用x5提供的cordova插件实现微博、微信、QQ分享。 在x5中提供了两类分享的插件,一种是微信、QQ、微博这类特定客户端的分享插件,另外一种是通用的分享功能,开发者如果是通用分享需求可参考作者另一篇文章:<社交分享开发教程>( http://doc.wex5.com/social-share/);本篇文章介绍第一种插件的使用教程。 注:在wex53.4版本中,还有一种方式实现微信、qq的分享功能,就是借助一组本地api来实现,那就是“JS-API”,详情可参考文章《JS-API的使用说明》 在x5中提供了微博、微信、QQ三个插件,这三个插件都已经提供了分享的接口,我们只需要按照插件相关文档配置相关参数,导入插件,书写相应js代码,调用对应的接口即可实现分享功能,极大的简化了开发者的开发流程,以下是详细demo的演示: 1、准备工作 由于这三个插件分别接入了微博、微信、QQ的SDK,我们需要在相应的开发平台注册开发者账号,成为开发者,并且申请对应的appID(不同的接入平台对应的参数名称稍有差异),这样我们开发的应用才可以通过授权验证!至于测试过程,可以使用插件中默认带有的参数(wex5综合演示案例中默认配有相关参数),如有发布需求,建议去腾讯(微博、微信)开放平台申请个人的开发者账号然后按照接入流程申请appKey等相关参数! qq appKey与appId申请如图示: 登陆腾讯开放平台然后注册成为开发者,然后接入应用即可得到需要的appId与appKey。 微信 appId与appSecret申请如图示: 登陆微信开放平台,然后注册成为开发者,接入移动应用即可得到需要的appId与appSecret。 微博appKey与appId申请如图所: 登陆新浪微博开放平台,注册成为开发者,接入移动应用,然后在我的应用中的基本信息中即可看到需要的appKey与appId。     2、导入插件,调用插件接口 在需要实现分享功能界面的js文件中导入插件,然后按照插件的规范书写js代码,调用相关接口。 /** 导入相关插件 **/ require("cordova!com.justep.cordova.plugin.qq"); require("cordova!com.justep.cordova.plugin.weibo"); require("cordova!com.justep.cordova.plugin.weixin.v3"); /** 调用相关接口,实现分享功能 **/ Model.prototype.weiboClick = function(event) { function [...]

H5 App微信支付起手式

注:V3.3以前的版本请参考“微信支付入门教程”和“微信、支付宝支付开发教程” WeX5 3.4版本平台提供了一组通用api, 利用这组api可轻松实现app内支付。下面我们以android为例,开发一个可以微信支付的app。如果想在微信公众号里支付,点击查看这篇文章:wex5微信公众号支付开发。 […]

this问题

在JavaScript中, “this”是一个关键字,它在不同的环境下,代表的含义不同,关于“this”的详细解释,可以参考“深入浅出 JavaScript 中的 this”。下面将介绍在WeX5中,在不同的场景下“this”的使用。 var Model = function(){ this.callParent(); this.name = "hello"; }; Model.prototype.getFullName = function(){ return this.name + " world"; }; Model.prototype.say = function(){ console.log(this.name); console.log(this.getFullName()); $.ajax({ type: "GET", url: require.toUrl('./json/postData.json'), dataType: [...]