代码改变世界

广告播放软件的开发

2023-02-02 09:39  麦舒  阅读(22)  评论(2编辑  收藏  举报

前言

很久很久没有写博客了,最近和一朋友,同时也是我粉丝,聊天的时候提起了博客园,
他:“你还有在博客园上写文章吗”
我:“好久没有了”
他:“写吧,我给你点赞。”
于是就有了这篇文章。

正文

最近,业务部门提了一个需求,想在公司的门店,挂个显示器,展示公司的产品。就象大家在快餐店,或者火车站,机场看到的广告屏。就象这样的:

对于这个需求,要考虑三个问题:

  1. 硬件
  2. 操作系统
  3. 软件技术方案选型

市面上,这种广告机,大多数都采用安卓系统 + ARM,因为成本低。但是业务部门考虑维护的便利,要求使用 windows 系统 + PC。既然硬件和系统都定了,那么就差软件技术方案的选型了。桌面端软件的开发方案也很多,如果是你们,会采用什么技术方案呢?

我们根据自身情况,选用了 Electron。具体技术使用到的第三库有:

框架
Electron

服务端
Node.js

客户端
React + ANTD

工具软件
Ngrok,为什么需要用到它呢?因为这个广告播放软件,客户端和服务端绑定在一起的,都部署在门店的广告机。但是我们的运营人员,维护人员并不在门店,需要远程操控,所以需要用到它。

演示地址
我知道你们都想直接看效果,先来张后台截图吧。

前端演示地址

后台截图

项目及源码地址

最后,给大家献上源码。

https://github.com/ansiboy/ad-video-player