WeChat 미니 프로그램을 위한 타사 개발 도구(WEPT) 소개-위챗 개발-php.cn

WeChat 미니 프로그램을 위한 타사 개발 도구(WEPT) 소개

Y2J

풀어 주다： 2017-05-02 10:21:23

원래의

3163명이 탐색했습니다.

WeChat 미니 프로그램 개발 도구 타사 개발 도구 WEPT, WEPT 주요 기능: 실시간 업데이트, wxml 지원 wxss javascript json 더 안정적, 실수를 자주 하는 공식 도구와 달리 제한 없음, 인터넷 연결 필요 없음 , 백엔드 구성 CORS 없음, 모바일 브라우징 지원.

프로젝트 주소: github.com/chemzqm/wept

WEPT 주요 기능:

실시간 업데이트, wxml wxss javascript json 지원

자주 잘못되는 공식 도구와 달리 더 안정적임

제한 없음, 인터넷 연결 필요 없음, 백엔드에서 CORS 구성 필요 없음, 모바일 브라우저 디버깅 지원

개인 테스트 가능 Mac 및 win7에서 버그가 발생하면 github에서 문제를 공개해 주세요.

상세 소개

WEPT는 현재 공식적으로 제공되는 개발자 도구와 비교하면 다음과 같은 특징을 가지고 있습니다.

1. 완전 실시간: wxml, wxss, javscript 및 json 파일의 자동 핫 업데이트를 완벽하게 지원합니다. 파일이 저장된 후 해당 변경 사항이 미니 프로그램의 실행 환경에 자동으로 업데이트됩니다. 작업을 다시 빌드하거나 다시 시작하려면 대부분의 경우(app.json을 수정하지 않는 한) 새로 고칠 필요가 없습니다. 새로 고침이 없기 때문에 개발자는 더 이상 수정 전 페이지 상태를 재현하기 위해 인터페이스를 작동하는 데 시간을 낭비할 필요가 없습니다. 전체 프로세스는 여러 터미널을 동시에 지원합니다.

2. 더 안정적임: WEPT의 미니 프로그램 구성 프로세스는 공식 도구와 같이 앱 서비스가 준비되지 않음 오류를 자주 보고하지 않으며 심지어 백그라운드 또는 미니 프로그램 구성 오류가 발생하는 경우에도 발생합니다. , 페이지에 오류 알림이 즉시 표시됩니다. 으르렁거림이나 터미널 알리미가 설치되어 있으면 바탕 화면에 오류 알림도 표시됩니다.

3. 제한 없음: WEPT에서 생성된 미니 프로그램 페이지는 모바일 브라우저에서 실행될 수 있으며 사용하기 위해 인터넷 연결이 필요하지 않습니다. 백엔드를 사용하여 개발자가 백엔드 CORS를 구성하지 않고도 디버깅할 수 있는 사용자 지정 프록시 프로토콜을 통해 XHR 요청을 전달합니다.

4. 추가 API: 공식적으로 지원되는 모든 API를 지원하는 것 외에도 WEPT는 해당 html5 인터페이스를 지원하는 모바일 브라우저에서 디버깅할 수 있습니다.

구현원리

간단히 말하면 WebSocket 인터페이스를 통해 프런트엔드와 실시간으로 통신하는 웹 서비스입니다. 백엔드 서비스가 요청되면 필요한 파일이 동적으로 컴파일됩니다.

프런트엔드는 iframe을 통해 뷰 레이어, 서비스 레이어 및 제어 레이어 페이지의 다자간 통신 및 제어 로직을 구현합니다.

프런트 엔드 뷰 레이어 및 서비스 레이어 코드는 최신 버전의 WeChat 개발자 도구(현재 101100,

iframe 통신 및 자동 업데이트를 지원하도록 약간 수정됨)에서 가져왔습니다. ), 제어 UI 상태 동기화를 위해 약간의 React

를 사용하여 레이어 페이지가 완전히 다시 구현되었습니다.

설치 및 사용

1. 먼저 노드를 설치해야 합니다. 버전이 6.0 이상인지 확인하세요. 낮은 버전에서는 오류가 발생할 수 있습니다.

2. 그런 다음 임의의 디렉터리에서 실행합니다:

3.npm install -g wept

4. 설치가 완료되면 공식 데모 디렉터리에서 실행합니다. 다운로드: