当前位置: 首页 > news >正文

用天翼云搭建一个HivisionIDPhoto证件照处理网站

世人不必记我,我不记世人。

HivisionIDPhoto证件照处理网站

    • 世人不必记我,我不记世人。
    • 项目地址
    • 项目搭建与修改
      • 前端
      • 后端
        • 遇到的坑
      • 成果图

前段时间工作需要频繁处理证件照,当时同事推荐一个证件照小程序(要看广告),下班上网一看GitHub上HivisionIDPhotos 非常火,就用前段时间闲置的服务器开始搭建。

项目地址

  • 后端开源地址: HivisionIDPhotos
    后端项目截图

  • 前端借鉴的开源地址: HivisionIDPhotos-web
    前端项目截图

项目搭建与修改

前端

前端只是一个单纯的HTML页面,服务器安装Nginx挂载即可。
Nginx挂载截图

后续对页面进行了修改,增加了拖拽上传功能,使用户体验更加便捷。

后端

HivisionIDPhoto项目详细书写了API搭建和对接,基于前端已经写好,前端修改对应网址API接口就可以使用了。

注意: API默认接口为8080。

遇到的坑

这是一个大坑,以前我用的阿里云服务器或者华为服务器,我知道有些服务器商会封服务器80端口,但没想到天翼云没有备案会封8080端口,导致API虽然显示搭建成功但是其实访问不了的。

  • Docker运行成功:
    Docker运行截图

  • 前端网页访问API失败

后来我改了默认端口号即可解决问题。

成果图

最终成果图

因为工作需要,修改代码为默认一寸白底,增加了拖拽上传的功能更加方便。

http://www.lryc.cn/news/491857.html

相关文章:

  • 【算法一周目】滑动窗口(2)
  • Zustand:一个轻量级的React状态管理库
  • C++练级计划->《单例模式》懒汉和饿汉
  • SQL for XML
  • 如何使用GCC手动编译stm32程序
  • 在线绘制Nature Communication同款双色、四色火山图,突出感兴趣的基因
  • C语言:C语言实现对MySQL数据库表增删改查功能
  • C++ 二叉搜索树(Binary Search Tree, BST)深度解析与全面指南:从基础概念到高级应用、算法优化及实战案例
  • 刷题日常(移动零,盛最多水的容器,三数之和,无重复字符的最长子串)
  • 深入了解决策树---机器学习中的经典算法
  • Elasticsearch对于大数据量(上亿量级)的聚合如何实现?
  • 深度学习模型:循环神经网络(RNN)
  • 前端---HTML(一)
  • SQL 复杂查询
  • 银河麒麟桌面系统——桌面鼠标变成x,窗口无关闭按钮的解决办法
  • 抓包之使用chrome的network面板
  • 避坑ffmpeg直接获取视频fps不准确
  • 大数据新视界 -- 大数据大厂之 Hive 函数库:丰富函数助力数据处理(上)(11/ 30)
  • 深入解析 Django 中数据删除的最佳实践:以动态管理镜像版本为例
  • 【java】sdkman-java多环境切换工具
  • 11.25c++继承、多态
  • STM32F103外部中断配置
  • 阿里电商大整合,驶向价值竞争新航道
  • 等保测评在云计算方面的应用讲解
  • QML TableView 实例演示 + 可能遇到的一些问题(Qt_6_5_3)
  • SpringBoot(三十九)SpringBoot集成RabbitMQ实现流量削峰添谷
  • 前端 Vue 3 后端 Node.js 和Express 结合cursor常见提示词结构
  • 类和对象(下):点亮编程星河的类与对象进阶之光
  • 42.接雨水
  • 使用Java代码操作Kafka(五):Kafka消费 offset API,包含指定 Offset 消费以及指定时间消费