智慧社区物业平台业主版移动端代码搭建与功能体验

2024-07-07
来源:网络整理

上一篇文章我们完成了房产平台的后端搭建以及后端功能体验,可以查看:

智慧社区物业平台开源免费(一)-建设与功能体验

今天我们来看一下车主版手机端的代码构造和功能体验。

业主方施工

代码地址:

工程名称:

开发工具:

站长端基于,可以发布为h5、微信小程序等多种端,我这里下载代码之后,用内置浏览器以h5形式体验,记得先将后端接口地址修改为本地后端API地址。

因为采用的是本地h5模式,所以需要修改这个判断,将接口地址改为本地后端

提示:直接使用自己的浏览器会导致跨域问题

使用内置浏览器暂时避免跨域

因为它的后端默认没有提供跨域设置,所以直接用自带的浏览器访问会有跨域问题,我就直接用自带的浏览器打开了。(跨域问题可以直接修改后端网关返回或者使用代理)

这里说url不包含参数,我看看是什么问题,我猜这个h5依赖了微信公众号的用户授权机制,也就是说需要绑定到特定的公众号和key,然后在公众号内置的浏览器里运行。

发现登录的时候会被重定向到微信进行授权,也就是说得在微信浏览器里运行,这样就会导致跨域,比较尴尬,于是就在本地机器上重新安装了。

本地打包前端并配置跨域

本地可以访问了,接下来就是解决问题了,这个需要你有一个认证的微信公众号(服务号),并且添加到网址里,我这里有一个。

关于微信授权问题,可以在微信开发者工具里打开,也可以在电脑上打开,也算是使用微信内置浏览器。由于公众号里的授权地址必须是域名,所以我本地就设置了一个,这样就可以模拟部署到已经绑定域名的外部服务器上了。

微信开发者工具可以正常使用

功能体验

体验移动端的功能还需要在属性后台进行一些基本的数据设置

需要先在物业后台录入业主信息,业主手机可以刷新信息

添加房产并选择我作为房主

车主端的功能还有很多,我们先来试试支付功能吧。

后台给该玩家添加财产费

业主可以在手机上看到这个账单,当然这里是我手动添加的,费用设置很详细,而且会定期自动生成。

由于这里是本地环境,而且用的是模拟域名,微信支付需要在线回调,所以后面有时间再测试一下在线支付,目前看起来是可以的,日志里也看到调用了微信支付的API。

微信开发者工具跨域问题_微信小程序开发工具设置跨域_微信小程序跨域

使用dev账号登录后端,修改环境变量,跳过实际支付。

由于我还没有拿到微信支付商户号,所以就跳过实际支付,直接走业务功能吧。

同时在物业后台添加车位信息,并为业主设置车位月租。

添加车位并绑定车主

先把停车费加到费用项目中再加月卡费

您可以查看付款账单

设置成分期费之后,可以按照月卡的逻辑预付费,并​​且有到期状态。

这也是业主常用的功能,可以为来访者生成预约码,扫码即可通行。

这应该需要酒店的移动终端扫描代码进行确认,然后在您体验酒店终端时进行检查

在酒店后台查看并审核访客信息

首先设置报修配置,这里还可以抓单,分配,轮询等方式

您可以在后台的工单池中看到该工单。由于您已选择分配,因此您可以在此处分配主工单。

您可以查看工单的进度

使用主账户登录查看待办事项列表

后台可追踪装修审计记录

驱动程序应用程序

物业背景审查

我打算先在这里测试一下业主端的功能。整个试用过程还算顺利,基本没看文档,只是按照自己对物业管理业务的理解,看了些代码,大概操作了一下,产品体验还比较好。其实业主端还有一些功能,比如门禁,不过我还没接硬件,所以还没有验证这部分功能。根据现有的操作体验,我觉得没什么大问题,以后有时间再测试一下。

概括

1.在这一章中我们体验了车主端移动版的搭建流程和主要功能。整体来说,这个系统在业务功能细节方面做的还是非常到位的,而且据官方团队介绍已经在几十家公司进行了商业化落地,是一个非常成熟的项目。

2. 对于业务主端,有一点不是特别好的就是和微信耦合性强,核心流程需要依赖微信授权,和用户体系强关联。其实如果为了方便扩展,核心流程可以做得更抽象一些。微信之类的第三方应该只是额外的扩展,他们的接入不上去不会影响主业务流程。

3、系统在业务层面实现了整个物联网对接和硬件集成,停车场道闸、门禁、监控等都已经具备业务功能,如果要接入自己的设备,只需要按照系统接口规范进行连接即可,大大提高了效率。

4. 我计划就这个项目再写几篇文章,分析系统架构,源代码设计和数据模型。

分享