一、EnBizCard介绍

1.1 EnBizCard简介

• EnBizCard简介

EnBizCard 可帮助您创建可在您的网站上托管的基于 HTML 的交互式和响应式数字名片。

1.2 EnBizCard特点

• 简洁的操作按钮
• 点击通过电话、WhatsApp、电子邮件等联系
• 直接 vCard 下载（让用户将您的联系信息下载到他们的手机上）
• 社交媒体链接
• PGP 公钥共享
• 使用二维码或链接与任何人分享您的卡
• 展示图像、艺术品、音乐、视频、诗歌、小册子、产品、服务或任何您想不到的东西
• 嵌入任何类型的 HTML 内容（视频、音乐、地图、联系表格等等。）
• 主题
• 通过分析跟踪您的受众
• 自定义字体

1.3 EnBizCard使用场景

• 个人网站：您可以在个人网站上添加一个数字名片，以便访问者可以快速了解您的联系方式、社交媒体账号和其他相关信息。
• 公司网站：将数字名片添加到公司网站上，让访问者轻松地找到您的联系人和其他重要信息。
• 在线简历：使用数字名片替代传统简历，可以更加直观地展示您的技能、工作经历和项目成果。
• 个人品牌推广：将数字名片作为您个人品牌推广的一部分，帮助您建立自己的形象和专业形象。
• 事件和会议：使用数字名片将会议和事件的参与者联系起来，以便他们可以互相交流并保持联系。
• 销售和营销：数字名片可以帮助销售和营销团队更好地展示产品和服务，并与潜在客户建立联系。

二、本地环境介绍

2.1 本地环境规划

本次实践为个人测试环境，操作系统版本为centos7.6。

2.2 本次实践介绍

1.本次实践部署环境为个人测试环境，生产环境请谨慎；
2.使用Docker部署EnBizCard数字名片工具。

三、本地环境检查

3.1 检查Docker服务状态

检查Docker服务是否正常运行，确保Docker正常运行。

[root@jeven ~]# systemctl status docker
● docker.service - Docker Application Container Engine
   Loaded: loaded (/usr/lib/systemd/system/docker.service; enabled; vendor preset: disabled)
   Active: active (running) since Thu 2024-03-21 18:42:13 CST; 3min 53s ago
     Docs: https://docs.docker.com
 Main PID: 43305 (dockerd)
    Tasks: 82
   Memory: 103.6M
   CGroup: /system.slice/docker.service

3.2 检查Docker版本

检查Docker版本

[root@jeven ~]# docker -v
Docker version 20.10.17, build 100c701

3.3 检查docker compose 版本

检查Docker compose版本，确保2.0以上版本。

[root@jeven ~]# docker compose version
Docker Compose version v2.6.0

四、构建镜像EnBizCard镜像

4.1 下载EnBizCard源码

在github中拉取EnBizCard源码

git clone https://github.com/vishnuraghavb/EnBizCard.git

4.2 复制变量文件

查看源码目录

[root@jeven ~]# ls EnBizCard/
assets      docker-compose.yml  env.example    layouts  mixins          package.json       pages       README.md  store
components  Dockerfile          jsconfig.json  LICENSE  nuxt.config.js  package-lock.json  PRIVACY.md  static     tailwind.config.js

复制变量文件env.example 为.env文件

cp env.example .env

4.3 构建镜像

执行以下命令，构建镜像。如果不想构建，也可以使用已经构建完成的镜像swr.cn-north-4.myhuaweicloud.com/jeven/enbizcard

docker compose build

查看本地镜像，可以看到已经成功构建的镜像enbizcard_enbizcard。

[root@jeven EnBizCard]# docker images |grep enbi
enbizcard_enbizcard                                   latest                 6d40eed65966   2 hours ago     35MB

五、部署EnBizCard

5.1 使用docker-cli方式部署

使用docker-cli方式部署，官方示例如下。本次实践使用docker compose方式部署。

docker run -d \
   --restart unless-stopped \
   --name enbizcard \
   -p 5600:80 \
   swr.cn-north-4.myhuaweicloud.com/jeven/enbizcard

5.2 编辑docker-compose.yaml文件

使用docker compose运行EnBizCard容器

version: '3'

services:
  enbizcard:
    image: swr.cn-north-4.myhuaweicloud.com/jeven/enbizcard
    container_name: enbizcard
    restart: always
    ports:
      - 5600:80

5.3 创建EnBizCard容器

• 使用docker-compose.yaml文件创建EnBizCard容器

[root@jeven EnBizCard]# docker compose up -d
[+] Running 2/2
 ⠿ Network enbizcard_default  Created                                                                                                           0.0s
 ⠿ Container enbizcard        Started                                                                                                           0.6s

5.4 检查EnBizCard容器状态

检查EnBizCard容器状态，确保EnBizCard容器正常启动。

[root@jeven EnBizCard]# docker compose ps
NAME                COMMAND                  SERVICE             STATUS              PORTS
enbizcard           "/docker-entrypoint.…"   enbizcard           running             0.0.0.0:5600->80/tcp, :::5600->80/tcp

检查EnBizCard容器运行日志

docker compose logs

六、访问EnBizCard首页

6.1 进入EnBizCard初始页

访问地址：http://192.168.3.166:5600，将IP替换为自己服务器IP地址，进入到EnBizCard初始页。如果无法访问，则检查服务器防火墙是否设置，云服务器的安全组端口是否放行等。

6.2 创建名片

点击“Create your own”，开始创建名片。

填写名片信息，自定义填写即可。

七、总结

使用EnBizCard创建数字名片非常方便和灵活。它提供了丰富的定制选项和高级功能，使我们的数字名片更具个性化和互动性。无论是个人用户还是企业用户，EnBizCard都是一个很好的选择来展示个人或品牌形象。