快速搭建发卡独立站(完全免费）

本文介绍如何使用开源项目，零成本，无需服务器的方式搭建一套自己的数字商品/发卡独立站，不需要任何开发能力，即便是小白用户也能搭建。

感兴趣可直接查看开源项目地址👉 https://github.com/iDataRiver/theme-basic

官方Demo https://www.uselesss.org

效果展示如图:

独立站前端特点

一键部署独立站, 零成本搭建

无需开发，直接按照操作流程部署，仅需10分钟，小白也能使用，且完全免费。

可完全使用自己的域名，不再依赖平台作为唯一入口。

基于iDataRiver的后端能力提供支持

本模板底层对接iDataRiver平台的商户开放API, 直接使用其提供的数据+支付+风控+安全等各项能力。

商户只需要在控制台做好配置即可直接使用，不需要自己去面对复杂且成本高昂的底层实现。

自动支持全球多国语言翻译

不仅网站本身支持多语言，还默认支持将项目/商品描述进行智能翻译，让你的业务真正全球化。

一级代理商功能

本模板完全兼容平台商户的代理商功能, 详细介绍可见文档

提供基础的API加密

本模板提供基础的API签名加密功能，也支持商户自定义签名密钥，有效增加逆向/ddos等攻击门槛

快速部署

本前端项目基于Nuxt3开发，可在如vercel这类主流的网站托管平台上直接部署上线。

步骤如下:

1. 注册你的Github账号，并将本项目fork到自己的账号下

2. 注册一个Vercel账号，绑定步骤1的Github账号，并授权访问fork的本项目

3. 在Vercel控制台创建一个新项目，导入步骤2的项目:

在Vercel上创建项目

添加项目访问权限

导入要部署的项目

开始部署项目，并设置以下的环境变量:

NUXT_IDATARIVER_MERCHANT_SECRET

设置为你自己的商户开发者密钥，可在iDataRiver平台控制台的商户设置里获取。
这个参数用来标识你的商户账号，所以必须填写。

NUXT_PUBLIC_BASE_URL

大部分情况下你需要使用自己的域名访问网站，这个值填写你自己的域名地址，格式如下: https://www.idatariver.com

NUXT_PUBLIC_API_ENCRYPT_KEY

可选参数，用于自定义API层面的加密签名，从而获得更好的安全保护，可以自行设置其值。

以上几个环境变量设置好之后，点击Deploy进行部署，等待一分钟左右你的商户独立站就能部署成功。

4. 绑定域名

如果3中没有配置域名，则可以跳过此步骤，这时你可以使用Vercel为你提供的域名进行访问。

强烈建议绑定自己的域名，因为每次重新部署后自动分配的Vercel域名都可能会变化。

部署成功后，点击部署好的项目右上角有一个Domain(域名)入口，配置好3中设定的域名，按照指定操作即可。

在Vercel对部署好的网站进行域名绑定

如果使用CloudFlare免费托管域名，则需要如下配置:

添加Vercel要求的DNS解析记录后(代理模式)

将域名的SSL/TLS设置为完全端到端加密

5. 最后

至此，你已成功部署自己的独立站，如果需要升级/更新模板重新部署，需要在Vercel里将原先的项目删除，然后重新按照上面的步骤进行操作以便。

如果前端模板有更新，你想同步更新的话，需要在fork的项目里手动Sync同步一次，然后再重新部署。