미니 프로그램 프레임워크를 선택하는 방법

소개:

소규모 프로그램 내부 테스트 초기부터 현재까지 다양한 기업에서 소규모 프로그램 사업 발전에 대한 요구가 늘어나고 있습니다. 개발자는 소규모 프로그램을 개발하기 위해 네이티브를 사용하는 데 어려움을 겪습니다. 특히 비즈니스가 더 복잡한 프로젝트의 경우 네이티브 개발을 계속 사용하면 관리 및 반복이 어려워집니다.

(동영상 공유 학습: 프로그래밍 입문)

네이티브 개발 사용 시 문제:

• 애플릿 자체는 일반적으로 사용되는 CSS 사전 컴파일러를 지원하지 않습니다.

• async와 같은 ES7 이상의 고급 구문을 지원하지 않습니다. Wait 및 기타 기능

• 환경, 변수 및 기타 관리와 같은 엔지니어링을 지원하지 않습니다.

• 통합 요청 차단 요청 부족

• 통합 로컬 캐시 읽기 관리 부족

• CSS 프리컴파일러 지원

• ES7 이상 구문 지원

• 엔지니어링 지원

• 대부분의 프레임워크는 멀티 엔드를 지원하며 코드 세트는 멀티 엔드 재사용입니다.

프레임워크 소개 및 비교

Wepy

WePY(발음: /'wepi/)는 사전 컴파일을 통해 개발자가 선호하는 개발 스타일을 선택하여 작은 프로그램을 개발할 수 있도록 하는 프레임워크입니다. . 프레임워크의 세부 사항 최적화, Promise 및 Async Functions의 도입은 모두 소규모 프로그램 프로젝트를 보다 쉽고 효율적으로 개발할 수 있도록 설계되었습니다. Mpvue는 Vue.js를 사용하여 소규모 프로그램을 개발하는 프런트 엔드 프레임워크입니다. 프레임워크는 Vue.js의 핵심을 기반으로 하며, mpvue는 미니 프로그램 환경에서 실행될 수 있도록 Vue.js의 런타임 및 컴파일러 구현을 수정하여 미니 프로그램 개발을 위한 완전한 Vue.js 개발 경험을 도입합니다.

주요 기능

철저한 컴포넌트 개발 기능: 코드 재사용성 향상

완벽한 Vue.js 개발 경험

• 편리한 Vuex 데이터 관리 솔루션: 복잡한 애플리케이션 구축에 편리함

• 빠른 웹팩 구축 메커니즘: 사용자 정의 빌드 전략, 개발 단계 중 hotReload

• npm 외부 종속성 사용 지원

• Vue.js 명령줄 도구 vue-cli를 사용하여 프로젝트를 빠르게 초기화

• H5 코드 변환 및 컴파일을 작은 크기로 파일 프로그램 대상 코드의 기능

• Taro
• Taro는 React 구문 사양을 따르는 멀티 엔드 개발 솔루션 집합입니다.

Uni-app

uni-app은 다음을 사용하는 프런트 엔드입니다. Vue.js는 크로스 플랫폼 애플리케이션 프레임을 개발합니다.

Chamelon

Chameleon/kəˈmiːlən/, 약어로 CML, 중국어로 Chameleon이라는 뜻으로 카멜레온처럼 다양한 환경에 적응할 수 있는 크로스 엔드 종합 솔루션을 의미합니다.

주요 기능

디렉터리 구조: 대규모 기업 수준 애플리케이션 개발에 적합한 표준화된 프로젝트 구조를 제공합니다.

뷰 레이어: 뷰 레이어는 CML 및 CMSS로 작성되었으며 핵심은 표준 반응형 데이터 기반 뷰 업데이트입니다.

로직 레이어: 로직 레이어는 자바스크립트로 작성됩니다. 로직 레이어는 데이터를 처리한 후 자동으로 뷰를 업데이트하고 뷰 레이어의 이벤트 응답 방법을 제공합니다.

다형성 프로토콜: 터미널 전반에 걸쳐 각 끝의 기본 구성 요소와 인터페이스를 통합하는 솔루션을 제공합니다.

사양 검증: 개발 효율성 및 코드 유지 관리성을 향상하기 위해 포괄적인 코드 사양 및 검증이 제공됩니다.

프레임워크 비교

2019-09-17에 기록된 별 수

프레임워크 장단점 분석

wepy

장점: WeChat 팀에서 제공하는 프레임워크는 WeChat 미니 프로그램에 대한 높은 지원을 제공하며 개발 가능합니다. 엔지니어링 프로젝트, 구성 요소 및 관련 문서의 내용이 풍부하고 포럼 및 커뮤니케이션 커뮤니티가 활성화되어 있습니다

단점: WeChat 애플릿, 단일 지원 터미널만 지원하고 프레임워크 자체가 정적으로 컴파일되며 동적 반복 중에 심각한 버그가 나타납니다. 문법 구문 분석 오류가 가끔 발생합니다. 오류 처리가 비교적 간단합니다

mpvue

장점: 오픈 소스 시대 최초의 다중 터미널 프레임워크로 인터넷에 관련된 문제와 예제가 많아 엔지니어링 및 구성 요소 개발 프로젝트에 적합합니다

단점: 개발팀은 기본적으로 더 이상 프레임워크를 유지하지 않습니다. 사용자 수가 점점 줄어들고 있으며 프레임워크 자체의 다양한 문제가 오랜 기간의 반복 후에도 해결되지 않았습니다

taro

장점: 지원 측면이 있습니다. 풍부한 기능, 개발팀의 강력한 유지 관리 노력, 포럼 및 공식 문제 해결 속도가 빠르고 WeChat 미니 프로그램 API를 기반으로 자체 개발되었으며 WeChat 미니 프로그램은 강력한 지원 기능을 갖추고 있습니다

단점: 복잡한 코드 변환 시 문제가 발생하며, H5 및 모바일 단말기와의 호환성이 상대적으로 좋지 않습니다

uni -app

장점: 개발팀이 주로 프레임워크를 홍보하고, 포럼과 커뮤니케이션 커뮤니티가 매우 활발하며, 터미널 호환성이 매우 강력하고, 프레임워크 코드에 대한 특정 IDE 호환 작성 표준이 있습니다.

단점: 일부 코드는 오픈 소스가 아닙니다. , 공식적인 문제 피드백이 시의적절하지 않음, 편집자 바인딩

chameleon

장점: 완벽한 계획, 통합 다형성 프로토콜, 진보적인 크로스엔드, 기본 개발 스캐폴딩 명령 도구를 제공하여 최종 개발자가 개발, 공동 작업에서 전체 프로세스를 효율적으로 완료하도록 돕습니다. 디버깅, 테스트 및 온라인 비즈니스 개발

단점: 짧은 오픈 소스 시간, 관련성이 낮은 정보 및 문제 해결, 터미널 호환성 개선 필요

선택 분석

기존 소규모 프로그램 프레임워크가 많고 프로젝트 중 선택이 있음 개발은 비즈니스에 기반해야 합니다. 프로젝트 자체의 실제 상황에 따라

WeChat Mini 프로그램과 호환

을 선택하세요. WeChat Mini 프로그램과만 호환된다면 wepy, taro 또는 chameleon을 사용할 수 있습니다. 이들 프레임워크 중 위챗 미니 프로그램을 기반으로 하므로 위챗 미니 프로그램의 경우 호환성은 기본적으로 네이티브와 동일합니다. Vue 개발자는 wepy와 카멜레온을 선택할 수 있고, React 개발자는 taro를 선택할 수 있습니다. 물론 쉬운 개발을 위해 개발자는 glup을 사용하여 엔지니어링을 수행하고 기본적으로 개발할 수 있습니다. 그러나 프레임워크 자체는 패키지 크기를 늘리지만 프레임워크는 setData의 반복 렌더링과 같은 성능 최적화 지점을 기본적으로 캡슐화합니다. 등. .

mpvue를 선택하지 않는 이유는 mpvue 개발팀이 더 이상 유지 관리하지 않기 때문이고, mpvue 역시 WeChat mini 프로그램과 호환되는 복잡한 사업에서 해결되지 않은 문제가 있기 때문입니다.

uni-app을 선택하지 않는 이유는 단 하나, HBuildX를 사용하는 것을 좋아하지 않는다는 것입니다

다중 단말기 호환

다중 단말기 호환을 원하시면 필요에 따라 타로나 카멜레온을 선택하시면 됩니다 카멜레온은 짧은 기간 동안 오픈 소스로 사용되었지만 통합되어 있습니다. 다형성 프로토콜의 디자인 컨셉은 정말 훌륭합니다. taro는 Above Lab에서 추진하는 프로젝트입니다. 사용 과정에서 포럼의 피드백과 커뮤니케이션 그룹의 복구 속도가 여전히 매우 시기적절하다는 것을 알 수 있습니다. 다른 터미널과 호환되려면 코드에 따라 코드를 추가해야 합니다. 마지막에 특수 처리

요약

미니 프로그램 프레임워크를 선택하지만 어떤 프레임워크를 선택하든 결국 인식할 수 있는 코드로 컴파일됩니다. 비즈니스 요구에 따라 미니 프로그램 프레임워크를 선택할 때 미니 프로그램 기능의 기본 특성을 이해해야 합니다. 마지막으로 WeChat 개발 문서가 너무 거칠다는 점에 대해 불평해야 합니다. 많은 핵심 사항이 자세히 설명되어 있지 않습니다.

관련 추천: 미니 프로그램 개발 튜토리얼

위 내용은 미니 프로그램 프레임워크를 선택하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!