n。交换服务器上的前端客户端设置

在最近发布了有关如何使用前端客户端设置自己的交易所的视频教程(见下文)之后,我们遇到了很多问题,其中大多数是关于如何在服务器上设置客户端的问题。

关于如何在1小时内建立自己的加密货币交换的教程

因此,为避免一遍又一遍地写相同的答案并节省每个人的时间,这是另一篇有关如何在Digital Ocean服务器上设置前端客户端的指南,费用为每月5美元。

第一步是准备好构建目录。 nexchange-open-client-react从项目存储库的根目录(即nexchange-open-client-react内)运行npm run build命令。

创建前端客户端构建目录

完成此操作后,您将看到build目录包含许多文件。 由于我们的交换前端客户端是用ReactJS编写的,因此是一个单页应用程序,因此我们的服务器只需要提供index.html就可以了。 我说很简单。

构建目录及其内容

Droplet是Digital Ocean称呼其云服务器的奇特名称。 通过创建Droplet,您实际上是在创建用于交换的服务器。

创建液滴的第一步。

在下面,您可以看到使用的墨滴设置。

液滴配置。 选择离您最近的数据中心。

创建小滴后,您将收到电子邮件密码。 注意这一点。 然后复制液滴的IP地址,该IP地址可以在液滴名称旁边找到。

小滴的IP地址

获得IP地址后,转到终端并输入ssh root@IP_ADDRESS 。 系统将要求您提供通过电子邮件收到的当前UNIX密码。 之后,您将必须输入新密码。 完成后,您就在里面。 这就是乐趣的开始!

通过SSH登录到服务器

对于不熟悉nginx的人来说,它是一个开源,轻量级,高性能的Web服务器。 这就是为我们的交换服务的内容,在本例中为index.html文件。

要安装nginx,请按照下列步骤操作:

  1. sudo apt-get update —更新现有的软件包和依赖项。
  2. sudo apt-get install nginx安装nginx。

完成后,您应该在浏览器上转到您的IP地址并查看默认的nginx主页,如下所示。

Nginx欢迎屏幕

最后,不要忘记通过编辑/etc/nginx/sites-available/default Nginx配置文件来配置nginx。 在文件中搜索location /并将其替换为:

 位置 / {
    try_files $ uri $ uri / /index.html = 404;
 } 

上面的代码片段将确保所有路由都重定向到为我们的单页应用程序提供服务的index.html文件。

下一步是转到var/www/html目录,因为这是nginx现在提供的服务。 我建议通过FTP这样做。 到那里后,删除现有的index.nginx-debian.html文件。

然后将步骤1中生成的build目录的所有内容上载到var/www/html目录,如下面的屏幕截图所示。

现在,如果您打开自己的网站,便可以看到交换设置! 我们恳请您在更改内容和跟踪脚本之前先执行以下操作😊

为了获得更多的安全性,让我们设置一个防火墙。 让我们完成以下步骤:

  1. sudo ufw default deny incoming
  2. sudo ufw default allow outgoing
  3. sudo ufw allow ssh
  4. sudo ufw allow http
  5. sudo ufw allow https
  6. sudo ufw allow ftp
  7. sudo ufw allow sftp

这是最基本的防火墙设置,仅启用SSH,HTTP,HTTPS,FTP和SFTP传入连接。 通过仅允许从某个IP范围进行SSH等,您可以变得更加复杂,但这取决于您。

完成所有设置后,您可能需要准备好域并进行HTTPS设置。 对于这些我将不提供说明,但是您可以查看Digital Ocean上有关如何设置自定义的出色教程。 一旦完成,您只需几行代码即可安装SSL证书并启用Certbot使得HTTPS成为可能。

我希望设置服务器以运行n.exchange前端客户端的步骤很清楚。 基本要点是生成build目录并将其上载到服务器。 每次进行更改时,都必须重新npm run build项目,即npm run build并将build目录的内容复制到var/www/html的服务器中。

让我们知道您的想法,以及建立交流平台是否成功。 祝好运!