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

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

感兴趣可直接查看开源项目地址👉 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同步一次,然后再重新部署。

相关推荐
bameofme6 个月前
免费部署发卡独立站,搭建属于个人的数字商品销售网站
发卡·发卡平台·自助发卡·搭建发卡·免费搭建·发卡销售网站