CodeGuard 소개: JavaScript 또는 Python 코드를 난독 처리하는 오픈 소스 도구

6014 단어 pythonjavascriptopensourcewebdev
아마도 우리 대부분은 GitHub, Stack Overflow 등에서 복사하여 붙여넣는 것이 프로그래머가 되지 않는다는 것을 알고 있을 것입니다.

또한 누군가가 귀하의 코드를 훔쳐 자신이 해당 코드/스크립트를 만든 것처럼 가장하여 사용하는 것은 좋지 않습니다.

여기 CodeGuard가 옵니다! JavaScript 또는 Python 코드를 즉시 난독화하는 오픈 소스 도구입니다!

이 영감을 어떻게 얻었습니까?



옛날 옛적에 저는 회의 등을 포함하여 정말 훌륭한 일을 하는 프로젝트를 만들고 있었고 이 아이디어가 떠 올랐습니다.

누군가 자신이 해당 스크립트/코드를 작성한 것처럼 가장하여 내 코드를 훔치도록 허용하는 이유는 무엇입니까?

그래서 코드를 읽기 어렵고 이해하기 거의 불가능하게 만드는 코드 난독화기를 만드는 것은 어떨까요? 이것이 CodeGuard 의 시작입니다.

내가 어떻게 만들었지? (프로젝트 워크플로)



사용자가 파일에 대한 링크를 제공하면 프로젝트가 Gist와 함께 사용되도록 만들어졌기 때문에 GitHub Gist을 사용하는 것이 좋지만 https://example.com/myproject/main.py와 같이 파일에 대한 직접 링크를 제공하는 경우에도 작동합니다.

사용자는 Python 또는 JavaScript를 선택합니다.

image.png

사용자가 선택하면 api.codeguard.tech에 있는 API를 호출하여 2개의 매개변수, link의 코드 링크 및 lang의 프로그래밍 언어를 제공합니다. 아래에 가이드를 남겨주세요!

API가 호출되자마자 파일 가져오기를 시작하고 난독화합니다. 난독화된 파일이 준비되면 사용자 측에서 자동으로 다운로드됩니다.

참고: Python 코드의 경우 난독화된 코드 확장자를 .pyo로 변경하고 python -O <file-name>.pyo를 사용하여 파일을 실행하십시오!

나는 어떤 문제를 경험했는가


  • 백엔드 만들기

    • JS/PY를 사용하여 난독화해야 하므로 클라이언트측에서 실행되지만 클라이언트측에서 난독화하는 스크립트를 실행할 수 없습니다.
  • API를 호스팅하고 만드는 방법

    • Flask의 도움으로 저는 프로젝트에서 저를 도울 수 있는 꽤 좋은 기능을 가진 API를 만들 수 있고 Linode의 존재로 클라우드의 Linux 서버에서 제 API를 호스팅할 수 있습니다!

    내가 사용한 기술 스택 + 내가 그것을 사용한 이유는 무엇입니까?


  • Next.js - 웹사이트의 프런트 엔드 디자인 만들기
  • HTML/CSS - 프런트엔드 만들기
  • JavaScript - 백엔드, 예: 모달(경고) 및 링크 유효성 검사
  • Linux Ubuntu ( Linode ) - API 호스팅
  • Vercel - 웹사이트 호스팅
  • Python ( Flask ) - API를 만드는 데 사용됨

    • API



    API 사용(저희가 호스팅)



    JavaScript에서 API를 사용하는 것은 정말 간단합니다. 단 한 줄의 코드만 필요합니다!

    window.location = "https://api.codeguard.tech/?link=<code link here>&lang=<js or py>


    예를 들어:

    window.location = "https://api.codeguard.tech/?link=https://gist.githubusercontent.com/Omar8345/1038a82e7db5f81d0722a4f2ab701924/raw/b213490f419b1d67de6a6a1647557934b97fc1ef/nicecode.js&lang=js


    머신에서 API 호스팅


  • 로컬 시스템에서 저장소 복제:
    • git clone https://github.com/Omar8345/CodeGuard
  • 그런 다음 CodeGuard/API로 이동하여 선호하는 IDE를 엽니다. Visual Studio Code를 사용하는 경우 다음을 입력하십시오.
    • code .
  • 그러면 폴더에서 VSC가 열리며 터미널에서 다음 명령을 실행하기만 하면 됩니다.
    • $env:FLASK_APP="__init__.py && flask run"
    로컬 링크가 표시되거나 http://127.0.0.1:5000/으로 이동하면 어떤 종류의 오류가 발견될 것입니다. 그냥 무시하고 이제 link 및 lang 매개변수 값을 추가하면 됩니다.

    Vercel X Linode 해커톤을 위해 Hashnode 및 Linode을 사용하여 제작했습니다!

    내 견적



    image.png

    Take your time - But don't mess up!



    공부에 시간을 투자하고 72시간처럼 공부하되 만점을 받으십시오!

    중요 링크 🔗 - CodeGuard를 사용해 보세요!


  • GitHub Repo
  • Next.js
  • CodeGuard

    • Vedant Singhal에게 특별히 감사드립니다.



    인도에서 온 고등학교 개발자 Vedant! Vedant는 이 프로젝트에서 저에게 많은 도움을 주었으므로 여기에서 그에게 감사를 표하고 싶습니다!

    베단트 감사합니다!

    소셜 미디어에서 Vedant를 확인하십시오.
  • GitHub - Ved235
  • Buymeacoffee - Ved235
  • Vedant's Blog

    • 아래 의견에서 귀하의 의견과 제안을 듣고 싶습니다!

    Storybook 6.0이 나온 것이며 Nuxt + Storybook 6.0 프로젝트 시작
    🚀 해시+해시 파티셔닝+샤딩

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

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