도구 사용법을 아는 것이 성공의 열쇠로 자주 언급됩니다. 사무실에서는 Microsoft Office, Photoshop과 같은 프로그램을 사용합니다.
그러나 직장 생활을 더 단순하게 만들기 위해 배울 수 있는 내부 도구 또는 관리 도구와 같은 더 많은 도구가 있습니다.
내부 앱이라고도 하는 내부 도구는 IT 부서, 개발자 및 기타 내부 비즈니스 사용자가 생산성을 높일 수 있도록 지원하기 위한 소프트웨어 또는 애플리케이션입니다.
데이터베이스, CRM, CMS, 티켓팅 소프트웨어 또는 대시보드에 쉽게 액세스할 수 있도록 하는 것부터 웹사이트에 대한 우수한 메트릭을 제공하는 것까지 모든 작업을 수행할 수 있습니다.
내부 도구는 Google, Facebook, Apple, Microsoft, Slack, Asana, Dropbox, Amazon 및 기타 다양한 웹사이트에서 찾을 수 있습니다.
그러나 그들은 무엇을 제공합니까?
왜 그것들이 필요합니까?
그리고 실제로 이를 활용하여 회사의 성과나 효율성을 높일 수 있습니까?
내부 도구는 특정 작업을 추적하고 피드백을 보고하며 시간이 지남에 따라 사이트 성능을 최적화하는 데 매우 유용하기 때문에 풍부합니다.
또한 대부분의 기업은 내부적으로 이를 활용하여 생산성을 높이고 물류를 관리하며 기술적 문제가 발생할 경우 고객에게 보다 신속하게 대응합니다. 내부 도구를 사용하면 사이트의 성능을 추적하고 향후 계획을 세울 수 있으며 특정 상황에서는 비용을 절약할 수도 있습니다.
이 포스트에서 우리는 무엇보다도 Appsmith, 그 기능, 그리고 그것을 활용하는 방법에 대해 자세히 살펴볼 것입니다. 시작하자.
앱스미스란?
앱스미스 잘 알려져있다 오픈 소스 내부 웹 솔루션을 구축하고 호스팅하기 위한 플랫폼입니다. 실시간 데이터를 사용하는 앱을 구축하기 위해 여러 데이터베이스 및 API에 연결할 수 있습니다.
미리 빌드된 UI 위젯을 사용하고 API 및 데이터베이스에 연결하여 동적 앱과 복잡한 프로세스를 개발할 수 있습니다. 원하는 기술을 사용하여 이러한 앱을 배포할 수 있습니다.
또한 호스팅은 무료입니다. 이는 또한 완전히 무료로 사용할 수 있는 프레임워크임을 의미합니다. 앱을 자체 호스팅하고 Docker의 클라우드 서비스를 사용할 수 있습니다.
JavaScript 기반 시각적 개발 플랫폼을 사용하여 CRUD 앱, 대시보드, 관리자 패널 등을 10배 더 빠르게 만들 수 있습니다. 개발자들은 수백 시간의 노력을 절약할 수 있는 Appsmith를 좋아합니다.
전반적으로 다음을 위한 견고한 오픈 소스 기반입니다. 내부 도구 개발.
특징
- Appsmith는 서버에 설치하는 데 약 5분이 걸립니다.
- 위젯을 드래그 앤 드롭, 크기 조정 또는 편집하는 데 HTML 또는 CSS가 필요하지 않습니다.
- 이제 클릭 한 번으로 SQL, S3 또는 Google 스프레드시트 데이터 소스에 대한 모든 UI와 로직을 포함하는 CRUD 애플리케이션을 생성할 수 있습니다.
- 실시간 댓글 사용(예: 피그 마) 즉시 의사소통하고, 피드백을 제공하고, 협업하기 위한 내부 도구 작업을 할 때.
- 모든 PostgreSQL, MySQL 또는 MongoDB 데이터베이스에 직접 액세스할 수 있습니다.
- UI를 사용하면 데이터베이스를 쿼리하고 변경할 수 있습니다. PostgreSQL, MongoDB, MySQL, REST 및 GraphQL API를 사용할 수 있습니다.
- API에 대한 추가 인증 유형을 지정할 수 있습니다. API 키 기반 인증, 베어러 토큰 인증 또는 이 둘의 혼합이 가능합니다.
- 클릭 한 번으로 앱을 배포하거나 지속적 통합/지속적 배포 시스템과 통합할 수 있습니다. 앱을 안전하게 빌드, 테스트 및 배포하려면 다양한 환경에 대한 git 분기를 만드십시오.
Appsmith 및 Firebase에 대한 실무 경험
데이터베이스에서 레코드 읽기, 레코드 추가 또는 편집, 레코드 삭제는 모든 애플리케이션에서 CRUD 작업입니다. 이 모든 것이 하나로 묶인다. 사용자 인터페이스 그리고 프로그램의 논리.
Firestore를 데이터베이스로 사용하여 Appsmith에서 작업 관리자를 생성하는 방법을 알려 드리겠습니다. 데이터베이스 연결, 쿼리 생성, 위젯에 데이터 통합, 맞춤형 구현 JavaScript를 사용한 기능 이것의 결과로 모든 것이 덮이고 굳어질 것입니다.
다음 개념을 가르칩니다.
- Firestore를 사용하여 연결 및 쿼리
- Appsmith에서 데이터는 위젯에 바인딩됩니다.
- 앱을 온라인에 올리기
1. Firestone을 사용하여 연결 및 쿼리
Firestore에 대해 자세히 알아보기 전에 먼저 앱을 구성해야 합니다. 가입 앱스미스 클라우드를 클릭하고 주황색 새로 만들기 버튼을 클릭합니다. 이제 새로 빌드된 앱을 데이터베이스에 연결할 수 있습니다.
드롭다운 메뉴에서 데이터 소스 > 새로 만들기 > Firestore를 선택합니다. Firebase 인스턴스에 연결하려면 자격 증명을 제공하세요. 테스트 버튼을 클릭하여 데이터 소스를 저장하기 전에 모든 정보가 올바른지 확인하십시오.
Firestore 데이터 소스를 사용하여 데이터를 쿼리해야 합니다. 데이터베이스에서 작업을 검색하는 쿼리를 만듭니다. 일부 데이터를 표시하기 위해 일부 시드 데이터가 있는 Asana라는 기본 컬렉션이 있습니다. 작업 검색 쿼리는 다음과 같습니다.
이제 Firestore에 연결하고 일부 데이터가 유입되었으므로 위젯을 사용하여 앱에 표시해 보겠습니다.
2. Appsmith에서 데이터는 위젯에 바인딩됩니다.
들어오는 데이터를 표시하려면 목록 위젯이 필요합니다. 사이드바의 위젯 탭에서 목록 위젯을 캔버스로 드래그합니다. (위젯 탭은 앱 이름 아래에 있습니다.) 목록 위젯의 기본 바인딩은 다음과 같이 작성할 수 있습니다.
마찬가지로 Text 위젯을 가져와서 적절한 바인딩을 생성하면 List 위젯의 각 항목에 대한 데이터를 표시할 수 있습니다.
앱 실행으로 넘어가기 전에 작업을 편집하고 삭제할 수 있는 양식을 구성하는 데 몇 분을 투자해 보겠습니다.
이렇게 하려면 양식 위젯을 캔버스로 끌어오고 한 쌍의 텍스트 위젯을 사용하여 목록의 새 항목이 선택될 때 양식을 업데이트하는 것과 같이 목록 위젯에서 선택한 작업에 대한 정보를 표시합니다. 양식은 다음과 같이 표시되어야 합니다.
이제 이전에 설정한 Firestore 데이터 소스를 사용하여 이와 같은 업데이트 쿼리를 만들 수 있습니다.
그런 다음 양식의 제출 버튼을 눌렀을 때 업데이트 작업 쿼리를 실행하도록 구성합니다. 동일한 기술을 사용하고 쿼리를 작성하여 작업을 제거할 수 있습니다.
3. 온라인 지원
이것은 지금까지 가장 간단한 단계입니다. 앱을 배포하려면 화면 오른쪽 상단으로 이동하여 배포 버튼을 클릭합니다. 다른 사람을 초대하여 앱을 사용하거나 만들거나 공개할 수도 있습니다. 공유 버튼은 배포 버튼 옆에 있습니다.
Appsmith를 사용하여 앱 개발의 기초를 마스터했으며 배운 내용을 사용할 준비가 되었다고 확신합니다.
장점
- 실시간 팀 협업이 기본 제공됩니다.
- Azure, Google Cloud Platform 또는 Digital Ocean에서 기존 CI/CD 워크플로 및 원클릭 앱 배포와의 통합.
- 무한한 수의 내부 앱과 데이터 소스를 연결할 수 있습니다.
- 이 드래그 앤 드롭 건물 인터페이스의 사전 구성된 위젯에는 차트, 체크박스, 사진, 모달, 테이블 등이 포함됩니다.
- 구성원이 앱에 초대되면 구성원의 책임을 직접 관리할 수 있습니다.
- 데이터베이스 쿼리에 JavaScript를 포함하는 기능과 PostgreSQL, DynamoDB, MongoDB, Firebase 및 기타 REST 또는 GraphQL API와의 통합.
단점
- 플랫폼을 사용하려면 몇 가지 프로그래밍 능력이 필요합니다.
- 웹 앱만 허용됩니다. 앱이 항상 빠르게 응답하는 것은 아닙니다.
가격 정책
사이트의 커뮤니티 버전은 무기한 무료로 사용할 수 있습니다. 곧 가격이 책정될 클라우드 기반 비즈니스 에디션도 살펴볼 수 있습니다.
결론
내부 도구 개발은 코딩이나 개발자 또는 분석 팀과의 주고받기를 처리하지 않고도 팀의 역량을 강화할 수 있는 훌륭한 방법입니다.
Appsmith는 설정 및 사용이 간단하여 새로운 솔루션이 자주 필요한 빠르게 변화하는 역동적인 기술 비즈니스에 적합합니다.
강력한 문서화, 비디오 교육 및 커뮤니티 지원을 통해 더욱 확립되고 확립된 기술입니다.
파즈 오제다
안녕하세요, 튜토리얼을 제공해 주셔서 감사합니다. 저는 이 도구를 검토해 왔으며 학습 과정에서 일종의 티켓 관리자를 구성하려고 노력하고 있습니다. 최종 사용자가 요청을 입력하고 이에 대해 후속 조치를 취할 수 있다는 아이디어입니다. 반면에 티켓 담당자는 요청된 내용을 볼 수 있고 어떤 종류의 대시보드도 가지고 있습니다. 안타깝게도 Appsmith가 다른 페이지에 대한 액세스를 제한하는 시스템을 갖고 있는지 여부는 여전히 해독할 수 없습니다. 최종 사용자는 해당 애플리케이션을 사용하는 나머지 사람들의 티켓 목록을 볼 수 없습니다. 이에 대해 알고 계십니까?