使用CoinGecko API开发加密货币门户

尽管市场上有多个加密货币网站,但没有一个网站有关于加密货币的所有信息,如新闻、视频和推文等。因此,客户的主要愿景是将所有这些新闻、推文和视频放在同一个网站上,而不是核心加密货币数据。

项目详细信息

工业:Cryptocurrency
工具使用:WordPress,自定义主题,CoinGecko API, Twitter API, GNews API, Youtube API,高级自定义字段Pro插件和着陆页面
技术应用:WordPress, Php, Ajax

地区:联合王国

这个团队

项目协调员- 1
UI/UX设计师- 1
开发商- 1

目标

尽管市场上有多个加密货币网站,但没有一个网站有关于加密货币的所有信息,如新闻、视频和推文等。因此,客户的主要愿景是将所有这些新闻、推文和视频放在同一个网站上,而不是核心加密货币数据。

目标是开发一个加密货币网站,包括以下内容

  • 使用WordPress构建包含10+页的自定义主题设计
  • 在网站上显示关于加密货币的实时推文
  • 在网站上显示关于加密货币的实时YouTube视频(仅用英语)
  • 在网站上显示来自GNews的关于加密货币的实时新闻
  • 使用最近7天的sparkline数据,在标题中显示表现最佳的加密货币的价格增长图
  • 全局货币切换选项
  • 显示各种片段,如“前10个最高市值货币”,“前10个最低市值货币”,“前10个最高交易量货币”,和“前10个最低交易量货币”等
  • 自动完成加密币名称和加密币符号的搜索
  • 使用范围选择器选项创建各种图表,提供和比较不同时间段的价格、市值、成交量等信息
  • 使用CoinGecko API的实时货币转换器
  • 加密扫描模块,其中有来自Twitter, Youtube和gNews的搜索词显示在一个砌体布局加载更多选项的所有信息。
  • 聊天模块为每个加密货币和加密交易所分别。
  • 分别审查每个加密货币和加密交易所的模块。
  • 讨论和论坛模块
  • 加密货币数据来自一个名为CoinGecko的API。
  • 在我们的网站上显示所有数据,如价格,市值,数量,排名,24小时%变化,7天%变化,30天%变化,365d%变化等,而不需要进入CoinGecko网站
  • 注册和登录功能
  • 社交登录选项,如Facebook,谷歌和Twitter

网站开发流程

客户的输入

客户提出了网站的详细计划。他们提供了所有页面的粗略草图,以及每个页面中要实现的元素,更像是一个低保真线框。客户最初建议Nomics API用于加密货币数据的核心功能和用于推文的Twitter API,用于显示Youtube视频的Youtube API和用于显示谷歌新闻的RSS APP API。

设计阶段

有了客户分享的信息和想法,我们内部讨论了如何在设计模型方面向前推进。由于超过90%的网站数据来自第三方api,我们不得不分析第三方api是如何提供数据的。所以我们决定一页一页地设计阶段,而不是在开始开发之前设计所有的页面。因为开发者的输入和想法很重要,所以我们决定这样做。同时,API的局限性也需要在设计时加以考虑。尽管客户提出了粗略的设计草图,但我们与客户进行了通话,并在不偏离客户期望的情况下以更好的方式设计了页面。

网站设计方案

即使客户给了我们设计输入,我们的设计师也不得不在设计、颜色、字体等方面对他们的版本进行各种更改。

所以我们用客户的品牌颜色和字体设计了主页的模型。以下是我们在设计模型时所考虑的要点。

  • CryptoNypto的需求分析
  • 对近期的市场目标进行头脑风暴
  • 从客户的设计草图中保留主页中所需的模块。
  • 在主页中添加了其他需要的模块,这些模块不是客户最初设计草图的一部分

CMS页面开发流程

由于这是一个加密货币门户,数据来自各种第三方api,所以网站上没有很多CMS页面,不像其他网站。

基于加密货币的模块开发过程

如前所述,网站的核心功能来自第三方API。客户端建议使用Nomics API实现此功能。我们从Nomics API开始开发。我们最初以7天星火线数据为基础,用价格图显示前5种货币,并完成了它。由于有“全球货币切换器”选项,网站上显示的所有信息都应该根据用户在“货币切换器”中选择的货币而变化。

基于加密货币的模块开发过程

在此过程中,我们发现Nomics免费API仅支持每秒1个请求。但是为了让Global Currency Switcher工作,当货币发生变化时,我们需要进行多个API调用。我们通知客户需要计划升级。由于定价太贵,客户决定放弃Nomics API,并建议我们使用CoinGecko API(开源API)。所以我们必须刮掉所有在Nomics API中做的事情,我们必须从头开始。

当我们决定使用CoinGecko API而不是Nomics API时,几乎没有什么问题。由于CoinGecko是完全免费的,与Nomics API相比,它们的功能是有限的。因此,客户必须减少一些在CoinGecko API中不可能实现的需求。
加密货币产品页面的开发是一个相当大的挑战,因为涉及到很多功能。介绍部分有重要的细节,如价格,市值,数量,排名和价格变化%等。价格变化%提供24小时,7天,30天和365天下拉选择。


加密货币仪表盘

产品页面的主要部分是一个信息图表,显示了不同时间段的产品价格,如1天,1周,1个月和1年。每个产品页面都有与该特定产品(货币)相关的推文、youtube视频和谷歌新闻。

最重要的是,我们还有一个特定于该产品页面的自定义聊天模块。所以每个产品页面都有自己的聊天页面和聊天记录。网站上大约有6000多个硬币和400多个交易所。我们找到了一个聊天插件,并对其进行了定制,为每个产品和交换分别创建单独的聊天室。

这个产品页面的另一个重要特性是Review模块。在这种情况下,登录用户可以为该产品提供评级并撰写评论。这些评论将显示在带有Ajax分页选项的产品页面中。不幸的是,在完成开发后,客户决定不使用这个功能。

上面提到的所有加密功能都应该与全局货币切换器一起工作,所以我们必须在整个开发过程中牢记这一点。

与Product页面开发一样,Exchange页面也具有类似的功能。我们在交换模块中唯一的缺点是CoinGecko API的exchange端点处于Beta模式,与它的Product端点相比,功能有限。

基于加密货币的模块开发

转换器模块和DeFi模块

我们还使用CoinGecko API开发了其他核心加密货币页面,如DeFi页面和货币转换器页面。

与Exchange的API端点一样,与DeFi相关的API端点也是有限的。因此,我们必须在数据库中存储一些数据,并通过在服务器上设置cron作业来每天更新这些数据。像产品页面一样,DeFi页面也有市场规模和主导地位的交互式图表。此外,我们还根据市值显示顶级DeFi币。

加密扫描定义

转换器模块是这个网站开发的一个重要模块,因为它显示实时转换的货币价值。在这个页面中,我们设计了允许用户选择基础货币(From)和转换货币(to)并输入要转换的值的页面。我们还在货币符号附近显示了货币标志,以提供更清晰的货币。

加密货币转换器

CryptoSweep模块

CryptoSweep是这个开发过程中的一个主要模块。最初客户的计划是有谷歌新闻,推特和Youtube视频单独的页面,同时开始开发。但后来客户决定将这3个页面合并为一个名为CryptoSweep的页面,其中包含谷歌新闻,推文和Youtube视频。

加密扫描模块

这个页面有一个Ajax搜索栏和复选框来过滤新闻、推文和视频等内容。结果显示在一个砌体布局加载更多按钮。在单击Load more按钮时,下一组数据将在不加载整个页面的情况下加载。

搜索栏是这个页面的核心。任何关键字搜索将连接到gNews API, Twitter API和Youtube API,并在本页显示数据。由于这是一个加密货币门户,客户还告诉我们,只有与加密货币,交易所相关的搜索结果应该显示。因此,我们必须想出一个变通办法,允许用户在搜索模块中只搜索与加密相关的单词。

论坛/讨论和社交登录模块

对于这个页面,客户正在寻找一个基本的论坛/讨论板显示和功能,用户可以创建主题,并对其他用户的主题进行评论。此外,客户端的要求是用户应该能够在不登录的情况下访问和阅读该页面上的内容,但他们必须登录到一个帐户才能留下评论或创建帖子。考虑到所有这些因素,我们选择了论坛插件,并进行了必要的更改以满足我们的需求。

我们还整合了社交登录,如Facebook, Twitter和谷歌,除了本地的电子邮件登录方法。

开发过程中的障碍

我们在开发过程中遇到了各种各样的挑战。最初的障碍是使用Nomics API开始开发,由于Nomics API的定价,我们在Nomics API上取得了相当大的进展后,不得不转向CoinGecko API。即使在选择CoinGecko API之后,我们也面临着类似的情况,客户正在考虑选择不同的API,因为CoinGecko API无法提供一些功能,后来决定继续使用CoinGecko API本身。

另一个挑战是CoinGecko API支持及其文档。因为它是一个开源的免费API,所以他们没有太多的支持,而且他们的文档也非常基础。对于支持查询,我们必须至少等待一周才能从他们的团队得到回复。

另一个挑战是客户在整个开发阶段不断更改已完成模块/页面的设计。所以在这个网站的开发过程中有很多返工。

我们使用的GNews API也是一个免费版本。在免费版本中,每天只允许100个请求。在开发过程中,我们必须频繁地测试模块,因此100个请求是不够的。所以我们必须创建多个免费帐户,并在整个开发过程中使用多个API密钥。

网站迁移过程

通常,我们使用“All in One WP”迁移来将网站从暂存迁移到实时或从实时迁移到暂存。由于大部分数据来自第三方,我们必须创建一些自定义数据库表来存储一些数据。因此,在迁移网站时,我们必须对表格外小心,并必须确保这些数据被正确迁移。我们还必须在这个网站的服务器上配置一些Cron作业,以减少API请求的数量。

所以我们必须在迁移后的活动服务器上配置Cron job。此外,社交登录必须在迁移后重新配置,以匹配实时网站URL。

在我们的演示服务器中完成开发过程后,我们遵循了以下几点。

  • 使用WP引擎迁移插件迁移网站
  • 正在修复CSS
  • 在活动服务器上配置Cron作业
  • 基于实时URL重新配置Social Login模块。
  • 使网站在各个页面上看起来一致
  • 从功能测试和修复开始
  • 通过设计人员级别的测试和修复
  • 通过最终的实时测试和修复

结果

  • 标题中的简单导航增加了200%的点击量
  • 轻松登录/注册,支持社交登录
  • 为访客提供论坛/讨论模块
  • 不同时期加密货币的交互式价格图表。
  • CryptoSweep页面将在同一页面上发布推文、视频和新闻。
  • 网站准备进行新的营销活动,以吸引更多的用户

作为顶尖的网站解决方案提供商, ColorWhistle可以创建,战略,设计和开发您的网站需求。从集成第三方工具到网站开发,我们可以为您的业务挑战和目标提供有效的解决方案。

如果您在网站设计、网站开发方面需要任何帮助数字营销适用于任何企业保持联系或致电+1(919)234-5140。我们很高兴与您合作。

拉杰夫
关于作者- Rajeev

Rajeev是一名WordPress开发人员,有7年以上的经验,在旅游、教育、房地产和电子商务等各个行业建立网站,性能和网站加载速度是核心目标。他还热衷于基于api的网站开发,因为他相信这可以使企业以创造性的方式超越。工作之余,他也是费德勒的粉丝,梦想有一天能在中心球场观看费德勒的比赛,他喜欢在业余时间打羽毛球!

准备开始了吗?

让我们来创作你的下一个数字故事

我们的专业认证- ColorWhistle
转到顶部
关闭弹出

大家一起说

    当然可以,请留下您的详细信息,我们的代表将很高兴给您回电!

    例:无名氏

    例:美国

    更多细节,加速这个过程:)

    Baidu
    map