
ionic
yw00yw
编程之路任重而道远!
展开
-
ionic4初体验
ionic简介Ionic是一个开源的移动应用程序开发框架,它可以轻松地使用web技术构建高质量的跨平台的移动应用。可以让我们快速开发移动App、移动端WEB页面、微信公众平台应用,混合app web页面。Ionic4是Ionic有史以来最快、最小和最可扩展的版本。Ionic 4 优异的性能则让 Ionic 成为了构建高性能 PWA 的最佳 UI 框架。 Ionic 团队花了一年的时间使用 S...原创 2019-07-03 11:44:35 · 530 阅读 · 0 评论 -
ionic4使用QR Scanner插件实现二维码、条形码扫描功能
官网地址https://ionicframework.com/docs/native/qr-scanner安装插件ionic cordova plugin add cordova-plugin-qrscannernpm install @ionic-native/qr-scanner在app.module.ts中导入import { QRScanner } from '@ionic-...原创 2019-07-12 11:28:04 · 3354 阅读 · 4 评论 -
ionic4使用Barcode Scanner插件实现二维码、条形码扫描功能
官网地址https://ionicframework.com/docs/native/barcode-scanner安装插件ionic cordova plugin add phonegap-plugin-barcodescannernpm install @ionic-native/barcode-scanner在app.module.ts中导入import { BarcodeSc...原创 2019-07-12 10:55:22 · 3176 阅读 · 4 评论 -
ionic4使用ZBar插件实现二维码扫描功能
官网地址https://ionicframework.com/docs/native/zbar安装插件ionic cordova plugin add cordova-plugin-cszbarnpm install @ionic-native/zbarapp.module.ts中导入import { ZBar } from '@ionic-native/zbar/ngx';pro...原创 2019-07-12 10:19:55 · 1552 阅读 · 0 评论 -
ionic4实现拍照上传功能
安装插件在实现安装文件上传插件的时候,如果报错,可能需要先安装文件插件,否则会报错相机插件ionic cordova plugin add cordova-plugin-cameranpm install @ionic-native/camera文件插件, 默认情况下先不引入,因为后面会报错ionic cordova plugin add cordova-plugin-filenp...原创 2019-07-12 09:45:49 · 1967 阅读 · 1 评论 -
ionic4中调用相机(Camera)
在ionic项目中安装camera插件官方地址:ionic cordova plugin add cordova-plugin-cameranpm install @ionic-native/camera在对应的模块中导入tab1.module.tsimport { Camera, CameraOptions } from '@ionic-native/camera/ngx';@...原创 2019-07-11 10:03:02 · 4045 阅读 · 5 评论 -
ionic4真机调试(Android)
一、打开手机的开发者工具,允许USB调试不同的机型打开方式不同,可百度查找并打开设置二、连接用手机数据线(最好是原装数据线)将手机与电脑连接三、验证是否连接成功adb devices四、添加android平台 ionic cordova platform add android --save五、打开ionic项目并打包ionic cordova build android...原创 2019-07-11 09:10:00 · 1567 阅读 · 3 评论 -
ionic4中ionic native的基本使用
ionic官网https://ionicframework.com/进入native页面的左侧社区版步骤一:https://ionicframework.com/docs/native步骤二:https://ionicframework.com/docs/native/device以Device为例在ionic项目目录下安装对应插件,根据官方文档实例ionic cordov...原创 2019-07-10 08:38:38 · 3291 阅读 · 1 评论 -
使用android studio设置签名信息
apk签名每一款apk都必须要有签名信息,才能够被许可上线,而我们平时在使用android常见的debug版的apk的时候,是不需要配置签名信息的,这是因为debug版的apk会自动使用android自带的debug版签名文件中的信息.debug版签名一般都会保存在c盘用户下的.android文件中,例如C:\Users\13671.android其中的debug.keystore文件,...原创 2019-07-13 15:11:05 · 3407 阅读 · 0 评论 -
ionic4内置的生命周期函数
Ionic4中的生命周期函数和angualr7基本是一样的,可以在Ionic中同时使用ionic内置的生命周期函数也可以使用angular的生命周期钩子函数。Ionic4中内置的生命周期函数:**ionViewWillEnter** —当进入一个页面时触发(如果它从堆栈返回)**ionViewDidEnter** —进入后触发**ionViewWillLeave**—如果页面将...原创 2019-07-03 16:50:21 · 3328 阅读 · 1 评论 -
Ionic4 项目打包Android App步骤
安装 Nodejs安装 JDK安装 AndroidStudio安装 cordova 、Ionic创建 ionic 项目把 cordovaandroid 平台添加到 ionic 项目中Ionic 项目导入 Androidstudio 运行调试、打包原创 2019-07-08 20:57:33 · 2793 阅读 · 0 评论 -
ionic4自定义tabs导航栏(一)
在ionic4项目中,使用ionic start myApp tabs可以新建自带tab切换,但是更多时候我们想自定义tab切换,自定义项目目录结构。1. 新建一个空白项目ionic start ionic-demo03 blank2. 在pages文件夹下新建一个tabs页面ionic g page pages/tabs3. 在tabs页面目录下创建tabs.router.mod...原创 2019-07-03 11:45:34 · 2721 阅读 · 0 评论 -
ionic4项目实战常用命令总结
生成带路由的模块页面1. 生成带模块的路由ionic g module pages/tabs --routing2. 在对应的模块中生成对应的组件ionic g component pages/tabs原创 2019-07-03 11:45:26 · 1192 阅读 · 0 评论 -
ionic4之夜神模拟器的下载与安装
一、夜神模拟器的下载地址https://www.yeshen.com/二、 下一步安装即可原创 2019-07-08 16:23:26 · 566 阅读 · 0 评论 -
ionic4项目结合chrome在Android真机运行调试
1. 创建Appionic start myApp tabs2. 添加平台给App添加目标平台,我们将会添加'ios'和'android'平台,并确保他们保存在了config.xml中 ionic cordova platform add ios --save ionic cordova platform add android --save检查你当前平台设置状况: ionic...原创 2019-07-08 09:33:06 · 2156 阅读 · 1 评论 -
ionic4打包android apk具体步骤及环境搭建
环境安装node:v8.11.1npm:5.5.1ionic:4.0.3cordova:8.0.0jdk:1.8.0_45gradle:4.91. node安装下载安装 http://nodejs.cn/download/2. 安装ionic cordovanpm install -g cordova ionic检查版本: ionic -v cordova -v3. ...原创 2019-07-03 11:45:15 · 7680 阅读 · 6 评论 -
Android Studio 和 SDK 下载、安装及环境变量配置
一、 首先安装java环境java jdk下载和安装及环境变量配置:参考地址——点击查看二、下载Android Studio1. 下载地址系统: win10系统,选择对应平台下载官方:http://www.android-studio.org/2. 安装选择需要安装的组件,Android Studio主程序默认已勾选,Android SDK这里也要勾选(假如你已经单独装了SDK,...原创 2019-07-03 11:45:00 · 6328 阅读 · 5 评论 -
Java JDK 的安装与环境变量的配置
安装java jdk1. 下载地址2. 安装安装时,傻瓜式安装,会弹出两次安装提示框;第一次弹出的界面是jdk的安装,把目录更改到jdk目录下,第二次弹出的界面是jre的安装,把目录更改到jre目录下3. 环境变量的配置a. 鼠标右键点击此电脑(win10),点击属性 > 高级系统设置 > 点击环境变量4. 点击系统变量下的新建,配置如下,点击确定变量名:’’ Ja...原创 2019-07-03 11:44:49 · 1881 阅读 · 3 评论 -
ionic4常见错误集锦
插件冲突错误解决方法:cordova plugin list // 查看安装的插件cordova plugin rm phonegap-plugin-barcodescanner // 卸载多余的插件原创 2019-07-12 11:40:16 · 475 阅读 · 0 评论