项目截图

技术架构

整个过程采用交互式命令行实现，默认采用的react，后面交互式改成vue3，过渡比较平滑。其中重要的几个修改点如下：

• 采用websokcet方式从akshare获取流式数据
• 采用 Lightweight Charts 进行数据的可视化展示。

APP样式设计

相关链接：

AKShare官网：https://akshare.akfamily.xyz/index.html

tradingview lightweight charts: https://tradingview.github.io/lightweight-charts/docs

金融商城项目是一款包含金融商城、音频直播、购物支付的跨平台项目，支持iOS和android平台。

金融项目整体架构采用 ionic/ionic Native + angular + cordova，进行混合开发，使用Xcode和android studio进行项目打包。项目订单支持微信和支付宝支付。

其中项目的难点：

• ionic项目框架问题：ionic一直在迭代，项目开发过程出现页面切换导航栏闪烁问题。后面排查花费较多时间，最后找到热更新版本解决问题；
• 机型适配：项目试运行过程中，发现vivo特定型号存在适配问题。

项目设计稿：

Azure Billing & Usage Suite，简称ABUS，是基于Azure EA的智能账单分账管理系统，为企业提供云计算成本管理和优化解决方案。

项目技术架构

项目采用 ionic + Angular 架构，默认支持web端，同时支持编译ios、android版本。极大利用了abus项目的中间层服务。

在线地址：https://abus-mobi.21vbluecloud.com/login

设计稿：

小程序技术方案

1. 小程序采用腾讯云音视频解决方案，实现多客服在线远程直播报案，支持远程抓拍留存；
2. 支持多文档展示和基于canvas进行在线手写签名授权；

小程序设计稿

APP设计稿

该APP是走走看地图和商城模块配套的配置App。主要基于ArcGIS地图和蓝牙iBeacon4.0，对城市商圈、商户进行室内地理信息规划、对iBeacon信标相关检测与配置，实现室内精准定位导航和公共设施(商铺、设施、车位等)查找、以及实现人流量监测，同时给走走看app和后台提供基础数据。

支持自定义室内地图，楼层切换。

项目截图：

这是一款在烽火工作的时候，基于eyeshot6000网络视频监控平台，开发的一款iPad视频监控App。主要功能模块划分为：

1. 登录模块；
2. 设备列表管理(实时和录像列表管理、分组和设备状态管理)；
3. 实时视频管理： 实时视频分屏和详情预览、视频录像、抓拍、云台控制；
4. 录像管理：录像查询、录像剪辑、抓拍、录像回放、录像时间轴绘制与拖动播放；
5. 视图库： 抓拍照片、录制和剪辑的视频；
6. 拍照取证： 拍摄照片和视频，上传云端管理；
7. 系统设置： 账号管理、视频传输方式配置，以及APP存储管理。

核心技术点：

整个APP制作下来，还是有很多核心技术点的。

1. 整个设备支持国标GB28181协议，需要了解相关的协议文档，进行信令交互。
2. 媒体流协议RTP/RTCP、TCP/UDP协议；
3. FFmpeg进行数据流编解码操作和MP4文件的录制；
4. 录像时间轴的绘制与拖动播放；
5. 视频播放的性能优化，使用webgl开启GPU进行FFmpeg解码渲染。

设计与APP截屏：

武汉云端物联科技有限公司由国内外多名博士、研究生等经验丰富的专业技术成员组成。具有多年国内外移动互联网和物联网平台开发（硬件+软件）经验，在三角定位、指纹定位、WIFI定位、蓝牙定位、RSSI强度检测、数据挖掘分析逻辑…

设计