微信小程序开发的电子名片应用，抛砖引玉，欢

AI名片小程序 码云镜像

https://gitee.com/javazj/visitingCard

版本说明 mpvue 文件夹内的为 mpvue 版本的小程序 native 文件夹内的为原生版本的小程序

请根据你自己的需要选择合适的版本，mpvue 版本将不再跟进维护，后续维护都将在原生版本上进行

介绍

本项目的 api接口及后台管理直接嫁接使用的 api工厂 的免费云接口和云后台，在此先表示感谢！

本项目我们将会持续的维护下去，同时欢迎大家踊跃提交 ISSUE 或者加入进来一起开发和维护本项目！

接口 & 后台声明

本项目为纯前端项目，由于人力和精力所限，本项目并未有开发配套的后台系统，而是直接使用了 api 工厂 提供的免费接口和后台，可以完全满足本项目的所有功能需求。

接口 SDK

免费后台

WeUI

扫码体验

其他优秀开源模板推荐 天使童装 码云镜像 天使童装（uni-app版本） 码云镜像 舔果果小铺（升级版） 面馆风格小程序 AI名片 仿海底捞订座排队 (uni-app) 码云镜像 联系作者

小程序咨询	api工厂咨询

Mpvue版本使用说明

1、 api工厂 右上角注册免费开通您的专属后台

2、project.config.json 和 package.swan.json 文件中的 appid 改为你自己小程序的 appid；

3、app.json 中的小程序名称和底部菜单名称改为你自己的；

4、prod.env.js 文件中的小程序名称和专属域名换成你自己的；

5、工厂后台，微信设置中，配置 appid 和 secret

6、 设置小程序合法服务器域名

7、系统参数设置

Mpvue版本编译并运行小程序

# 安装依赖 npm install # 编译小程序 npm run dev

然后打开小程序的开发工具，导入本项目（当前项目下的 dist 文件夹下的wx文件夹）

Native版本使用说明

1、 api工厂 右上角注册免费开通您的专属后台

3、config.js 中的subDomain 改成你自己专属域名即可；

5、工厂后台，微信设置中，配置 appid 和 secret

6、 设置小程序合法服务器域名

7、系统参数设置

初始化测试数据

登录后台，左侧菜单 “工厂设置” --> “数据克隆” --> “将别人的数据克隆给我”

对方商户ID填写 1708

点击 “立即克隆” ，然后退出后台重新登录

你将立即享有初始化测试数据，方便你进行测试

后台配置 登录 “api工厂” ，新注册一个用户； 登录后，左侧菜单 “工厂设置” --> "模块管理",启用 "AI名片" 和 “系统参数” 模块,F5刷新后台； 左侧菜单 “系统设置” --> “系统参数”，添加如下参数设置：

开关类型参数: ALLOW_VIEW_FRIEND

设置为开启状态

文本类型参数: DEFAULT_FRIEND_UID

填写您希望的默认名片编号，填写后，以后用户打开你的小程序将默认展示该名片

文本类型参数: user.ext.fileds

填写默认的名片字段，多个字段用英文逗号分隔

常见问题 如何添加名片 登录后台，左侧菜单 “工厂设置” --> “模块管理” ，启用 “AI名片” 模块，然后退出重新登录后台你将可以看到名片的相关菜单 点击“访客管理”，选中某个用户给其分配名片 点击“名片管理”，你将能看到所有的名片信息 如何设置默认名片 设置默认名片后，任何用户进入小程序后，将会加载指定的某一张默认名片进行展示 首先你要启用“系统参数设置”模块，通过左侧菜单 “工厂设置” --> “模块管理” 系统参数设置