놓쳤을 수 있는 Anvil의 5가지 기능

Anvil을 사용하면 Python만 사용하여 웹 앱을 빌드할 수 있을 뿐만 아니라 easy user management , built-in databases 및 two-click deployment 과 같은 기능도 함께 제공됩니다. 오늘은 덜 알려졌지만 매우 유용한 Anvil의 잘 알려지지 않은 기능 몇 가지를 보여드리겠습니다!


모루의 편집자

Disclaimer: Anvil has a free plan which includes all the features you need to build and deploy a web app. However, some of the features in this article are advanced features only available on paid plans.

1 - 프로그레시브 웹 앱 만들기

Anvil 앱은 프로그레시브 웹 앱(PWA)이며 거의 기본 앱처럼 설치할 수 있습니다.

설치는 플랫폼에 따라 다르지만 일반적으로 장치 브라우저에서 '홈 화면에 추가' 옵션을 찾는 것만큼 간단합니다. 예를 들어 iOS에서는 Safari에서 웹 앱을 탐색하고 공유 아이콘을 선택한 다음 '홈 화면에 추가'를 선택할 수 있습니다.


Anvil 앱을 다운로드하는 방법의 예

Anvil 앱을 오프라인에서 실행할 수도 있습니다. 앱을 다운로드하면 인터넷에 연결되어 있지 않아도 앱이 계속 작동합니다. 앱이 오프라인 상태일 때 데이터를 저장해야 하는 경우you can cache the data in the browser 인터넷 연결이 설정될 수 있습니다.

2 - 배포 환경

인터넷에 Anvil 웹 앱을 배포하는 데 걸리는 시간two clicks은 Anvil에서 가장 사랑받는 기능 중 하나입니다. 놓쳤을 수 있는 한 가지 기능은 만들기 기능입니다multiple deployment environments. 즉, 프로덕션, 테스트 및 개발과 같은 작업을 위해 여러 버전의 앱을 쉽게 배포할 수 있습니다.


프로덕션, 테스트 및 개발 환경 예제

필요한 만큼 배포 환경을 만들고 각각의 URL , app version , database , Uplink key 및 Scheduled Tasks 을 사용자 정의할 수 있습니다. 완전히 준비될 때까지 프로덕션 앱이 변경되지 않는다는 사실을 알고 별도의 환경에서 안전하게 개발할 수 있습니다.

3 - 앱 로그

웹 앱에 대한 로그를 갖는 것은 중요하지만 웹 개발에서 종종 간과되는 부분입니다. Anvil은 내장된 앱 로그를 제공하여 쉽게 만들 수 있습니다. 앱 로그를 검색하고 장치별로 필터링할 수 있으며 예외 추적을 통해 오류가 발생한 정확한 코드 줄로 이동할 수 있습니다.



앱 로그 보기

4 - 버전 관리

Anvil의 버전 제어는 산업 표준 버전 제어 시스템인 Git을 기반으로 하며 다음을 수행할 수 있습니다.

앱 변경 사항 추적

앱의 이전 버전으로 되돌리기

다른 개발자와 공동 작업

다른 버전을 편집하는 동안 앱의 특정 버전 게시

앱의 기록을 보려면 Anvil 편집기 하단의 버전 기록 탭을 클릭하십시오.



버전 관리 탭 전환

5 - 자바스크립트 사용

Wait - you don't need to use JavaScript with Anvil?

맞습니다. 하지만 Anvil은 여러분이 사용하고 싶어할 수 있는 유용한 JavaScript 라이브러리가 많이 있다는 것을 알고 있으므로 Anvil은 여러분을 Python에만 제한하지 않습니다.

Native Libraries을 사용하여 JavaScript를 Anvil 앱CDN으로 가져올 수 있습니다.

<script crossorigin src="https://unpkg.com/@daily-co/daily-js"></script>

그런 다음 앱의 양식에서 사용하려는 JavaScript 클래스를 Python으로 바로 가져옵니다.

from anvil.js.window import DailyIframe

이제 Python만 있으면 JavaScript 라이브러리를 사용할 수 있습니다.

self.call_frame = DailyIframe.createFrame()

Anvil에서 JavaScript 라이브러리를 사용하는 예를 보려면 이 튜토리얼을 확인하세요.
Using Daily's JavaScript video chat API with Anvil


그게 다야! 이 기사가 Anvil의 몇 가지 새로운 기능을 보여주었기를 바랍니다. Anvil에서 가장 좋아하는 기능이 무엇인지 듣고 싶습니다.

앤빌이 처음이신가요?

앤빌이 처음이라면 환영합니다! Anvil은 Python만 사용하여 전체 스택 웹 앱을 구축하기 위한 플랫폼입니다. JS, HTML, CSS, Python, SQL 및 모든 프레임워크와 씨름할 필요가 없습니다. Python으로 모두 구축하면 됩니다.

예 - Python thatruns in the browser . Python thatruns on the server . Python thatbuilds your UI . 에이drag-and-drop UI editor . 모루에는 자신의 것이 없는 경우를 대비하여 내장형Python database도 있습니다.

앱 빌더와 함께 플레이해 보시지 않겠습니까? 그것은 무료입니다! 시작하려면 여기를 클릭하십시오.
https://anvil.works/build