Redis, Express Svelte 및 Node(RESN)로 Bitly Clone을 구축했습니다.

7476 단어 redishackathonjavascriptsveltewebdev

내 제출물 개요



저는 항상 URL 방문 횟수와 같은 메트릭을 제공할 수 있는 나만의 URL 단축기를 만들고 싶었습니다. 항상 시도하느라 바빴지만, Redis 해커톤은 이 일을 할 수 있는 절호의 기회처럼 느껴졌습니다. 그래서 저는 이 기회를 이용하여 URL 단축기를 직접 만들기로 결정했습니다. Redis JSON을 사용하여 URL 세부 정보를 저장하고 RedisTimeSeries를 사용하여 사용 메트릭을 저장하는 기본 데이터베이스로 redis를 사용하여 구축했습니다.

이 프로젝트는 서버의 두 부분으로 구성되며 REST API를 제공하고 ExpressJS를 사용하여 빌드됩니다. 서버는 또한 Redis와의 인터페이스를 담당합니다. Redis 데이터베이스와 인터페이스하여 데이터를 저장하고 검색하기 위해 Node.js용 공식 Javascript redis 패키지와 Redis OM을 사용하고 있습니다.

그리고 다른 하나는 Sveltekit으로 빌드되는 클라이언트입니다. 사용자가 짧은 URL을 만들고 아름다운 차트에서 메트릭을 볼 수 있는 웹 UI를 제공합니다.

https://urlui.vercel.app에서 클라이언트의 라이브 데모를 볼 수 있습니다.

제출 카테고리:



MEAN/MERN 매버릭스

동영상





언어



JS/TS/Node.js

코드 링크




로하니다모다르 / redis-hack-url단축기


redis x dev 해커톤을 위해 만들어진 URL Shortener 앱





Node.JS 및 Redis를 사용한 URL 단축기


ExpressJS, Redis 및 SvelteKit을 사용하여 URL 단축기 애플리케이션 빌드. URL을 단축하고 링크 방문 기록도 가져옵니다.
Live Demo

목차


  • Screenshots
  • Overview video

  • How it works
  • How the data is stored:
  • How the data is accessed:


  • How to run it locally?
  • Prerequisites

  • Local installation
  • Running the server
  • Running the Client

  • Environment Variables


  • Deployment
  • Vercel
  • Let's get connected:


  • More Information about Redis Stack
  • Getting Started


    • 스크린샷





    개요 비디오


    다음은 프로젝트와 프로젝트에서 Redis를 사용하는 방법을 설명하는 짧은 비디오입니다.

    작동 원리



    데이터 저장 방법:


    프로젝트는 redis json을 사용하여 Url 레코드를 저장합니다. 각 레코드에는 다음과 같은 속성이 있습니다.
  • originalUrl: 문자열
  • shortName: 문자열
  • 생성된 날짜: 날짜
  • 업데이트 날짜: 날짜

    • redis 프로젝트를 쉽게 사용하려면 Redis OM for Node.js .

  • 스키마 정의
    // server/app/om/url.js
import { Entity, Schema } from 'redis-om'
import client from './client.js'
class Url extends
    …



    • View on GitHub

    추가 리소스/정보









    홈페이지






    새 짧은 URL 만들기






    역사






    QR 코드






    RedisTimeSeries를 사용한 시간별 및 일별 메트릭



  • Redis를 다중 모델 데이터베이스로 사용하기 위한 클라이언트 라이브러리인 Redis OM을 확인하십시오.
  • RedisInsight을 사용하여 Redis에서 데이터를 시각화합니다.
  • free Redis database에 가입하세요 .
    • rspec에서 예외가 발생했는지 확인
    WebSocket과 채팅 앱: 소켓 연결

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

    개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
    best100-homepage