博主逸尘
这一切都将过去!
展开
-
Ionic实战二十七:移动端录音方案及Nginx部署配置
H5页面录音实现对摄像头喊话功能并集成到apk中原创 2023-12-22 10:12:31 · 185 阅读 · 0 评论 -
Ionic实战二十六:人员轨迹回放功能的实现
ionic中实现arcgis地图中人员轨迹动态展示原创 2023-05-16 11:41:57 · 280 阅读 · 0 评论 -
Ionic实战二十五:gis地图查询及弹框的实现
移动端集成gis地图,并在地图上点击点查询gis服务实现数据获取,并对数据进行点、线、面的定位及缩放展示原创 2022-12-01 14:52:16 · 273 阅读 · 0 评论 -
Ionic实战二十四:列表数据左右滑动的实现
Ionic中列表数据左右滑动的实现原创 2022-09-22 09:04:40 · 569 阅读 · 0 评论 -
Ionic实战二十三:自定义弹框界面的实现
自定义弹框布局、修改开关切换组件ion-toggle大小、代码实现input弹框输入原创 2022-07-22 10:13:00 · 510 阅读 · 0 评论 -
Ionic实战二十二:用video标签实现m3u8格式的视频播放
文章目录1.效果图2.页面布局3.项目index.html中引入hls4.给urlAddress动态赋值5.初始化1.效果图2.页面布局在新建的html页面中引入video标签如下:<video id="video" [src]="urlAddress" type="video/mp4" controls="controls" style="width:100%;height:100%;"></video>利用[src]动态绑定播放视频的地址3.项目index.ht原创 2021-08-17 18:00:24 · 729 阅读 · 1 评论 -
Ionic实战二十一:树的集成及列表数据关联
文章目录1. 项目UI部分页面2.实际效果预览3.引入ztree4.页面布局5.页面引入6.页面树样式修改7.html页面中引入css及js文件最近不太顺,投标了2个大项目都黄了,记录下其中一个之前没做过的内容点。1. 项目UI部分页面2.实际效果预览由于项目黄了,仅做2页面当技术储备3.引入ztree npm install @ztree/ztree_v34.页面布局<ion-row> <ion-col col-4> <原创 2021-08-05 10:25:35 · 431 阅读 · 13 评论 -
Ionic实战二十:手绘签名功能
文章目录1.最终效果图2.引入插件3.页面布局4.页面引用5.app.module页面定义6.说明1.最终效果图2.引入插件执行命令:npm install angular2-signaturepad --save3.页面布局 <div style="margin-top: 1rem;"> <ion-item no-lines> <ion-label><span style="color: red;">*&l原创 2021-08-03 10:14:04 · 537 阅读 · 13 评论 -
Ionic实战十九:新系统之环境搭建
文章目录1.安装Node2.JDK安装3.安装VSCode4.安装python3.8.15.安装ionic、cordova、cordova-res6.添加Android开发环境7.配置完成后重启vscode使命令生效8.gradle环境安装9.重新执行打包命令1.安装Node新电脑到货了,组装完先把环境搞起来,电脑是win10 64位首先安装node,我装的是node-v12.16.3-x64,官网所有版本下载地址:https://nodejs.org/dist/安装完成后在c.原创 2021-08-01 17:33:53 · 3564 阅读 · 14 评论 -
Ionic实战十八:Eclipse下的android原生与Ionic项目通信
项目背景:与A公司合作开发一个项目,A公司用的原生,我们公司用的ionic,用原生的外壳点击菜单进入我们不同的项目,一个主要问题就是两个app之间参数传递。技术支持:做过原生开发的能知道,两个原生应用可以实现部分数据共享,ionic本身调用系统的拍照也能返回参数到前台页面,想着一种方案是通过SharedPreference在A应用保存数据然后在B应用中获取,ionic开发的项目编译完就是原生的...原创 2018-12-10 13:57:16 · 401 阅读 · 0 评论 -
Ionic实战十七:集成echarts实现柱状图
文章目录1.最终效果图2.布局3.项目中引入终于忙完了,之前手里挤压了几个项目,经过几个月的处理,90%项目基本宣告结束能休息一段时间了,趁这段时间总结下最近项目中遇到的部分问题。1.最终效果图2.布局 <div> <div class="home_content_title">任务处理统计</div> <ion-card> <div #container1 class="div-chart原创 2021-07-20 10:32:02 · 279 阅读 · 0 评论 -
Ionic实战十六:网络请求参数Body、Authorization参数请求封装
文章目录1.常用请求参数2.请求参数需要放到Body中3.请求封装4.ts中执行请求5.请求需要添加Authorization认证6.请求接口封装7.ts页面中执行请求1.常用请求参数通常请求参数一般都是放到Params中如下:2.请求参数需要放到Body中可能某些接口需要将参数放到Body中如下所示:3.请求封装Login(name: string, pwd: string,responseHandler) { let method = '/auth/qibu_login原创 2021-05-20 16:58:51 · 433 阅读 · 0 评论 -
Ionic实战十五:webview(wex5/ionic/android原生)+https页面显示空白异常记录
google浏览器跨域后显示的正常界面:手机上显示的空白界面:通过编译后的源码,最初定位到了SystemWebViewClient这个类中的onReceivedSslError方法,认为是webview访问https未添加SSL支持导致的,因为onReceivedSslError方法继承super.onReceivedSslError(view, handler, error),默...原创 2019-12-09 16:56:28 · 665 阅读 · 0 评论 -
Ionic实战十三:ionic+spring boot 打通前后端实现用户注册登录
1.移动端注册界面字段直接绑定实体类属性,提交直接将实体类转成json串提交后端接口key值默认传递json,这里要注意下,后端在接受与这个定义要相同后端注册功能逻辑一,移动用户注册:1.根据身份证查用户表①.查不到用户数据,无法注册,提示 请联系管理员为当前用户导入基本信息②.查到用户数据,继续步骤22.根据用户表id及移动端登录参数 查询账号表①.查询到数据,表示移动端已注册 ,提示 该用户已存在请勿重复注册②...原创 2020-05-14 19:11:28 · 515 阅读 · 1 评论 -
Ionic实战十二:开发异常记录(持续更新)
平时在浏览器开发调试数据一般都是没问题的,在打包到手机上的时候往往会出现各种问题,记录下以后备用,也为后人提供一点参考1.访问后端接口404异常首先确保在浏览器能正常访问接口,现在框架基本都有用户权限,一般需要对接口进行过滤,那么为什么打包到手机就容易出现404异常呢最终在stackoverflow找到了答案:https://stackoverflow.com/questions/30161952/ionic-angular-how-to-avoid-the-404-not-found-from-ca原创 2020-05-19 14:21:29 · 204 阅读 · 0 评论 -
Ionic实战十一:通过HmacSHA1加密对接Java系统
1.Java计算加密代码如下:public class MyClass {public static void main(String[] args){String str = "APP&1122322134534&AbcdeffFDDGHJDS";String finalStr = HmacSha1.genHMAC(str, "123456");System.out.println("finalStr:"+finalStr);// 0PGsANnMw+1yep5TlAXB原创 2020-06-05 20:01:05 · 304 阅读 · 0 评论 -
Ionic实战十:项目中集成Android及IOS版极光推送功能
开发环境以window为主,先集成android版本,成功后在调试ios版本,其中要特别注意bundId,下面会说到一.环境配置Ionic:Ionic CLI: 5.4.16Ionic Framework: ionic-angular 3.9.9@ionic/app-scripts : 3.2.4Cordova:Cordova CLI: not installedCordova Pla...原创 2020-07-16 20:05:51 · 625 阅读 · 0 评论 -
Ionic实战八:版本更新(Android及IOS)
获取当前应用版本号 //config.xml中version值的获取:1.0.1 this.appVersion.getVersionNumber().then(data => { console.log("appVersion:" + data); }); //将上面version值中的点号用数字零表示:10001 this.appVersion.getVersionCode().then(data => { console.log(".原创 2020-08-07 15:46:23 · 791 阅读 · 0 评论 -
Ionic实战七:实现人脸识别认证方案
项目的需求是实现人脸对比及活体检测功能,花钱越少越好,一开始考虑的是移动端的H5方案,看了下需要对接公安的api接口,这个价格太高了,放弃了,最终是移动端拍照上传,调用百度api实现人脸对比及活体检测功能。ionic中接入相机插件后实现拍照方法如下:ionic cordova plugin add cordova-plugin-cameranpm install --save @ionic-native/camera@4在config.xml中的ios平台中加入权限 <config-fi原创 2020-08-10 18:21:39 · 1023 阅读 · 0 评论 -
Ionic实战六:项目中引入极光推送导致的高危问题记录
安全检测出的问题如下:3.3.2 四大组件配置安全规范检测3.3.2.1 Activity 最小化特权检测检测目的检测应用 Activity 权限攻击重要等级高危害应用组件如果存在权限攻击漏洞则该组件能够被外部的其他组件直接调用,这样就可能产生泄露隐私数据或者应用程序崩溃等漏洞。恶意应用可以传递有害数据或者命令给受害的 Broadcast Receiver,而 Receiver 接收到有害的数据或者命令时可能泄露数据或者做一些不当的操作。也有可..原创 2020-08-17 10:48:08 · 663 阅读 · 0 评论 -
Ionic实战五:应用数据清理及应用卸载数据存储方案记录
混合开发中常用数据存储Storage、Secure Storage、localStorage、SQlite等等,这些方案在应用清除数据或者卸载之后,数据也会跟着被清理,如果确实项目有不合理的需求需要应用清理数据或者卸载之后,应用再次启动部分敏感数据仍然能够获取到,那我们只能考虑文件存储,并且前提是要获取到文件存储的权限。下面我们以ionic项目为例,来看下实现方案。原创 2020-08-21 15:25:21 · 590 阅读 · 1 评论 -
Ionic实战九:项目打包IOS三天过审App Store记录
默认用户打包成功了发布到App Store的ipa包1.登录ios开发平台,选择App StoreConnect2.选择我的APP3.选择新建APP4.根据提示创建,创建完之后进入,提交两个版本的应用截图尺寸,可以用手机截图,然后在用绘图工具改为合适的大小,或者直接启用不同的模拟器截图,注意,打包的时候如果勾选了ipad,那么截图这里需要额外在上传两个截图,当前项目只需要iphone去掉了iPad选项根据页面提示...原创 2020-07-29 17:54:05 · 596 阅读 · 3 评论 -
Ionic实战四:中集成Sqlite数据存储记录
文章目录1.插件集成2.项目中引入3.页面引入4.数据库初始化5.增删改查方法6.方法引用7.模拟器中数据展示1.插件集成ionic cordova plugin add cordova-sqlite-storagenpm install --save @ionic-native/sqlite2.项目中引入在app.module.ts中加入import { SQLite, SQLiteObject } from ‘@ionic-native/sqlite’;在providers中加入SQLi原创 2020-09-17 18:13:27 · 472 阅读 · 1 评论 -
ionic实战二:仿微信右上角弹框实现扫一扫功能
文章目录1. 先上最终效果图2.实现设置按钮点击事件3.定义及组件引入4.自定义组件5.组件中定义按钮及点击事件6.引入扫一扫组件7.扫码拿到数据并传递到页面1. 先上最终效果图2.实现设置按钮点击事件 let popover = this.popoverCtrl.create(PopoverComponent); popover.present({ ev: myEvent });3.定义及组件引入import { PopoverCo原创 2021-04-29 17:00:54 · 56 阅读 · 0 评论 -
Ionic实战一:App之环境搭建及demo演示(Win10 64位 )
小半年没写博客了,最近一直在前端的路上摸索,先是之前的Wex5开发,再到现在的Ionic2,由于以前一点没接触过,遇到不少坑,这几天会慢慢整理出来,希望能为你们开发节省点时间。JDK的安装和搭建就不说了,作为开发都应该装好配置好了。下面我们从node.js的安装开始:Node下载地址在官网下载适合自己电脑的版本,基本一路next就行,安装好在cmd窗口输入命令,出现下图表明安装成功原创 2017-05-10 22:54:10 · 1365 阅读 · 0 评论