cordova-vue(3)之cordova插件使用
不能忘记cordova.js,否则加载的插件就不能用
白名单cordova-plugin-whitelist
装了cordova就带了的
我用的是什么设备cordova-plugin-device
抖动 加速度运动传感器 cordova-plugin-device-motion
通知来了,抖动通知 cordova-plugin-dialogs
, cordova-plugin-vibration
网怎么了 cordova-plugin-network-information
没电了 cordova-plugin-battery-status
刚打开不能白屏cordova-plugin-splashscreen
闪个痛快:
cordova-splashscreen
com.peerio.cordova.plugin.splashscreen
cordova-plugin-splashscreen-3
mp-cordova-plugin-splashscreen
cordova-plugin-ortoo-splashscreen
我想热升级
微软出的,需要注册云服务
cordova-plugin-code-push
自由自在的,推荐
cordova-hot-code-push-plugin
先说代码上的设置
安装了cordova插件后,需要安装一个客户端工具,用来生成一些配置文件.
npm install -g cordova-hot-code-push-cli
生成一个json模板,当更新www文件夹内容时,更改里面的配置文件
cordova-hcp init
写个非中文的名字
写上android和ios的id
设置更新方式为 start
写服务器连接 http://.....,根目录,其他空着.
最后手工再加一句 ` "min_native_interface":9 ` ,意思是第9个版本
根目录的config.xml添加设置服务端比对文件路径
<chcp>
<native-interface version="9" /> //版本号
<auto-download enabled="false" /> //不自动下载
<auto-install enabled="false" /> //不自定安装 这些可以等到设备加载完以后在操作,js控制的.
<config-file url="http://192.168.1.101:8081/chcp.json"/> // 比对配置文件
</chcp>
当www文件的内容给变后,执行配置文件的更新命令,vue项目就是执行在npm run build之后, 在npm run ios/android之前
cordova-hcp build
然后将这个www文件内容复制到服务端目录
- 服务端,就是用nginx发布一个文件目录,浏览器可以打开就行.
- 有一个更新,请重新打开应用就自动升级了.
- 如果需要下载版本的升级,这个整理也是很多东西…
手机拍照上传cordova-plugin-camera
我要自定义:
cordova-plugin-camera-all-files
本地选择图片上传cordova-plugin-imagepicker
,com.synconset.imagepicker
到哪里了–GPScordova-plugin-geolocation
以上只能获得坐标,那就试试加这个:百度地图
cordova-plugin-geolocation-baidu
一路向南–指南针 cordova-plugin-device-orientation
看看他的联系人cordova-plugin-contacts
本地文件存放
localstorage
其实写错了,应该是window.localStroage
,别忘记前面的window,还要注意大小写.
文件存储
cordova-plugin-file
,cordova-plugin-file-transfer
sqlite
cordova-sqlite-storage
自从执行了sql,一切都放心了.
indexeddb
cordova-plugin-indexeddb2
对象数据库
媒体插件 录音与播放
cordova-plugin-media-capture
cordova-plugin-media-capture-unofficial
cordova-plugin-media
多语言全球化 cordova-plugin-globalization
弹出一个提示 cordova-plugin-dialogs
navigator.notification.alert //弹出一个提示
navigator.notification.confirm //弹出一个是,否选择
navigator.notification.prompt // 输入内容
navigator.notification.beep(2); // beep...响几声
navigator.notification.alert(
'You are the winner!', // message
alertDismissed, // callback
'Game Over', // title
'Done' // buttonName
);
ios的状态栏挡住了导航,ios7以后的版本会出现这种情况
cordova-plugin-statusbar
安装以后,啥也别说,ios下,header标签开头的页面会自动隐藏状态栏,android平台不受影响.再详细的情况,可以在github上找.
关于支付–花钱也这么难
微信
cordova plugin add cordova-plugin-wechat --variable wechatappid=YOUR_WECHAT_APPID
支付宝
cordova-plugin-alipay-v2
这个可能是比较新的了.
https://github.com/charleyw/cordova-plugin-alipay
有比较详细的参数说明
银联