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

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

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

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

效果展示如图:

发卡平台演示demo

独立站前端特点

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

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

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

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

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

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

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

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

一级代理商功能

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

提供基础的API加密

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

快速部署

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

步骤如下:

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

fork本项目

2. 注册一个Vercel账号,绑定步骤1的Github账号,并授权访问fork的本项目
3. 在Vercel控制台创建一个新项目,导入步骤2的项目:

在Vercel上创建项目
在Vercel上创建项目

添加项目访问权限
添加项目访问权限

导入要部署的项目
导入要部署的项目

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

NUXT_IDATARIVER_MERCHANT_SECRET

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

NUXT_PUBLIC_BASE_URL

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

NUXT_PUBLIC_API_ENCRYPT_KEY

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

vercel部署项目

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

vercel项目部署成功

4. 绑定域名

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

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

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

vercel进入域名配置

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

vercel绑定域名

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

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

cloudflare添加dns解析

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

cloudflare设置为完全端到端加密

5. 最后

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/868312.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

JavaScript基础笔记

前言 在JavaScript诞生的前几年,有人说: JavaScript是一门四不像的语言;JavaScript是一门没有规范的语言;JavaScript是一门兼容糟糕的语言;JavaScript是一门不精准的语言;JavaScript是一个半成品语言;JavaScript是一门糟糕的语言;JavaScript只是一个玩具胶水语言;…

基于java+ssm+jsp实现的网上购物系统(文末源码+lw+ppt)23-45

1 摘 要 本文首先实现了网上购物系统设计与实现管理技术的发展随后依照传统的软件开发流程,最先为系统挑选适用的言语和软件开发平台,依据需求分析开展控制模块制做和数据库查询构造设计,随后依据系统整体功能模块的设计,制作系…

掌上教务系统-计算机毕业设计源码84604

摘要 在数字化教育日益成为主流的今天,教务管理系统的智能化和便捷性显得尤为重要。为满足学校、教师、学生及家长对教务管理的高效需求,我们基于Spring Boot框架设计并实现了一款掌上教务系统。该系统不仅具备课程分类管理功能,使各类课程信…

Node.js介绍 , 安装与使用

1.Node.js 1 什么是Node.js 官网:https://nodejs.org/zh-cn/ 中文学习网:http://nodejs.cn/learn1.Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型,使其轻量又高效。 2.前端的底层 html…

Java-Redis-Clickhouse-Jenkins-MybatisPlus-Zookeeper-vscode-Docker

文章目录 Clickhouse基础实操windows docker desktop 下载clickhousespringboot项目配置clickhouse Redis谈下你对Redis的了解?Redis一般都有哪些使用的场景?Redis有哪些常见的功能?Redis支持的数据类型有哪些?Redis为什么这么快…

《Nature》文章:ChatGPT帮助我学术写作的三种方式

图片翻译 ** 文章内容** 忏悔时间:我使用生成式人工智能(AI)。尽管在学术界关于聊天机器人是积极力量还是消极力量的争论不休,但我几乎每天都使用这些工具来完善我所写论文中的措辞,并寻求对我被要求评估的工作进行替…

人脸检测(Python)

目录 环境: 初始化摄像头: 初始化FaceDetector对象: 获取摄像头帧: 获取数据: 绘制数据: 显示图像: 完整代码: 环境: cvzone库:cvzone是一个基于…

视频翻译英文的软件有哪些?打破语言障碍就用这5个

打算趁着暑假假期悄悄努力惊艳所有人的小伙伴在哪呢~ 相信不少朋友自学都会首选在家看网课,不过有时候面对全英的外语课程,难免总会听得一头雾水~ 但其实这个问题很好解决!码好以下这5款视频翻译工具,语言障碍的问题也就都迎刃而…

数据中台设计书及建设指南(中台及大数据解决技术方案)

1. 中台概念 2. 推动企业组织模式演进 3. 建设方法 4 .中台内容 5. 数据安全体系 中台内容围绕数据中台建设评估、整体框架、数据采集,结构化、半结构化、非结构化的数据采集,数据计算能力、存储计算引擎、数据架构、数据挖掘、各种不同数据层建设、模型…

Redis官方可视化管理工具

版权声明 本文原创作者:谷哥的小弟作者博客地址:http://blog.csdn.net/lfdfhl RedisInsight是一个Redis可视化工具,提供设计、开发和优化 Redis 应用程序的功能。RedisInsight分为免费的社区版和一个付费的企业版,免费版具有基本…

RPA影刀 | 循环 + 嵌套循环 + 循环中的continue和break

一、循环 循环的构成 重复在做的事(不变的):循环体每次操作的对象(变化的):循环项 二、ForEach列表循环 三、循环相似元素 四、For次数循环 五、嵌套循环 测试目标:遍历所有页面&#xff0…

蓝牙资讯|三星新智能戒指专利曝光,将搭载屏幕显示心率

科技媒体 91Mobile 挖掘美国专利数据库,发现三星获批一项新的设计专利,展示了全新的智能戒指设计方案,未来可能以 Galaxy Ring 2 的名义发布。 根据专利分享的外观设计,采用了有别于 Galaxy Ring 的全圆环设计,专利中智…

YOLOv5+DecoupleHead解耦头(YOLOx)

一、解耦头原理 在目标检测中,分类任务和回归任务之间的冲突是一个众所周知的问题。因此,用于分类和定位的解耦头被广泛应用于大多数一级和二级探测器。但是,由于YOLO系列的主干和特征金字塔(如FPN, PAN)不断演化,它们的检测头仍然是耦合的。 从下表可以看出,头耦合时端…

深入探索Python库的奇妙世界:赋能编程的无限可能

在编程的浩瀚宇宙中,Python以其简洁的语法、强大的功能和广泛的应用领域,成为了众多开发者心中的璀璨明星。而Python之所以能够如此耀眼,很大程度上得益于其背后庞大的库生态系统。这些库,如同一块块精心雕琢的积木,让…

音视频开发35 FFmpeg 编码- 将YUV 和 pcm合成一个mp4文件

一 程序的目的 /*** *该程序的目的是: * 将 一个pcm文件 和 一个 yuv文件,合成为一个 0804_out.mp4文件 * pcm文件和yuv文件是从哪里来的呢?是从 sound_in_sync_test.mp4 文件中,使用ffmpeg命令 抽取出来的。 * 这样做的目的是为了对比前…

关于振动盘正反料下料逻辑编写

写在前文 借鉴某个程序的逻辑套路写的 1.就是第一个料是正方向,第二个料是反方向。 (* 基础逻辑应该都差不多,这个是一个振动盘,振动盘的末端是一个上下对射的感应器,这个感应器的作用是对射感应到物料的到位信号,末端…

【解码ChatGPT⑯】深入ChatGPT的热潮:为何我们需要对热门话题保持冷静分析?

2022年11月起,美国OpenAI公司开发的聊天机器人ChatGPT迅速崛起,成为增长最快的消费级应用,引起全球广泛关注。ChatGPT的出现标志着人工智能领域的新纪元,推动全球科技创新的竞争。技术进步引发对应用场景的深度探讨,无…

哪个牌子的护眼大路灯质量好呢?性价比高的五款护眼大路灯分享

护眼大路灯可以说是是每个有娃家庭必不可少的照明神器。但面对市场上琳琅满目的护眼落地灯品牌和型号,很多消费者在选购时都会犯难:究竟哪个牌子的护眼大路灯质量好呢?哪个性价比高呢?本文将根据市场反馈以及性价比等各方面&#…

基于自编码器的时间序列异常检测方法(以传感器数据为例,MATLAB R2021b)

尽管近年来研究者对自编码器及其改进算法进行了深入研究,但现阶段仍存在以下问题亟须解决。 1) 无监督学习模式对特征提取能力的限制与有监督学习相比,无监督学习模式摆脱了对样本标签的依赖、避免了人工标注的困难,但也因此失去了样本标签的…

java设计模式(八)装饰模式(Decorator Pattern)

1、模式介绍: 装饰模式是一种结构型设计模式,允许你通过将对象放入包含行为的特殊包装对象中来动态地扩展其功能。它提供了一种灵活的方式来添加功能,避免了创建大量子类的问题。 2、应用场景: 动态添加功能:当需要…