LOVEFIELD - 내가 좋아하는 전자 JS 프로젝트용 관계형 데이터베이스 솔루션(1부)

안녕하세요 개발자님....

몇 달 전에 저는 지역 비즈니스를 위한 관리 시스템을 개발하기를 원하는 고객을 받았습니다. 그는 로컬 데이터 저장소가 있는 데스크톱 앱이 되기를 원했습니다. 이 데스크탑 앱의 프레임워크로 내가 가장 좋아하는 전자JS를 사용하기로 선택했지만 데이터베이스를 구현하는 방법에 대한 도전에 직면했습니다.

nodeJS에서 mysql 드라이버를 사용하려고 시도했지만 해당 옵션이 필요한 이식성을 제공하지 않았습니다(데이터베이스 서버가 필요함). 그래서 검색을 시작했고 Google에서 지원하는 LOVEFIELD Made라는 라이브러리를 발견했습니다.

Lovefield는 브라우저에서 indexedDB를 사용하여 웹사이트용 데이터를 저장하는 관계형 데이터베이스입니다. 전자 프레임워크는 앱을 실행할 수 있는 크롬과 유사한 브라우저를 제공하기 때문에 lovefield는 앱에 대한 관계형 데이터베이스 지원을 구현하기 위한 저렴하고 이식 가능한 솔루션이 됩니다.

electronJS(개발자가 javascript, css 및 html5를 사용하여 크로스 플랫폼 데스크톱 앱을 만들 수 있는 프레임워크)와 lovefield 개발자의 조합으로 매우 유용한 데스크톱 앱을 만들 수 있습니다. 이제 lovefield를 사용하도록 electronJS를 구성하는 방법을 살펴보겠습니다.

ELECTRONJS 프로젝트에서 LOVEFIELD 구성하기
이제 시작합니다. electronJS 프로젝트의 루트로 이동하여 npm을 사용하여 lovefield를 설치합니다.

npm install --save lovefield
. 다운로드가 완료되면 다음 부분이 프로젝트에 로드됩니다.

러브필드 로딩중
여기에 트릭이 있습니다. Lovefield는 주로 nodeJS 환경이 아닌 브라우저용으로 만들어졌습니다. 그러나 electronJS는 nodeJS를 사용하며 앱을 위한 브라우저 환경을 만듭니다. 따라서 다른 모듈과 마찬가지로 프로젝트의 자바스크립트 파일에 필요하면 의도한 대로 작동하지 않을 수 있습니다(저에게는 완전히 작동하지 않았습니다).

따라서 이 문제를 해결하려면 index.html 파일(또는 lovefield가 사용될 다른 html 파일)에서 일반 브라우저와 같은 방식을 사용해야 합니다. 즉, <script> 태그를 사용하여 로드해야 합니다. ) . 이렇게 로드하시면 됩니다

<script src="node_modules/lovefield/dist/lovefield.min.js"></script>

로드한 후 lovefield 네임스페이스를 사용하여 모든 lovefield API 및 클래스에 액세스할 수 있습니다.

여기까지 읽어주셔서 감사합니다. 이것은 lf 에 대한 제 기사의 일부입니다. 다음 부분에서는 lovefield, 가장 일반적인 오류 및 lovefield를 관계형 데이터베이스로 사용할 때 항상 취해야 하는 예방 조치에 대해 자세히 설명합니다.

즐거운 코딩!