发布于 2026-01-05 0 阅读
0

【项目】Instagram 克隆版 我做了什么 我是如何做的(技术栈是什么?过程中遇到过什么问题或发现了什么新东西?) 其他资源/信息

[条目] Instagram 克隆

我建造的

我是如何搭建的(使用了哪些技术栈?过程中是否遇到问题或发现了什么新东西?)

其他资源/信息

我建造的

这是 Google 云端硬盘上的视频链接:https://drive.google.com/file/d/1q9rITDg4XdbAoCbNTGmzkDWNTHXf6Vpr/view? usp=sharing

我开发了一个 Instagram 克隆版。你可以上传图片,其他人可以实时查看。你还可以给图片点赞。这个 Instagram 克隆版使用 Pusher 来实时更新图片和点赞数。

演示链接

https://pushergram.herokuapp.com/
该应用具有响应式设计,可在移动设备和桌面设备上查看。

代码链接

https://github.com/9jaswag/instaclone

我是如何搭建的(使用了哪些技术栈?过程中是否遇到问题或发现了什么新东西?)

  • Ruby on Rails
  • 推手
  • 设计
  • Bootstrap
  • 载波
  • Heroku 用于托管
  • 用于存储图像的 AWS

我花了4个小时开发了这个应用😴😪。我用Ruby on Rails开发,并用Devise处理用户身份验证。

问题

我在开发这款应用时遇到的两个问题是处理图片上传和实时更新点赞数和新帖子数。

尝试了多种图片上传方案后,我最终选择了 Paperclip,一切都很顺利,直到我部署到 Heroku 后,上传的图片一分钟后就找不到了。经过一番搜索,我发现 Heroku 并不存储图片。
最终,我改用 Carrierwave 进行图片上传,因为它与 AWS 集成良好。

在实时更新图片点赞数时,我需要找到一种方法来识别DOM中需要更新点赞数的图片。为了解决这个问题,我过去常常data attributes通过ID定位帖子并更新它们的点赞数。

其他资源/信息

CarrierwaveDevise简直是救星。有了它们我可以轻松处理用户身份验证和图片上传。Pusher 让实现实时功能变得像 ABC 一样简单。

更新:这里有一篇关于我如何构建该应用程序的文章:

文章来源:https://dev.to/troy34/entry-instagram-clone-2gbp