该项目是对网站 smlileyco.in 的改进版本。
修订后的网站有一个首页和5个子页面。
子页面包括:
首页包含一个头部,其中包含了其他子页面的链接以及一个“实时价格跟踪器”,该跟踪器会获取SmileyCoin的直接价格。我们通过以下页面实现了这一点:https://min-api.cryptocompare.com/ 此外,SmileyCoin的主要信息也放在首页上,并且我们在首页上添加了来自@smileyCoinNews的Twitter新闻源。
点击这里访问正在运行的项目路径。
我们使用React JavaScript库构建了这个网站。
该网站通过Github Pages托管,从该仓库的gh-pages分支中托管。
要更新仓库,请运行以下命令:
npm run build
npm run deploy
项目
│ README.md
│
│
└─── src
│
│
└─── components (主要是主页)
| │ index-about
| │ index-coin
| │ ...
|
└─── routes (页面)
| about
| coininfo
| getstarted
| home
| wallets
每个页面组件内部都有一个js文件,包含html代码和必要的脚本, 并且还有一个样式表(scss文件)。
在终端中输入以下命令确认安装:
node -v 和 npm -v。
导航到项目文件夹并输入
npm install,它应该会安装所有必要的包。
此项目使用Create React App进行初始化。
在项目目录中,你可以运行:
npm start以开发模式运行应用程序。<br> 打开 http://localhost:3000 在浏览器中查看它。
如果你进行了编辑,页面将会重新加载。<br> 你还会在控制台中看到任何lint错误。
npm test以交互式监视模式启动测试运行器。<br> 有关更多信息,请参阅运行测试部分。
npm run build为生产环境构建应用程序到build文件夹。<br>
它正确地将React打包为生产模式,并优化构建以获得最佳性能。
构建会被压缩,并且文件名包含哈希值。<br> 你的应用已经准备好部署!
有关更多信息,请参阅部署部分。
npm run eject注意:这是一次性操作。一旦你eject,你就不能回到之前的状态!
如果你对构建工具和配置选择不满意,可以随时eject。此命令将从你的项目中移除单一构建依赖。
相反,它会将所有配置文件和传递依赖(如Webpack、Babel、ESLint等)复制到你的项目中,这样你就可以完全控制它们。除了eject之外的所有命令仍然有效,但它们会指向复制的脚本,因此你可以对其进行调整。此时你将独立完成。
你不必使用eject。精心挑选的功能集适用于小型和中型部署,你不应感到有义务使用此功能。然而,我们知道如果在你需要自定义时无法做到这一点,这个工具将没有用处。
你可以在Create React App 文档中了解更多内容。
要学习React,请查阅React文档。
它会构建应用程序并生成一个构建文件夹。你可以在设备上执行此操作,然后将构建文件夹移动到服务器上。
sudo npm install -g pm2
deploy": "pm2 start ./server.sh --name yourAppName",
echo "正在提供yourAppName服务!"
serve -s build #(serve -s build -l 80) 用于在80端口部署
别忘了通过运行以下命令使server.sh可执行:
chmod +x server.sh
npm run deploy