一、EnBizCard介绍
1.1 EnBizCard简介
- EnBizCard简介
EnBizCard 可帮助您创建可在您的网站上托管的基于 HTML 的交互式和响应式数字名片。
1.2 EnBizCard特点
- 简洁的操作按钮
- 点击通过电话、WhatsApp、电子邮件等联系
- 直接 vCard 下载(让用户将您的联系信息下载到他们的手机上)
- 社交媒体链接
- PGP 公钥共享
- 使用二维码或链接与任何人分享您的卡
- 展示图像、艺术品、音乐、视频、诗歌、小册子、产品、服务或任何您想不到的东西
- 嵌入任何类型的 HTML 内容(视频、音乐、地图、联系表格等等。)
- 主题
- 通过分析跟踪您的受众
- 自定义字体
1.3 EnBizCard使用场景
- 个人网站:您可以在个人网站上添加一个数字名片,以便访问者可以快速了解您的联系方式、社交媒体账号和其他相关信息。
- 公司网站:将数字名片添加到公司网站上,让访问者轻松地找到您的联系人和其他重要信息。
- 在线简历:使用数字名片替代传统简历,可以更加直观地展示您的技能、工作经历和项目成果。
- 个人品牌推广:将数字名片作为您个人品牌推广的一部分,帮助您建立自己的形象和专业形象。
- 事件和会议:使用数字名片将会议和事件的参与者联系起来,以便他们可以互相交流并保持联系。
- 销售和营销:数字名片可以帮助销售和营销团队更好地展示产品和服务,并与潜在客户建立联系。
二、本地环境介绍
2.1 本地环境规划
本次实践为个人测试环境,操作系统版本为centos7.6。
hostname | IP地址 | 操作系统版本 | Docker版本 |
---|---|---|---|
jeven | 192.168.3.166 | centos 7.6 | 20.10.17 |
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方式部署。
```bash
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容器
```yaml
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都是一个很好的选择来展示个人或品牌形象。