Nuxt.js, Caddy, Typescript, Sequelize 등을 사용하여 완전 자동 https 개발자 프로필 생성기를 구축합니다.

6365 단어 azureazuretrialhackmicrosoft

내 제출 개요



페르소나



그들을 모두 지배하는 하나의 공개 프로필. 개발자를 위한 개발자에 의한.

설명



Persona는 Microsoft Azure 해커톤을 위해 개발되었습니다. GitHub OAuth, Mono Repo 아키텍처, 데이터베이스 관리, API 서버, Full-Stack Modern JS 프레임워크 앱, 사용자가 자신의 도메인을 DNS로 지정하고 공개 보기를 허용함으로써 복잡한 네트워킹 개념과 같은 많은 것을 특징으로 하는 모노 리포지토리 TypeScript 프로젝트입니다. 그것에 프로필.

특징


  • Microsoft Azure VM
  • Caddy auto HTTPS and reverse proxying
  • Nuxt.js and TypeScript
  • SQlite Database with Sequelize Migrations
  • Github Oauth
  • Fastify REST API
  • Express static site server

    • 앱 작동 방식



    https://azure.kaizen.com.na 에서 앱에 액세스합니다. 여기에서 GitHub로 애플리케이션에 권한을 부여하여 기본 프로필을 생성할 수 있습니다.

    사용자 정의 도메인 추가



    사용자 정의 도메인을 추가하기 위한 입력입니다. profile.example.com를 사용하면 사용자 정의 도메인을 프로필에 저장할 수 있습니다. 이 도메인의 이름을 dns-azure.kaizen.com.na 로 지정하면 공개 프로필에 액세스할 수 있습니다. (기본적으로 대시보드에서 액세스할 수 있는 https://static-azure.kaizen.com.na/<your-user-id> 에서 액세스할 수 있습니다).

    내 맞춤 도메인을 사용해 보세요 😀



    https://profile.kaizen.com.na

    프로필 업데이트



    현재 다음을 업데이트할 수 있습니다.
  • 공개 페이지에 표시될 이름
  • '편집 모드'에 있을 때 '미리보기 전환' 버튼을 클릭하여 미리 볼 수 있는 약력(마크다운 활성화됨)
  • 웹사이트(현재 공개적으로 사용되지 않음)
  • 프로필 이미지, 편집 모드에서 새 프로필 이미지를 업로드할 수 있습니다(기본값은 github 이미지). 이것은 공개 페이지에 표시됩니다.

    • 참고: 마크다운 편집기는 전체 마크다운 기능을 지원하지 않습니다. 보안상의 이유로 적절한 소독을 할 시간이 없어서 html을 비활성화했습니다.

    개발자 노트



    코드는 다음과 같은 경우를 제외하고 거의 재사용할 수 있습니다.
  • 하드 코딩된 URL 값 https://azure.kaizen.com.na : 이것을 업데이트해야 합니다.
  • ENV 변수: 앱을 실행하는 데 필요한 것이 무엇인지 알 수 있도록 필요한 곳에 일부 .env.dist 파일을 남겨두었습니다.

    • git clone https://github.com/Eckhardt-D/persona.git




    yarn install




    yarn dev

    참고: VM는 Caddy 서버를 실행합니다. 이를 통해 자동 https 및 역방향 프록시를 쉽게 구성하고 VM에 설치Caddy하고 Caddyfile을 다음과 같이 편집할 수 있습니다(하드 코딩된 도메인을 자신의 것으로 업데이트하고 인스턴스 IP를 가리키는지 확인하십시오).

    {
    on_demand_tls {
        ask      http://localhost:3002/domain/verify
        interval 2m
        burst    5
    }
}

https:// {
  tls {
    on_demand
  }

  reverse_proxy {
    to http://localhost:3001
    header_up Host {upstream_hostport}
    header_up X-Forwarded-For {host}
  }
}

azure.kaizen.com.na {
  tls internal
  reverse_proxy http://localhost:3000
}

api-azure.kaizen.com.na {
  tls internal
  reverse_proxy http://localhost:3002
}

static-azure.kaizen.com.na {
  tls internal
  reverse_proxy {
    to http://localhost:3001
    header_up Host {upstream_hostport}
    header_up X-Forwarded-For static-azure
  }
}

    그렇게 간단하게 monorepo는 DX를 염두에 두고 설정되었습니다. 이것에 대한 문제를 열어 언급해야 할 몇 가지 뉘앙스가 있을 수 있지만. 당신이 그것을 즐기고 자유롭게 기여하기를 바랍니다.

    제출 카테고리:



    컴퓨팅 캡틴

    GitHub의 코드 링크




    에크하르트-D / 페르소나


    Microsoft Azure dev.to 대회의 소스 코드





    페르소나


    그들을 모두 지배하는 하나의 공개 프로필. 개발자를 위한 개발자에 의한.

    설명


    Persona는 Microsoft Azure 해커톤을 위해 개발되었습니다. GitHub OAuth, Mono Repo 아키텍처, 데이터베이스 관리, API 서버, Full-Stack Modern JS 프레임워크 앱, 사용자가 자신의 도메인을 DNS로 지정하고 공개 보기를 허용함으로써 복잡한 네트워킹 개념과 같은 많은 것을 특징으로 하는 모노 리포지토리 TypeScript 프로젝트입니다. 그것에 프로필.

    특징


  • Microsoft Azure VM
  • Caddy auto HTTPS and reverse proxying
  • Nuxt.js and TypeScript
  • SQlite Database with Sequelize Migrations
  • Github Oauth
  • Fastify REST API
  • Express static site server

    • 앱 작동 방식


    https://azure.kaizen.com.na 에서 앱에 액세스합니다. 여기에서 GitHub로 애플리케이션에 권한을 부여하여 기본 프로필을 생성할 수 있습니다.

    사용자 지정 도메인 추가


    사용자 정의 도메인을 추가하기 위한 입력입니다. profile.example.com를 사용하면 이 도메인의 이름을 dns-azure.kaizen.com.na로 지정하면 사용자 정의 도메인을 프로필에 저장할 수 있습니다.

    View on GitHub


    추가 리소스/정보







    selenium 설정user-agent 및 브라우저 핵인지 여부에 대한 반향
    AWS 문서 CodeDeploy 및 Elastic Load Balaning

    좋은 웹페이지 즐겨찾기

    개발자 우수 사이트 수집

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