본문 바로가기

ASP.NET Blazor

(12)
Blazor/ASP.NET 구글 인증 로그인 만들기 - 1. 프로젝트 세팅 소셜 인증을 통한 로그인은 많은 편리함을 주고 있습니다. 가장 큰 장점으로 유저 입장에서 여러 사이트의 아이디, 패스워드를 기억하지 않아도 된다는 것 입니다. 여기서는 구글 인증을 통해 얻어온 이메일 정보를 페이지에 띄어볼 것입니다. 목차 1. 프로젝트 세팅 2. 구글 클라우드 API 프로젝트 세팅 3. 구글 인증 처리 코드 작성 4. 구글 계정 정보 페이지에 띄우기 Blazor 에서 구글 인증 로그인을 하고 DB 연동을 통하여 회원가입하는 기능 구현 방법에 대해 설명드리겠습니다. 새 프로젝트 만들기 블레이저 서버 앱 템플릿 기준입니다. 프로젝트 이름은 GoogleOAuthSample 라고 할게요. 프레임워크는 .NET 6.0 기준이나 7.0 또는 8.0에서도 큰 차이는 없을 것으로 예상됩니다. 프로젝트..
Blazor 실행 시 HTTPS가 아닌 HTTP 프로토콜로 시작하는 방법 Blazor server app 기준입니다. 일반적으로 Blazor 프로젝트를 생성 시 HTTPS 프로토콜로 실행됩니다. HTTP 프로토콜로 실행해야 하는 경우 설정을 바꿔야 합니다. 프로젝트 탐색기에서 Properties/launchSettings.json 파일을 엽니다. applicationUrl 필드에서 https로 시작하는 값을 지웁니다. 그리고 나서 서버를 실행합니다.
Blazor 에서 구글 차트를 사용하는 방법 조직도 | Charts | Google for Developers 이 페이지는 Cloud Translation API를 통해 번역되었습니다. Switch to English 의견 보내기 조직도 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. 개요 조직 차트는 조 developers.google.com 구글 차트에서 제공하는 형태 중 사용하는 방법입니다. 차트 중 조직도를 사용한 예시입니다. 목차 1. 프로젝트 생성 2. graph.js 작성 3. _Layout.cshtml 작성 4. Index.razor 작성 5. 완성 1. 프로젝트 생성 Blazor server를 새 프로젝트로 생성했을 때 세팅 되어있는 기본 웹페이지 환경에서 작업을 하겠습니다. 2. graph.js 작성..
Blazor. Jenkins REST API 빌드 결과 가져오기 젠킨스는 시스템에 직접 접근하지 않아도 외부에서 보거나 처리할 수 있게 REST API를 지원하고 있다. 따라서 마지막 빌드의 결과를 외부(Blazor)에서 알아보기 위해 구현해볼 것이다. 젠킨스 화면 우측 상단. 프로필 - 설정 클릭 설정페이지에서 API Token 항목을 찾기 Add new Token을 눌러 토큰을 생성해주는데 이때 작성하는 이름은 토큰을 여러개 생성시 내부 구분용이므로 중요치 않음. 따라서 이름을 지어줘도 되고, 지어주지 않을 경우 위와 같이 자동 생성된 이름으로 저장이 됨. 생성시 "1169eccdeef2e2f102c44e46e38ff60020"와 같은 복잡한 문자열을 자동생성해주는데 실제로 사용할 데이터이니 잘 복사 해둘 것. (설정 페이지를 나갔다가 들어오면 다시 볼 수 없음!..